.elementor-4319 .elementor-element.elementor-element-6ac00b8{--display:flex;--min-height:100vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-101px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:10%;--padding-left:4%;--padding-right:4%;}.elementor-4319 .elementor-element.elementor-element-6ac00b8:not(.elementor-motion-effects-element-type-background), .elementor-4319 .elementor-element.elementor-element-6ac00b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://scopedevelopmentseg.com/wp-content/uploads/2026/08/S_Close04_01-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-4319 .elementor-element.elementor-element-0162c32 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.8rem;font-weight:700;text-transform:uppercase;line-height:2.8rem;color:#EFEDE9;}.elementor-4319 .elementor-element.elementor-element-4df432c{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:4%;--padding-bottom:6%;--padding-left:4%;--padding-right:0%;}.elementor-4319 .elementor-element.elementor-element-4df432c:not(.elementor-motion-effects-element-type-background), .elementor-4319 .elementor-element.elementor-element-4df432c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-4319 .elementor-element.elementor-element-89b0f1c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.7rem;font-weight:700;line-height:3rem;color:var( --e-global-color-text );}.elementor-4319 .elementor-element.elementor-element-e56df67{--swiper-slides-to-display:2;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:27px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );}.elementor-4319 .elementor-element.elementor-element-e56df67 .swiper-slide > .elementor-element{height:100%;}.elementor-4319 .elementor-element.elementor-element-e56df67 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-color:var( --e-global-color-primary );border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4319 .elementor-element.elementor-element-6ac00b8{--content-width:100%;}.elementor-4319 .elementor-element.elementor-element-4df432c{--content-width:100%;}}@media(max-width:1024px){.elementor-4319 .elementor-element.elementor-element-6ac00b8{--padding-top:04%;--padding-bottom:15%;--padding-left:04%;--padding-right:04%;}.elementor-4319 .elementor-element.elementor-element-e56df67{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-4319 .elementor-element.elementor-element-6ac00b8{--padding-top:04%;--padding-bottom:32%;--padding-left:04%;--padding-right:04%;}.elementor-4319 .elementor-element.elementor-element-4df432c{--padding-top:9%;--padding-bottom:15%;--padding-left:4%;--padding-right:4%;}.elementor-4319 .elementor-element.elementor-element-e56df67{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-e56df67 */@media screen and (min-width: 750px) {
/* 1. Allow the next slide to overflow the container on the right */
#port .swiper-container,
#port .elementor-main-swiper {
    overflow: visible !important; 
}

/* 2. Force Left Alignment */
#port .swiper-wrapper {
    /* Ensures the active slide stays flush left */
    justify-content: flex-start !important; 
}

/* 3. Set the specific width for the peek effect */
#port .swiper-slide {
    /* Adjust this percentage! 
       75% means the main image takes up 3/4 of the column, 
       leaving 1/4 for the next image to peek in */
    width: 75% !important; 
    
    /* Adds the gap between the two images */
    margin-right: 20px !important; 
    
    /* Smooth transition when swiping */
    transition: all 0.3s ease-in-out;
}

/* 4. Progress Bar Adjustments (From previous step) */
#port .swiper-pagination-progressbar {
    top: auto !important;
    bottom: -40px !important; 
    width: 100% !important;
    height: 1px !important; 
    background: #e0e0e0 !important; 
}

#port .swiper-pagination-progressbar-fill {
    background: #003a35 !important; 
        height: 4px!important; 
}}
 
#port .swiper-pagination-progressbar {
    top: auto !important;
    bottom: -40px !important; 
    width: 100% !important;
    height: 1px !important; 
    background: #e0e0e0 !important; 
}

#port .swiper-pagination-progressbar-fill {
    background: #003a35 !important; 
        height: 4px!important; 
}/* End custom CSS */