.elementor-452 .elementor-element.elementor-element-6826eb2{--display:flex;}.elementor-452 .elementor-element.elementor-element-026f160{--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;--border-radius:36px 36px 36px 36px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.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 );}.elementor-452 .elementor-element.elementor-element-0e9e853{--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;--border-radius:36px 36px 36px 36px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-452 .elementor-element.elementor-element-d6d0d9e{--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;--border-radius:36px 36px 36px 36px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-452 .elementor-element.elementor-element-91ed6f0{--display:flex;}/* Start custom CSS for container, class: .elementor-element-6826eb2 *//* Container */
.build-sliders {
  position: relative;
  width: 100%;
  height: 460px;
  margin: 0 auto;
  overflow: hidden;
}

/* Outer slide: holds translate(-50%, -50%) so vertical centering is stable */
.build-slider-item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 350px;
  height: 460px;
  border-radius: 15px;
  overflow: visible;
  transform: translate(-50%, -50%);   /* <-- outer centering (stable) */
  display: block;
  pointer-events: auto;
}

/* Inner element: GSAP will animate this (x, scale, opacity, filter). 
   Keeping the animation on the inner element prevents GSAP from overwriting outer translate. */
.build-slide-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  will-change: transform, opacity, filter;
  /* visual defaults */
  background: transparent;
  border-radius: inherit;
}
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 999;
  opacity: 0.95;
  transition: transform .16s ease, opacity .12s ease;
}
.arrow:hover { transform: translateY(-50%) scale(1.06); }

/* Desktop (large screens) */
.arrow.left { left: 190px; }
.arrow.right { right: 190px; }

/* Tablet screens (<= 992px) */
@media (max-width: 992px) {
  .arrow {
    width: 26px;
    height: 26px;
  }
  .arrow.left { left: 120px; }
  .arrow.right { right: 120px; }
}

/* Small tablets / large phones (<= 768px) */
@media (max-width: 768px) {
  .arrow {
    width: 22px;
    height: 22px;
  }
  .arrow.left { left: 60px; }
  .arrow.right { right: 60px; }
}

/* Mobile phones (<= 480px) */
@media (max-width: 480px) {
  .arrow {
    width: 18px;
    height: 18px;
  }
  .arrow.left { left: 30px; }
  .arrow.right { right: 30px; }
}

/* Responsive */
@media (max-width: 992px) {
  .build-sliders { height: 420px; }
  .build-slider-item { width: 300px; height: 420px; }
}
@media (max-width: 768px) {
  .build-sliders { height: 320px; }
  .build-slider-item { width: 250px; height: 320px; transform: translate(-50%, -50%); }
  .arrow { display: none; } /* hide arrows on mobile if you prefer */
}
@media (max-width: 480px) {
  .build-sliders { height: 260px; }
  .build-slider-item { width: 200px; height: 260px; }
}
@media screen and (min-width: 0px) and (max-width: 1079px) {
  .build-sliders .arrow.right,
  .build-sliders .arrow.left {
    display: block;
  } 
  .build-sliders {
    zoom: 90%;
  }
}/* End custom CSS */