.elementor-4329 .elementor-element.elementor-element-dc96de0{--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.5;--margin-top:05%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-4329 .elementor-element.elementor-element-dc96de0::before, .elementor-4329 .elementor-element.elementor-element-dc96de0 > .elementor-background-video-container::before, .elementor-4329 .elementor-element.elementor-element-dc96de0 > .e-con-inner > .elementor-background-video-container::before, .elementor-4329 .elementor-element.elementor-element-dc96de0 > .elementor-background-slideshow::before, .elementor-4329 .elementor-element.elementor-element-dc96de0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4329 .elementor-element.elementor-element-dc96de0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4329 .elementor-element.elementor-element-fab6b30{text-align:center;}.elementor-4329 .elementor-element.elementor-element-fab6b30 .elementor-heading-title{font-size:65px;font-weight:700;color:var( --e-global-color-0d70415 );}.elementor-4329 .elementor-element.elementor-element-ce59f76{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:-4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:010%;}.elementor-4329 .elementor-element.elementor-element-ce59f76::before, .elementor-4329 .elementor-element.elementor-element-ce59f76 > .elementor-background-video-container::before, .elementor-4329 .elementor-element.elementor-element-ce59f76 > .e-con-inner > .elementor-background-video-container::before, .elementor-4329 .elementor-element.elementor-element-ce59f76 > .elementor-background-slideshow::before, .elementor-4329 .elementor-element.elementor-element-ce59f76 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4329 .elementor-element.elementor-element-ce59f76 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4329 .elementor-element.elementor-element-324f1a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4329 .elementor-element.elementor-element-f921905{width:var( --container-widget-width, 100% );max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:end;}.elementor-4329 .elementor-element.elementor-element-f921905 img{width:16%;}.elementor-4329 .elementor-element.elementor-element-206989fc{--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:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4329 .elementor-element.elementor-element-206989fc:not(.elementor-motion-effects-element-type-background), .elementor-4329 .elementor-element.elementor-element-206989fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4329 .elementor-element.elementor-element-49bb1e54{--display:flex;}.elementor-4329 .elementor-element.elementor-element-70a77b72{--display:flex;}.elementor-4329 .elementor-element.elementor-element-38817879 img{height:150px;object-fit:fill;}.elementor-4329 .elementor-element.elementor-element-b75f6d0{--display:flex;}.elementor-4329 .elementor-element.elementor-element-628adfa img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-55989d6{--display:flex;}.elementor-4329 .elementor-element.elementor-element-c82b6af img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-43bf4c6{--display:flex;}.elementor-4329 .elementor-element.elementor-element-0241c10 img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-76ba268{--display:flex;}.elementor-4329 .elementor-element.elementor-element-93fb213 img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-17788d0{--display:flex;}.elementor-4329 .elementor-element.elementor-element-7f3f055 img{height:150px;object-fit:fill;}.elementor-4329 .elementor-element.elementor-element-f853c56{--display:flex;}.elementor-4329 .elementor-element.elementor-element-f7026a6 img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-d2f32f4{--display:flex;}.elementor-4329 .elementor-element.elementor-element-c9c184c img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-e09f181{--display:flex;}.elementor-4329 .elementor-element.elementor-element-27f39db img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-174949d{--display:flex;}.elementor-4329 .elementor-element.elementor-element-66e0553 img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-1800e14{--display:flex;}.elementor-4329 .elementor-element.elementor-element-096d646 img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-fabfa18{--display:flex;}.elementor-4329 .elementor-element.elementor-element-e6c0c85 img{height:150px;object-fit:fill;}.elementor-4329 .elementor-element.elementor-element-bb0d4d5{--display:flex;}.elementor-4329 .elementor-element.elementor-element-815a903 img{height:150px;object-fit:fill;}.elementor-4329 .elementor-element.elementor-element-74e5e01{--display:flex;}.elementor-4329 .elementor-element.elementor-element-cf333d2 img{height:150px;object-fit:cover;object-position:center center;}.elementor-4329 .elementor-element.elementor-element-48761967{--display:flex;}.elementor-4329 .elementor-element.elementor-element-4f18f131{margin:012% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-4329 .elementor-element.elementor-element-4f18f131 img{width:30%;height:320px;object-fit:fill;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4329 .elementor-element.elementor-element-fab6b30 .elementor-heading-title{font-size:50px;}.elementor-4329 .elementor-element.elementor-element-4f18f131{margin:20% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-4329 .elementor-element.elementor-element-4f18f131 img{width:40%;height:250px;}}@media(max-width:767px){.elementor-4329 .elementor-element.elementor-element-dc96de0{--overlay-opacity:0.2;--padding-top:010%;--padding-bottom:05%;--padding-left:05%;--padding-right:05%;}.elementor-4329 .elementor-element.elementor-element-fab6b30{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4329 .elementor-element.elementor-element-ce59f76{--overlay-opacity:0.2;--margin-top:-15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:010%;--padding-bottom:0%;--padding-left:05%;--padding-right:05%;}.elementor-4329 .elementor-element.elementor-element-f921905{padding:0% 0% 0% 0%;}.elementor-4329 .elementor-element.elementor-element-f921905 img{width:32%;}.elementor-4329 .elementor-element.elementor-element-206989fc{--min-height:0px;}.elementor-4329 .elementor-element.elementor-element-4f18f131{margin:028% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-4329 .elementor-element.elementor-element-4f18f131 img{width:30%;height:120px;}}/* Start custom CSS for container, class: .elementor-element-70a77b72 */.elementor-4329 .elementor-element.elementor-element-70a77b72 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b75f6d0 */.elementor-4329 .elementor-element.elementor-element-b75f6d0 {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55989d6 */.elementor-4329 .elementor-element.elementor-element-55989d6 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43bf4c6 */.elementor-4329 .elementor-element.elementor-element-43bf4c6 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76ba268 */.elementor-4329 .elementor-element.elementor-element-76ba268 {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17788d0 */.elementor-4329 .elementor-element.elementor-element-17788d0 {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f853c56 */.elementor-4329 .elementor-element.elementor-element-f853c56 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2f32f4 */.elementor-4329 .elementor-element.elementor-element-d2f32f4 {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e09f181 */.elementor-4329 .elementor-element.elementor-element-e09f181 {
    --position: 9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-174949d */.elementor-4329 .elementor-element.elementor-element-174949d {
    --position: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1800e14 */.elementor-4329 .elementor-element.elementor-element-1800e14 {
    --position: 11;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fabfa18 */.elementor-4329 .elementor-element.elementor-element-fabfa18 {
    --position: 12;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb0d4d5 */.elementor-4329 .elementor-element.elementor-element-bb0d4d5 {
    --position: 13;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74e5e01 */.elementor-4329 .elementor-element.elementor-element-74e5e01 {
    --position: 14;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bb1e54 */.elementor-4329 .elementor-element.elementor-element-49bb1e54 {
    --quantity: 14;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-206989fc */.banner{
    width: 100%;
    height: 80vh;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.banner .slider{
    position: absolute;
    width: 130px;
    height: 175px;
    top: 10%;
    left: calc(50% - 100px);
    transform-style: preserve-3d;
    transform: perspective(1000px);
    animation: autoRun 40s linear infinite;
    z-index: 2;
}
@keyframes autoRun{
    from{
        transform: perspective(1000px) rotateX(-15deg) rotateY(0deg);
    }to{
        transform: perspective(1000px) rotateX(-15deg) rotateY(360deg);
    }
}

.banner .slider .item{
    position: absolute;
    inset: 0 0 0 0;
    transform: 
        rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg))
        translateZ(400px);
}
.banner .slider .item img{
    
 
    border-radius: 15px;
}




/* Mobile Responsiveness */
@media (max-width: 767px){
    .banner {
        height: 40vh; /* Adjust banner height for mobile */
    }

    .banner .slider {
        width: 120px; /* Adjust width */
        height: 120px; /* Adjust height */
        top: 15%; /* Adjust top position */
        left: calc(50% - 35px); /* Center horizontally */
        animation: autoRunMobile 20s linear infinite; /* Faster animation for mobile */
        transform: perspective(800px); /* Adjust perspective for mobile */
    }

    /* Mobile Animation */
    @keyframes autoRunMobile {
        from {
            transform: perspective(900px) rotateX(-15deg) rotateY(0deg);
        }
        to {
            transform: perspective(500px) rotateX(-15deg) rotateY(360deg);
        }
    }

    .banner .slider .item {
        transform: 
            rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg))
            translateZ(160px); /* Reduce depth for mobile, bringing it closer */
    }

    .banner .slider .item img {
        width: 130px;
        height: 100px;
        object-fit: cover;
        border-radius: 10px; /* Smaller border radius for mobile */
    }
}

/* Very Small Screens */
@media (max-width: 480px) {
    .banner .slider {
        width: 80px;  /* Further reduce width for small screens */
        height: 100px; /* Further reduce height for small screens */
    }
}



@media (min-width: 768px) and (max-width: 991px) {
    
   .banner{
    width: 100%;
    height: 60vh;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.banner .slider{
    position: absolute;
    width: 130px;
    height: 175px;
    top: 10%;
    left: calc(54% - 100px);
    transform-style: preserve-3d;
    transform: perspective(1000px);
    animation: autoRun 40s linear infinite;
    z-index: 2;
}
@keyframes autoRun{
    from{
        transform: perspective(1000px) rotateX(-15deg) rotateY(0deg);
    }to{
        transform: perspective(1000px) rotateX(-15deg) rotateY(360deg);
    }
}

.banner .slider .item{
    position: absolute;
    inset: 0 0 0 0;
    transform: 
        rotateY(calc( (var(--position) - 1) * (360 / var(--quantity)) * 1deg))
        translateZ(300px);
}
.banner .slider .item img{
    
 
    border-radius: 15px;
}


}/* End custom CSS */