.elementor-78956 .elementor-element.elementor-element-5568f4c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-ae31cef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-3841382{--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.7;--padding-top:100px;--padding-bottom:400px;--padding-left:40px;--padding-right:40px;}.elementor-78956 .elementor-element.elementor-element-3841382:not(.elementor-motion-effects-element-type-background), .elementor-78956 .elementor-element.elementor-element-3841382 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://website.zespires.net/wp-content/uploads/2025/01/hero-img-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-78956 .elementor-element.elementor-element-3841382::before, .elementor-78956 .elementor-element.elementor-element-3841382 > .elementor-background-video-container::before, .elementor-78956 .elementor-element.elementor-element-3841382 > .e-con-inner > .elementor-background-video-container::before, .elementor-78956 .elementor-element.elementor-element-3841382 > .elementor-background-slideshow::before, .elementor-78956 .elementor-element.elementor-element-3841382 > .e-con-inner > .elementor-background-slideshow::before, .elementor-78956 .elementor-element.elementor-element-3841382 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-78956 .elementor-element.elementor-element-c6ae10a{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-5f3cd94 .elementor-heading-title{font-size:60px;color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-e1c2f2f .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-78956 .elementor-element.elementor-element-e1c2f2f.elementor-element{--align-self:flex-start;}.elementor-78956 .elementor-element.elementor-element-e1c2f2f .elementor-button-content-wrapper{flex-direction:row;}.elementor-78956 .elementor-element.elementor-element-e1c2f2f .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-78956 .elementor-element.elementor-element-c263aef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-ece82f9{--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.7;--padding-top:100px;--padding-bottom:400px;--padding-left:40px;--padding-right:40px;}.elementor-78956 .elementor-element.elementor-element-ece82f9:not(.elementor-motion-effects-element-type-background), .elementor-78956 .elementor-element.elementor-element-ece82f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://website.zespires.net/wp-content/uploads/2025/01/hero-img-3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-78956 .elementor-element.elementor-element-ece82f9::before, .elementor-78956 .elementor-element.elementor-element-ece82f9 > .elementor-background-video-container::before, .elementor-78956 .elementor-element.elementor-element-ece82f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-78956 .elementor-element.elementor-element-ece82f9 > .elementor-background-slideshow::before, .elementor-78956 .elementor-element.elementor-element-ece82f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-78956 .elementor-element.elementor-element-ece82f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-78956 .elementor-element.elementor-element-cde0edc{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-b43c6d2 .elementor-heading-title{font-size:60px;color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-4c04be6 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-78956 .elementor-element.elementor-element-4c04be6.elementor-element{--align-self:flex-start;}.elementor-78956 .elementor-element.elementor-element-4c04be6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-78956 .elementor-element.elementor-element-4c04be6 .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-78956 .elementor-element.elementor-element-a88b56a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-efd0a21{--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.7;--padding-top:100px;--padding-bottom:400px;--padding-left:40px;--padding-right:40px;}.elementor-78956 .elementor-element.elementor-element-efd0a21:not(.elementor-motion-effects-element-type-background), .elementor-78956 .elementor-element.elementor-element-efd0a21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://website.zespires.net/wp-content/uploads/2025/01/hero-img-banner1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-78956 .elementor-element.elementor-element-efd0a21::before, .elementor-78956 .elementor-element.elementor-element-efd0a21 > .elementor-background-video-container::before, .elementor-78956 .elementor-element.elementor-element-efd0a21 > .e-con-inner > .elementor-background-video-container::before, .elementor-78956 .elementor-element.elementor-element-efd0a21 > .elementor-background-slideshow::before, .elementor-78956 .elementor-element.elementor-element-efd0a21 > .e-con-inner > .elementor-background-slideshow::before, .elementor-78956 .elementor-element.elementor-element-efd0a21 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-78956 .elementor-element.elementor-element-61234a4{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-238cad5 .elementor-heading-title{font-size:60px;color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-146d1ea .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-78956 .elementor-element.elementor-element-146d1ea.elementor-element{--align-self:flex-start;}.elementor-78956 .elementor-element.elementor-element-146d1ea .elementor-button-content-wrapper{flex-direction:row;}.elementor-78956 .elementor-element.elementor-element-146d1ea .elementor-button .elementor-button-content-wrapper{gap:7px;}.elementor-78956 .elementor-element.elementor-element-8271b2e{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:50px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:20px;--e-n-carousel-arrow-next-right-align:100%;--e-n-carousel-arrow-next-translate-x:100%;--e-n-carousel-arrow-next-right-position:-120px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:20px;--e-n-carousel-arrow-normal-color:#A09B9B;--e-n-carousel-dots-normal-color:#A5A5A5;}.elementor-78956 .elementor-element.elementor-element-8271b2e :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#757575;border-radius:100px 100px 100px 100px;padding:15px 15px 15px 15px;}.elementor-78956 .elementor-element.elementor-element-8271b2e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-78956 .elementor-element.elementor-element-c82f91f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:-203px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;--z-index:2;}.elementor-78956 .elementor-element.elementor-element-c38ba23{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-262b705 > .elementor-widget-container{padding:10px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-78956 .elementor-element.elementor-element-262b705 .elementor-icon-box-wrapper{text-align:left;}.elementor-78956 .elementor-element.elementor-element-262b705 .elementor-icon-box-title{margin-bottom:8px;color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-262b705 .elementor-icon-box-title, .elementor-78956 .elementor-element.elementor-element-262b705 .elementor-icon-box-title a{font-size:16px;}.elementor-78956 .elementor-element.elementor-element-262b705 .elementor-icon-box-description{color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-97e7e4e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-50636dc > .elementor-widget-container{padding:10px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-78956 .elementor-element.elementor-element-50636dc .elementor-icon-box-wrapper{text-align:left;}.elementor-78956 .elementor-element.elementor-element-50636dc .elementor-icon-box-title{margin-bottom:8px;color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-50636dc .elementor-icon-box-title, .elementor-78956 .elementor-element.elementor-element-50636dc .elementor-icon-box-title a{font-size:16px;}.elementor-78956 .elementor-element.elementor-element-50636dc .elementor-icon-box-description{color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-a7a65ec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-b245248 > .elementor-widget-container{padding:10px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-78956 .elementor-element.elementor-element-b245248 .elementor-icon-box-wrapper{text-align:left;}.elementor-78956 .elementor-element.elementor-element-b245248 .elementor-icon-box-title{margin-bottom:8px;color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-b245248 .elementor-icon-box-title, .elementor-78956 .elementor-element.elementor-element-b245248 .elementor-icon-box-title a{font-size:16px;}.elementor-78956 .elementor-element.elementor-element-b245248 .elementor-icon-box-description{color:#FFFFFF;}.elementor-78956 .elementor-element.elementor-element-e2a469e{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-78956 .elementor-element.elementor-element-77b5164 .elementor-button{background-color:#02010100;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;}@media(min-width:768px){.elementor-78956 .elementor-element.elementor-element-c6ae10a{--width:70%;}.elementor-78956 .elementor-element.elementor-element-cde0edc{--width:70%;}.elementor-78956 .elementor-element.elementor-element-61234a4{--width:70%;}.elementor-78956 .elementor-element.elementor-element-c38ba23{--width:25%;}.elementor-78956 .elementor-element.elementor-element-97e7e4e{--width:25%;}.elementor-78956 .elementor-element.elementor-element-a7a65ec{--width:25%;}.elementor-78956 .elementor-element.elementor-element-e2a469e{--width:25%;}}@media(max-width:1024px){.elementor-78956 .elementor-element.elementor-element-3841382{--padding-top:100px;--padding-bottom:400px;--padding-left:20px;--padding-right:20px;}.elementor-78956 .elementor-element.elementor-element-5f3cd94 .elementor-heading-title{font-size:45px;}.elementor-78956 .elementor-element.elementor-element-ece82f9{--padding-top:100px;--padding-bottom:400px;--padding-left:20px;--padding-right:20px;}.elementor-78956 .elementor-element.elementor-element-b43c6d2 .elementor-heading-title{font-size:45px;}.elementor-78956 .elementor-element.elementor-element-efd0a21{--padding-top:100px;--padding-bottom:400px;--padding-left:20px;--padding-right:20px;}.elementor-78956 .elementor-element.elementor-element-238cad5 .elementor-heading-title{font-size:45px;}.elementor-78956 .elementor-element.elementor-element-8271b2e{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:20px;--e-n-carousel-arrow-prev-top-position:40px;--e-n-carousel-arrow-next-right-position:-90px;--e-n-carousel-arrow-next-top-position:40px;}.elementor-78956 .elementor-element.elementor-element-c82f91f{--margin-top:-203px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:50px;--padding-left:25px;--padding-right:40px;}}@media(max-width:767px){.elementor-78956 .elementor-element.elementor-element-3841382{--padding-top:100px;--padding-bottom:580px;--padding-left:20px;--padding-right:20px;}.elementor-78956 .elementor-element.elementor-element-5f3cd94 .elementor-heading-title{font-size:40px;}.elementor-78956 .elementor-element.elementor-element-ece82f9{--padding-top:100px;--padding-bottom:580px;--padding-left:20px;--padding-right:20px;}.elementor-78956 .elementor-element.elementor-element-b43c6d2 .elementor-heading-title{font-size:40px;}.elementor-78956 .elementor-element.elementor-element-efd0a21{--padding-top:100px;--padding-bottom:580px;--padding-left:20px;--padding-right:20px;}.elementor-78956 .elementor-element.elementor-element-238cad5 .elementor-heading-title{font-size:40px;}.elementor-78956 .elementor-element.elementor-element-8271b2e{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-top-position:-30px;--e-n-carousel-arrow-next-top-position:-30px;}.elementor-78956 .elementor-element.elementor-element-c82f91f{--margin-top:-470px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-78956 .elementor-element.elementor-element-e2a469e{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-5568f4c */.swiper-prog-bar .swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    width: 33% !important;  /* Adjusted to 33% as per your initial requirement */
    height: 4px !important;
    border-radius: 0;
    opacity: 1;
    transition: background-color 0.3s ease;
}



/* Progress bar inside the active bullet */
.swiper-prog-bar .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;  /* Start at 0% */
    height: 4px; /* Progress bar height */
    background-color: #000000; /* Progress bar color */
    animation: fillProgressBar 4.5s linear forwards; /* Add animation */
}

/* Keyframe for the progress bar animation */
@keyframes fillProgressBar {
    0% {
        width: 0%; /* Progress bar starts at 0% */
    }
    100% {
        width: 100%; /* Progress bar reaches 100% */
    }
}

/* Define the swiper container to ensure bullets align properly */
.elementor-widget-n-carousel .swiper-pagination-bullets {
    width: 70%;
    display: flex;
    margin-top: -180px;
    margin-left: -12.5%;
    gap: 3%;
}


.swiper-prog-bar .swiper-pagination-bullet-active .swiper-pagination-bullet-active::after {
    animation: fillProgressBar 4.5s linear forwards; 
}

 @media screen and (max-width: 767px) {
    .swiper-prog-bar .elementor-widget-n-carousel .swiper-pagination-bullets {
         width: 88%;
    margin-top: -448px;
     margin-left: 0%;
    }
 }/* End custom CSS */