.elementor-21112 .elementor-element.elementor-element-6efb2e7:not(.elementor-motion-effects-element-type-background), .elementor-21112 .elementor-element.elementor-element-6efb2e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pedxb.com/wp-content/uploads/2023/01/heaader-03.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-21112 .elementor-element.elementor-element-6efb2e7 > .elementor-background-overlay{background-color:#000000;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-21112 .elementor-element.elementor-element-6efb2e7 > .elementor-container{min-height:26vw;}.elementor-21112 .elementor-element.elementor-element-6efb2e7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-21112 .elementor-element.elementor-element-6efb2e7 > .elementor-shape-bottom svg{height:60px;}.elementor-21112 .elementor-element.elementor-element-cb0677b{text-align:center;}.elementor-21112 .elementor-element.elementor-element-cb0677b .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#FFFFFF;}.elementor-21112 .elementor-element.elementor-element-7648998{--divider-border-style:solid;--divider-color:#C69E63;--divider-border-width:1.5px;}.elementor-21112 .elementor-element.elementor-element-7648998 .elementor-divider-separator{width:12%;margin:0 auto;margin-center:0;}.elementor-21112 .elementor-element.elementor-element-7648998 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-21112 .elementor-element.elementor-element-1c4bef6{--display:flex;}.elementor-21112 .elementor-element.elementor-element-6c65b6a{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21112 .elementor-element.elementor-element-a67069a .elementor-image-box-wrapper{text-align:center;}.elementor-21112 .elementor-element.elementor-element-a67069a.elementor-position-right .elementor-image-box-img{margin-left:11px;}.elementor-21112 .elementor-element.elementor-element-a67069a.elementor-position-left .elementor-image-box-img{margin-right:11px;}.elementor-21112 .elementor-element.elementor-element-a67069a.elementor-position-top .elementor-image-box-img{margin-bottom:11px;}.elementor-21112 .elementor-element.elementor-element-a67069a .elementor-image-box-title{margin-bottom:0px;font-family:"Optima", Sans-serif;font-size:18px;font-weight:500;}.elementor-21112 .elementor-element.elementor-element-a67069a .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-21112 .elementor-element.elementor-element-a67069a .elementor-image-box-img img{border-style:none;border-radius:6px;opacity:1;transition-duration:0.6s;}.elementor-21112 .elementor-element.elementor-element-a67069a:hover .elementor-image-box-img img{opacity:1;}.elementor-21112 .elementor-element.elementor-element-a67069a .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:400;}.elementor-21112 .elementor-element.elementor-element-e942fc5 .houzez-spacer-inner{height:50px;}@media(max-width:1024px){.elementor-21112 .elementor-element.elementor-element-6efb2e7 > .elementor-container{min-height:47vw;}.elementor-21112 .elementor-element.elementor-element-6efb2e7{margin-top:-102px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-21112 .elementor-element.elementor-element-6c65b6a{--grid-auto-flow:row;}.elementor-21112 .elementor-element.elementor-element-e942fc5 .houzez-spacer-inner{height:30px;}}@media(max-width:767px){.elementor-21112 .elementor-element.elementor-element-6efb2e7 > .elementor-container{min-height:88vw;}.elementor-21112 .elementor-element.elementor-element-7ad497f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-21112 .elementor-element.elementor-element-1c4bef6{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-21112 .elementor-element.elementor-element-6c65b6a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21112 .elementor-element.elementor-element-a67069a .elementor-image-box-img{margin-bottom:11px;}.elementor-21112 .elementor-element.elementor-element-e942fc5 .houzez-spacer-inner{height:30px;}}/* Start custom CSS for image-box, class: .elementor-element-a67069a *//* Force Optima font on Image Box Title Link */
.elementor-widget-image-box .elementor-image-box-title,
.elementor-widget-image-box .elementor-image-box-title a {
  font-family: 'Optima', sans-serif !important;
  color: inherit !important;
}



/* --- Apply Optima font to all image box titles on the page --- */
/* This will now work because the font is explicitly loaded via @font-face */
.elementor-image-box-title.elementor-inline-editing {
    font-family: "Optima", sans-serif !important;
    /* Optional: If 'Optima-Medium-1.ttf' is specifically medium weight, you can set it: */
    /* font-weight: 500; */
}

/* --- Shine Effect and Image Hover Resets (Existing Code) --- */
/* Ensure all images maintain their base state without blur, opacity changes, or zoom on hover */
.elementor-image-box-wrapper:hover .elementor-image-box-img img {
    /* Explicitly reset any unwanted hover effects from Elementor or theme */
    filter: none !important; /* Force no blur */
    opacity: 1 !important; /* Force full opacity */
    transform: none !important; /* Force no transform/zoom */
    transition: none; /* No transition for these specific properties on hover to immediately reset */
}

/* Base style for all image boxes to contain the shine effect */
/* Applied to the common image box wrapper to affect all instances */
.elementor-image-box-wrapper .elementor-image-box-img {
    position: relative; /* Needed for absolute positioning of the shine overlay */
    overflow: hidden; /* Ensures the shine doesn't go outside the image box */
    border-radius: 6px; /* Ensure a consistent border-radius for the effect */
    /* Add a smooth transition for any potential default border-radius changes if Elementor applies them */
    transition: border-radius 0.3s ease-in-out;
}

/* Shine Effect (applied to all image boxes) */
.elementor-image-box-wrapper .elementor-image-box-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Start further off-screen to give more travel time for smoothness */
    width: 60%; /* Slightly wider shine */
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100%);
    /* Increased opacity for a slightly more noticeable shine */
    transform: skewX(-25deg); /* Slightly more aggressive skew for a dynamic look */
    pointer-events: none; /* Allows clicks to pass through */
    z-index: 2; /* Ensure shine is above the image */
    /* Smoother and slightly longer transition for the shine */
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.elementor-image-box-wrapper:hover .elementor-image-box-img::before {
    transform: skewX(-25deg) translateX(250%); /* Move the shine further across */
}


/* Optional: Very subtle overlay for a hint of glass on all image boxes */
/* If you don't want any glass effect at all, remove this entire block */
.elementor-image-box-wrapper:hover .elementor-image-box-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.03); /* Even more subtle overlay */
    backdrop-filter: blur(0.5px); /* Very slight blur, almost imperceptible */
    -webkit-backdrop-filter: blur(0.5px); /* Safari compatibility */
    transition: background-color 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
    pointer-events: none; /* Allows clicks to pass through to the image */
    z-index: 1; /* Ensure overlay is above the image but below the shine */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Optima';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://pedxb.com/wp-content/uploads/2025/05/Optima-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Optima';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://pedxb.com/wp-content/uploads/2025/05/Optima_Italic-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */