.elementor-17106 .elementor-element.elementor-element-25303fe8{--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;--overlay-opacity:0;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-17106 .elementor-element.elementor-element-25303fe8::before, .elementor-17106 .elementor-element.elementor-element-25303fe8 > .elementor-background-video-container::before, .elementor-17106 .elementor-element.elementor-element-25303fe8 > .e-con-inner > .elementor-background-video-container::before, .elementor-17106 .elementor-element.elementor-element-25303fe8 > .elementor-background-slideshow::before, .elementor-17106 .elementor-element.elementor-element-25303fe8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17106 .elementor-element.elementor-element-25303fe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17106 .elementor-element.elementor-element-25ae5c7f{--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:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17106 .elementor-element.elementor-element-25ae5c7f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17106 .elementor-element.elementor-element-6bf4b245.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-17106 .elementor-element.elementor-element-6bf4b245 .elementor-heading-title{font-size:13px;font-weight:700;text-transform:uppercase;}.elementor-17106 .elementor-element.elementor-element-303f125{--e-image-carousel-slides-to-show:5;}.elementor-17106 .elementor-element.elementor-element-303f125 .swiper-wrapper{display:flex;align-items:center;}.elementor-17106 .elementor-element.elementor-element-1da551e5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-17106 .elementor-element.elementor-element-1da551e5{text-align:end;}.elementor-17106 .elementor-element.elementor-element-1da551e5 .elementor-heading-title{font-size:13px;font-weight:700;text-transform:uppercase;}@media(max-width:767px){.elementor-17106 .elementor-element.elementor-element-25ae5c7f{--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:center;--align-items:center;}}@media(min-width:768px){.elementor-17106 .elementor-element.elementor-element-25303fe8{--width:100%;}.elementor-17106 .elementor-element.elementor-element-25ae5c7f{--width:1140px;}}/* Start custom CSS for image-carousel, class: .elementor-element-303f125 *//* 1. Force all logos to match the same height and prevent cropping */
.elementor-17106 .elementor-element.elementor-element-303f125 .swiper-slide img {
    height: 45px !important;       
    width: auto !important;         
    object-fit: contain !important; 
    
    /* 4. SET NATURAL OPACITY */
    opacity: 0.6 !important;        /* 0.6 = 60% visibility. Drop to 0.4 for lighter, raise to 0.8 for darker */
    transition: opacity 0.3s ease !important; /* Makes the hover effect silky smooth */
}

/* 2. Vertically center uneven logos and create the horizontal gap */
.elementor-17106 .elementor-element.elementor-element-303f125 .swiper-slide {
    display: flex !important;
    align-items: center !important;     
    justify-content: center !important;   
    padding: 0 15px !important;         
    box-sizing: border-box !important;
}

/* 3. Smooth, linear continuous crawl (No stuttering) */
.elementor-17106 .elementor-element.elementor-element-303f125 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

/* 5. HOVER EFFECT (Optional but looks great) */
.elementor-17106 .elementor-element.elementor-element-303f125 .swiper-slide img:hover {
    opacity: 1 !important;          /* Brings the logo to full 100% color/brightness on hover */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25ae5c7f *//* ==========================================================================
   1. DESKTOP ONLY: Re-box the Full Width Container
   ========================================================================== */
@media (min-width: 768px) {
    /* Kill the edge-to-edge spread on full-width inner containers */
    .elementor-element-cdd7c39 {
        max-width: 1140px !important; /* Locks it into standard page width block */
        width: 100% !important;
        margin-left: auto !important;   /* Centers the entire row on your page */
        margin-right: auto !important;  /* Centers the entire row on your page */
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }

    /* Prevent any heading text wrapping on desktops */
    .elementor-element-cdd7c39 .elementor-widget-heading {
        width: auto !important;
        max-width: max-content !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
}

/* ==========================================================================
   2. MOBILE ONLY: Perfect Horizontal Bar Structure
   ========================================================================== */
@media (max-width: 767px) {
    /* Strip default padding/margins on mobile */
    .elementor-element-cdd7c39 {
        display: flex !important;
        flex-direction: row !important; /* Side-by-side enforcement */
        flex-wrap: nowrap !important;   /* Banned from vertical stacking */
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 2px 10px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* LEFT SIDE: "As Seen At" */
    .elementor-element-cdd7c39 > :first-child {
        width: 25% !important;
        max-width: 25% !important;
        flex-basis: 25% !important;
        flex-shrink: 0 !important;
        display: block !important;
    }

    .elementor-element-cdd7c39 > :first-child .elementor-heading-title {
        text-align: left !important;
        font-size: 13px !important; 
        white-space: nowrap !important;
    }

    /* HARD DELETE: Heading 2 (& Many More) Removal */
    .elementor-element-cdd7c39 > :last-child {
        display: none !important;
        width: 0px !important;
        max-width: 0px !important;
        flex: 0 0 0 !important;
        position: absolute !important;
    }

    /* RIGHT SIDE: Open Logo Carousel Runway */
    .elementor-element-cdd7c39 .elementor-widget-image-carousel {
        display: block !important;       
        visibility: visible !important;
        width: 73% !important;          
        max-width: 73% !important;
        flex-basis: 73% !important;
        flex-grow: 1 !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    /* Fix Carousel internal track rendering width properties */
    .elementor-element-cdd7c39 .elementor-carousel-wrapper,
    .elementor-element-cdd7c39 .swiper,
    .elementor-element-cdd7c39 .swiper-container,
    .elementor-element-cdd7c39 .swiper-wrapper {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        visibility: visible !important;
    }

    /* Tighten Logo Spaces */
    .elementor-element-cdd7c39 .swiper-slide {
        width: auto !important; 
        display: flex !important;
        align-items: center !important;
    }

    .elementor-element-cdd7c39 .elementor-image-carousel {
        display: flex !important;
        gap: 15px !important; 
    }

    .elementor-element-cdd7c39 img.swiper-slide-image {
        max-height: 22px !important;
        width: auto !important;
        object-fit: contain !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25303fe8 *//* PARENT CONTAINER: Handles only the background bleed */
.elementor-17106 .elementor-element.elementor-element-25303fe8 {
    background-color: rgba(110, 193, 228, 0.2) !important;
    box-shadow: 0 0 0 100vw rgba(110, 193, 228, 0.2) !important;
    clip-path: inset(0 -100vw);
    padding: 0 !important;
    margin: 0 !important;
}

@media (min-width: 768px) {
    .elementor-17106 .elementor-element.elementor-element-25303fe8 {
        display: flex !important;
        justify-content: center !important;
    }
}/* End custom CSS */