.elementor-3935 .elementor-element.elementor-element-2d7cad9{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-3935 .elementor-element.elementor-element-2d7cad9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3935 .elementor-element.elementor-element-1e30841{--e-image-carousel-slides-to-show:3;}.elementor-3935 .elementor-element.elementor-element-1e30841 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3935 .elementor-element.elementor-element-1e30841.elementor-element{--align-self:flex-start;}.elementor-3935 .elementor-element.elementor-element-1e30841 .swiper-wrapper{display:flex;align-items:center;}.elementor-3935 .elementor-element.elementor-element-1e30841 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:0px 0px 0px 0px;}@media(min-width:2400px){.elementor-3935 .elementor-element.elementor-element-2d7cad9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:030px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-3935 .elementor-element.elementor-element-1e30841{--e-image-carousel-slides-to-show:3;width:100%;max-width:100%;}.elementor-3935 .elementor-element.elementor-element-1e30841 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3935 .elementor-element.elementor-element-1e30841.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}}@media(max-width:1366px){.elementor-3935 .elementor-element.elementor-element-2d7cad9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-3935 .elementor-element.elementor-element-1e30841 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}}@media(max-width:880px){.elementor-3935 .elementor-element.elementor-element-2d7cad9{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-3935 .elementor-element.elementor-element-2d7cad9{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for image-carousel, class: .elementor-element-1e30841 *//* ================================*/
/*   MAIN FULL WIDTH SECTION*/a
/*================================ */
/*.my-scroll-carousel {*/
/*  width: 100vw !important;*/
/*  max-width: 100vw !important;*/

/*  margin-left: calc(50% - 50vw) !important;*/
/*  margin-right: calc(50% - 50vw) !important;*/

/*  overflow-x: auto !important;*/
/*  overflow-y: hidden !important;*/

/*  padding-left: 24px !important;*/
/*  padding-right: 24px !important;*/
/*  padding-bottom: 16px !important;*/

/*  box-sizing: border-box !important;*/
/*}*/

/* ================================*/
/*   SWIPER CONTAINER*/
/*================================ */
/*.my-scroll-carousel .swiper {*/
/*  width: 100% !important;*/
/*  max-width: 100% !important;*/
/*  overflow: visible !important;*/
/*}*/

/* ================================*/
/*   ELEMENTOR WRAPPER FIX*/
/*================================ */
/*.my-scroll-carousel .elementor-image-carousel-wrapper {*/
/*  width: 100% !important;*/
/*  max-width: 100% !important;*/
/*  overflow: visible !important;*/
/*  padding: 0 !important;*/
/*}*/

/* ================================*/
/*   ROW (HORIZONTAL)*/
/*================================ */
/*.my-scroll-carousel .swiper-wrapper {*/
/*  display: flex !important;*/
/*  flex-wrap: nowrap !important;*/
/*  align-items: stretch !important;*/
/*  width: max-content !important;*/
/*  gap: 17px !important;*/
/*  transform: none !important;*/
  padding-right: 24px !important; /* equal right spacing 
}

 ================================
   EACH IMAGE BLOCK
================================ 
.my-scroll-carousel .swiper-slide {
  flex: 0 0 auto !important;
  width: 570px !important;
  height: 720px !important;
  overflow: hidden !important;
  display: block !important;
}

 ================================
   INNER + IMAGE
================================ 
.my-scroll-carousel .swiper-slide-inner {
  width: 100% !important;
  height: 100% !important;
}

.my-scroll-carousel .swiper-slide-inner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

 ================================
   SCROLLBAR (MATCH YOUR REFERENCE)
================================ 
.my-scroll-carousel .swiper-scrollbar {
  position: relative !important;
  width: 100% !important;
  height: 14px !important;
  background: transparent !important;
  margin-top: 16px !important;
}

 LIGHT GREY TRACK 
.my-scroll-carousel .swiper-scrollbar::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 6px;
  background: #dcdcdc;
  border-radius: 999px;
}

 DARK THUMB 
.my-scroll-carousel .swiper-scrollbar-drag {
  height: 10px !important;
  background: #6f6f6f !important;
  border-radius: 999px !important;
  top: 2px !important;
  min-width: 260px !important; /* bigger thumb 
}

 ================================
   RESPONSIVE
================================ 
@media (max-width: 1400px) {
  .my-scroll-carousel .swiper-slide {
    width: 300px !important;
    height: 580px !important;
  }
}

@media (max-width: 1024px) {
  .my-scroll-carousel {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .my-scroll-carousel .swiper-slide {
    width: 420px !important;
    height: 620px !important;
  }
}

@media (max-width: 768px) {
  .my-scroll-carousel {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .my-scroll-carousel .swiper-wrapper {
    gap: 8px !important;
  }

  .my-scroll-carousel .swiper-slide {
    width: 300px !important;
    height: 440px !important;
  }

  .my-scroll-carousel .swiper-scrollbar-drag {
    min-width: 140px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d7cad9 *//* ── Container centering ── */
.elementor-element-2d7cad9 {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 75dvh !important;
}
.elementor-element-2d7cad9 .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 75dvh !important;
}

/* ── Widget full width ── */
.elementor-element-1e30841 {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* ── Swiper wrapper ── */
.elementor-element-1e30841 .elementor-image-carousel-wrapper {
  width: 100% !important;
  overflow: hidden !important;
  cursor: grab !important;
}
.elementor-element-1e30841 .elementor-image-carousel-wrapper:active {
  cursor: grabbing !important;
}
.elementor-element-1e30841 .swiper-wrapper {
  transition-timing-function: ease !important;
  will-change: transform !important;
  align-items: flex-start !important;
}

/* ── Slides: JS owns width & height ── */
.elementor-element-1e30841 .swiper-slide {
  flex-shrink: 0 !important;
  overflow: hidden !important;
}
.elementor-element-1e30841 .swiper-slide-inner {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.elementor-element-1e30841 .swiper-slide-image {
  display: block !important;
}

/* ── Hide default nav ── */
.elementor-element-1e30841 .swiper-button-next,
.elementor-element-1e30841 .swiper-button-prev,
.elementor-element-1e30841 .swiper-pagination {
  display: none !important;
}

/* ── Scrollbar ── */
.my-custom-scrollbar {
  width: 100vw !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  margin: 14px 0 0 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.my-scrollbar-track {
  width: 100% !important;
  height: 6px !important;
  background: #dcdcdc !important;
  border-radius: 999px !important;
  position: relative !important;
  cursor: pointer !important;
  overflow: visible !important;
}
.my-scrollbar-thumb {
  height: 100% !important;
  background: #6f6f6f !important;
  border-radius: 999px !important;
  position: absolute !important;
  top: 0 !important;
  cursor: grab !important;
  transition: background 0.2s ease !important;
  min-width: 60px !important;
}
.my-scrollbar-thumb:hover  { background: #444 !important; }
.my-scrollbar-thumb:active { cursor: grabbing !important; background: #222 !important; }

/* ── Below 1366px ── */
@media (max-width: 1366px) {
  .elementor-element-1e30841 { padding-left: 30px !important; padding-right: 30px !important; }
  .my-custom-scrollbar        { padding-left: 30px !important; padding-right: 30px !important; }
}

/* ── Tablet ── */
@media (max-width: 1024px) {
  .elementor-element-1e30841 { padding-left: 30px !important; padding-right: 30px !important; }
  .my-custom-scrollbar        { padding-left: 30px !important; padding-right: 30px !important; }
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .elementor-element-2d7cad9,
  .elementor-element-2d7cad9 .e-con-inner { min-height: 50dvh !important; }
  .elementor-element-1e30841 { padding-left: 16px !important; padding-right: 16px !important; }
  .my-custom-scrollbar        { padding-left: 16px !important; padding-right: 16px !important; }
  .my-scrollbar-thumb         { min-width: 40px !important; }
}/* End custom CSS */