.elementor-12250 .elementor-element.elementor-element-21233e8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12250 .elementor-element.elementor-element-6f120ba{width:100%;max-width:100%;text-align:center;}.elementor-12250 .elementor-element.elementor-element-6f120ba .elementor-heading-title{font-family:"quasimoda", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;letter-spacing:20%;}.elementor-12250 .elementor-element.elementor-element-66a5b933{width:100%;max-width:100%;text-align:center;}.elementor-12250 .elementor-element.elementor-element-66a5b933 > .elementor-widget-container{margin:3em 0em 0em 0em;}.elementor-12250 .elementor-element.elementor-element-66a5b933 .elementor-heading-title{font-family:"quasimoda", Sans-serif;font-size:36px;font-weight:400;line-height:1.3em;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-12250 .elementor-element.elementor-element-4f416317{--divider-border-style:solid;--divider-color:#000;width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-12250 .elementor-element.elementor-element-4f416317.elementor-element{--align-self:center;}.elementor-12250 .elementor-element.elementor-element-4f416317 .elementor-divider-separator{width:100%;}.elementor-12250 .elementor-element.elementor-element-4f416317 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-12250 .elementor-element.elementor-element-2e19f72e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12250 .elementor-element.elementor-element-2e19f72e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-12250 .elementor-element.elementor-element-3ec04dcd{--e-image-carousel-slides-to-show:1;}.elementor-12250 .elementor-element.elementor-element-3ec04dcd .elementor-swiper-button.elementor-swiper-button-prev, .elementor-12250 .elementor-element.elementor-element-3ec04dcd .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0.6em;--swiper-pagination-bullet-vertical-gap:0.6em;width:13px;height:13px;background:#27677B;}.elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#02010100;opacity:1;}.elementor-12250 .elementor-element.elementor-element-3ec04dcd .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:25px 25px 25px 25px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12250 .elementor-element.elementor-element-39a10925 .elementor-button{background-color:transparent;font-family:"quasimoda", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(90deg, #143C44 0%, #216573 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#FCF3E499;border-radius:100px 100px 100px 100px;padding:18px 50px 18px 50px;}.elementor-12250 .elementor-element.elementor-element-39a10925 .elementor-button:hover, .elementor-12250 .elementor-element.elementor-element-39a10925 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-12250 .elementor-element.elementor-element-39a10925 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12250 .elementor-element.elementor-element-39a10925 .elementor-button:hover svg, .elementor-12250 .elementor-element.elementor-element-39a10925 .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-12250 .elementor-element.elementor-element-2e19f72e{--width:100%;}}@media(max-width:1024px){.elementor-12250 .elementor-element.elementor-element-21233e8e{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-12250 .elementor-element.elementor-element-39a10925 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-12250 .elementor-element.elementor-element-21233e8e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12250 .elementor-element.elementor-element-6f120ba{width:100%;max-width:100%;}.elementor-12250 .elementor-element.elementor-element-6f120ba.elementor-element{--align-self:center;}.elementor-12250 .elementor-element.elementor-element-6f120ba .elementor-heading-title{font-size:14px;}.elementor-12250 .elementor-element.elementor-element-66a5b933 .elementor-heading-title{font-size:23px;}.elementor-12250 .elementor-element.elementor-element-2e19f72e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12250 .elementor-element.elementor-element-3ec04dcd > .elementor-widget-container{padding:0em 0em 0em 0em;}.elementor-12250 .elementor-element.elementor-element-39a10925{width:100%;max-width:100%;}}/* Start custom CSS for heading, class: .elementor-element-6f120ba *//* sdigital Auto-Lined Title */
.elementor-12250 .elementor-element.elementor-element-6f120ba .elementor-heading-title {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Create the left and right lines */
.elementor-12250 .elementor-element.elementor-element-6f120ba .elementor-heading-title::before,
.elementor-12250 .elementor-element.elementor-element-6f120ba .elementor-heading-title::after {
    content: '';
    flex-grow: 1;
    height: 1px; /* Adjust line thickness here */
    background-color: rgba(47, 56, 56, 1) /* Adjust line color here */
}

/* Add spacing around the text */
.elementor-12250 .elementor-element.elementor-element-6f120ba .elementor-heading-title::before {
    margin-right: 20px; /* Space between left line and text */
}

.elementor-12250 .elementor-element.elementor-element-6f120ba .elementor-heading-title::after {
    margin-left: 20px; /* Space between text and right line */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-4f416317 *//* Target the divider line */
.elementor-12250 .elementor-element.elementor-element-4f416317 .elementor-divider-separator {
    background: linear-gradient(to right, rgba(20, 60, 68, 1), rgba(33, 101, 115, 1));
    
    /* We must set border-top to none so the background is visible */
    border-top: none !important;
    
    /* Adjust this height to control the thickness of the divider */
    height: 4px; 
    
    /* Ensures the line stays centered if the width is less than 100% */
    display: inline-block;
    width: 100%;
}

/* Ensure the wrapper respects alignment settings (Left/Center/Right) */
.elementor-12250 .elementor-element.elementor-element-4f416317 .elementor-divider {
    display: flex;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-3ec04dcd *//* =========================================
   1. S-DIGITAL 75% CENTER SLIDE LAYOUT
========================================= */

/* Hide anything outside the main widget to prevent page scrollbars */
.elementor-12250 .elementor-element.elementor-element-3ec04dcd {
    overflow: hidden;
    padding-bottom: 40px; /* Gives room for the pagination bullets */
}

/* Shrink the track to 75% and center it. 
   overflow: visible allows the side slides to peek in. */
.elementor-12250 .elementor-element.elementor-element-3ec04dcd .elementor-image-carousel-wrapper {
    width: 70%;
    margin: 0 auto;
    overflow: visible !important;
}

/* Base state for all slides: dimmed, NO scaling so heights match */
/* S-DIGITAL UPDATE: Added padding to create the gap */
.elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-slide {
    transition: opacity 0.4s ease;
    padding: 0 15px; /* Adjust for gap size (15px padding = 30px total gap) */
    box-sizing: border-box;
}

/* Active (center) slide: full opacity */
/* Because Slides to Show is 1, we target the active slide */
.elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-slide-active {
    opacity: 1;
    z-index: 2;
}

/* =========================================
   2. S-DIGITAL CUSTOM BULLETS
========================================= */

/* Inactive Bullets: No fill, solid border */
.elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-pagination-bullet {
    background: transparent !important; /* Force override of default grey */
    border: 2px solid rgba(53, 120, 133, 1);
    opacity: 1; 
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
}

/* Active Bullet: Branded Gradient */
/* We target the active class specifically within this widget */
.elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-pagination-bullet-active {
    background: linear-gradient(
        to right, 
        rgba(20, 60, 68, 1) 0%,    
        rgba(20, 60, 68, 1) 70%,   
        rgba(33, 101, 115, 1) 100% 
    ) !important; /* !important is often needed to beat Swiper's inline styles */
    border-color: transparent !important;
    opacity: 1;
}

/* =========================================
   3. MOBILE RESPONSIVENESS
========================================= */
@media screen and (max-width: 767px) {
    .elementor-12250 .elementor-element.elementor-element-3ec04dcd {
        padding-bottom: 80px;
    }
    /* Widen the center image slightly for smaller screens */
    .elementor-12250 .elementor-element.elementor-element-3ec04dcd .elementor-image-carousel-wrapper {
        width: 90%; 
    }
    
    /* Bring all slides to full brightness on mobile if desired */
    .elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-slide {
        opacity: 1; 
        padding: 0 5px; /* Optional: reduce gap on mobile to save screen space */
    }
}

/* =========================================
   4. S-DIGITAL UNIFORM IMAGE HEIGHT
========================================= */

/* Force all images to be a 500px tall rectangle */
.elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-slide img {
    height: 500px !important; 
    width: 100%; /* Ensures the image stretches to the edges of its slide */
    object-fit: cover;
    border-radius: 8px; /* Optional: adds a nice clean edge to the rectangles */
}

/* =========================================
   5. MOBILE HEIGHT ADJUSTMENT
========================================= */
@media screen and (max-width: 767px) {
    /* 500px is often taller than a mobile screen, so we scale it down */
    .elementor-12250 .elementor-element.elementor-element-3ec04dcd .swiper-slide img {
        height: 400px !important; 
    }
    .elementor-12250 .elementor-element.elementor-element-3ec04dcd .elementor-image-carousel-wrapper {
        padding-bottom: 0;
    }
}/* End custom CSS */
/* Start custom CSS */.customify-container, .layout-contained {
    max-width: 100% !important;
    padding: 0 !important;
}
.customify-container .content-area {
    padding-top: 0 !important;
}
main {
    padding-bottom: 0 !important;
}/* End custom CSS */