.elementor-943 .elementor-element.elementor-element-8d2c07d{--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;}.elementor-943 .elementor-element.elementor-element-d53fc43{--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 );}.elementor-943 .elementor-element.elementor-element-ee60fba{--display:flex;}.elementor-943 .elementor-element.elementor-element-0c95e24{--display:flex;}.elementor-943 .elementor-element.elementor-element-085e1bc{--display:flex;}.elementor-943 .elementor-element.elementor-element-f176a49{--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;}.elementor-943 .elementor-element.elementor-element-0743cb3{--display:flex;}.elementor-943 .elementor-element.elementor-element-86c490a{--display:flex;}.elementor-943 .elementor-element.elementor-element-7b224e9{--display:flex;}.elementor-943 .elementor-element.elementor-element-aad1a3e{--display:flex;}.elementor-943 .elementor-element.elementor-element-079c8b8{--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;}.elementor-943 .elementor-element.elementor-element-4aa1e90 .swiper-pagination-bullet{background:#D3186D;}@media(max-width:767px){.elementor-943 .elementor-element.elementor-element-4aa1e90{--e-image-carousel-slides-to-show:1;}}/* Start custom CSS for container, class: .elementor-element-8d2c07d */.hover-scroll {
  overflow: hidden;
  position: relative;
    height: 500px;
}

/* Each image acts independently */
.hover-scroll img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 6s linear;
  transform: translateY(0);
}

/* Only the hovered image scrolls */
.hover-scroll img:hover {
  transform: translateY(calc(-100% + 400px)); /* adjust 400px to visible height */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f176a49 */.hover-scroll {
  overflow: hidden;
  position: relative;
    height: 500px;
}

/* Each image acts independently */
.hover-scroll img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 6s linear;
  transform: translateY(0);
}

/* Only the hovered image scrolls */
.hover-scroll img:hover {
  transform: translateY(calc(-100% + 400px)); /* adjust 400px to visible height */
}/* End custom CSS */