.elementor-2443 .elementor-element.elementor-element-88905bc{--display:flex;--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-2443 .elementor-element.elementor-element-f92a940{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2443 .elementor-element.elementor-element-f8d9cc1{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2443 .elementor-element.elementor-element-d5b3f16{--display:flex;}.elementor-2443 .elementor-element.elementor-element-39b5e13{--display:flex;}.elementor-2443 .elementor-element.elementor-element-24570e1{--display:flex;}.elementor-2443 .elementor-element.elementor-element-582a37a{--display:flex;}.elementor-2443 .elementor-element.elementor-element-c38fa2a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2443 .elementor-element.elementor-element-854319e{--display:flex;}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:1024px){.elementor-2443 .elementor-element.elementor-element-88905bc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2443 .elementor-element.elementor-element-f92a940{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-2443 .elementor-element.elementor-element-88905bc{--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-f92a940 */.elementor-2443 .elementor-element.elementor-element-f92a940 > div{
    aspect-ratio:16/9;
    perspective:1200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88905bc */.elementor-2443 .elementor-element.elementor-element-88905bc *{
    user-select: none; 
  -webkit-user-drag: none;
}/* End custom CSS */
/* Start custom CSS */.carousel-item img{
    width: 100%;
    height: 450px;
    object-fit: cover;
    
}

.carousel-item {
  position: absolute;
  left: 50%;
  bottom: 0; 
  transform-origin: center bottom;
  transform-style: preserve-3d;
  transform: translateX(-50%) translateY(50%) translateZ(-1000px);
  width: 70%;
  /*height: 100%;*/
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.9s ease, opacity 0.9s ease, z-index 0.9s ease;
  cursor: grab;
}

.carousel-item.active {
  transform: translateX(-50%) translateY(0px) translateZ(0px);
  z-index: 5;
  opacity: 1;
}

.carousel-item.prev1 {
  transform: translateX(-50%) translateY(40px) translateX(-500px) translateZ(-200px);
  z-index: 4;
  opacity: 0.8;
}

.carousel-item.next1 {
  transform: translateX(-50%) translateY(40px) translateX(500px) translateZ(-200px);
  z-index: 4;
  opacity: 0.8;
}

.carousel-item.prev2 {
  transform: translateX(-50%) translateY(80px) translateX(-888px) translateZ(-400px);
  z-index: 3;
  opacity: 0.3;
}

.carousel-item.next2 {
  transform: translateX(-50%) translateY(80px) translateX(888px) translateZ(-400px);
  z-index: 3;
  opacity: 0.3;
}


  /* ===== Responsive Breakpoints ===== */
  @media (max-width: 1024px){
    .carousel-item{width:80%;}
    .carousel-item.prev1{
      transform:translateX(-50%) translateY(30px) translateX(-300px) translateZ(-150px);
    }
    .carousel-item.next1{
      transform:translateX(-50%) translateY(30px) translateX(300px) translateZ(-150px);
    }
    .carousel-item.prev2{
      transform:translateX(-50%) translateY(60px) translateX(-550px) translateZ(-300px);
    }
    .carousel-item.next2{
      transform:translateX(-50%) translateY(60px) translateX(550px) translateZ(-300px);
    }
    .carousel-item img{
        height: 350px;
    
    }
  }

  @media (max-width: 768px){
    .carousel-item{width:85%;}
    .carousel-item.prev1{
      transform:translateX(-50%) translateY(20px) translateX(-200px) translateZ(-120px);
    }
    .carousel-item.next1{
      transform:translateX(-50%) translateY(20px) translateX(200px) translateZ(-120px);
    }
    .carousel-item.prev2{
      transform:translateX(-50%) translateY(40px) translateX(-350px) translateZ(-250px);
    }
    .carousel-item.next2{
      transform:translateX(-50%) translateY(40px) translateX(350px) translateZ(-250px);
    }
    .nav.left{left:-40px;}
    .nav.right{right:-40px;}
    .carousel-item img{
        height: 200px;
    
    }
  }

  @media (max-width: 480px){
    .carousel-item{width:95%;}
    .carousel-item.prev1{
      transform:translateX(-50%) translateY(15px) translateX(-120px) translateZ(-100px);
    }
    .carousel-item.next1{
      transform:translateX(-50%) translateY(15px) translateX(120px) translateZ(-100px);
    }
    .carousel-item.prev2,
    .carousel-item.next2{opacity:0;} /* hide far slides for mobile clarity */
    .nav.left{left:-25px;}
    .nav.right{right:-25px;}
  }
  
  
  .slider_dots{
    gap: 10px
  }
  .slider_dots .dot{
    cursor: pointer;
    width: 8px;
    height: 8px;
    background-color: #fb8672;
    border-radius: 8px;
    transition: all 0.5s linear;
  }
  .slider_dots .dot.active{
    background-color: #e74124;
    width: 16px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /**//* End custom CSS */