.elementor-950 .elementor-element.elementor-element-1ddf446{--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-950 .elementor-element.elementor-element-99b260d{--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:25px 25px;--row-gap:25px;--column-gap:25px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-950 .elementor-element.elementor-element-6e12c1a .title-after_title, .elementor-950 .elementor-element.elementor-element-6e12c1a .title-subtitle, .elementor-950 .elementor-element.elementor-element-6e12c1a .woodmart-title-container{max-width:497px;}.elementor-950 .elementor-element.elementor-element-6e12c1a .title-subtitle{font-weight:600;}.elementor-950 .elementor-element.elementor-element-d97b0ef{--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:25px 25px;--row-gap:25px;--column-gap:25px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-950 .elementor-element.elementor-element-238dff7 .title-after_title, .elementor-950 .elementor-element.elementor-element-238dff7 .title-subtitle, .elementor-950 .elementor-element.elementor-element-238dff7 .woodmart-title-container{max-width:497px;}.elementor-950 .elementor-element.elementor-element-238dff7 .title-subtitle{font-weight:600;}@media(max-width:1024px){.elementor-950 .elementor-element.elementor-element-99b260d{--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-950 .elementor-element.elementor-element-6e12c1a .title{font-size:22px;}.elementor-950 .elementor-element.elementor-element-d97b0ef{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-950 .elementor-element.elementor-element-238dff7 .title{font-size:22px;}}@media(max-width:768px){.elementor-950 .elementor-element.elementor-element-1ddf446{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-950 .elementor-element.elementor-element-99b260d{--margin-top:210px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-950 .elementor-element.elementor-element-6e12c1a .title-after_title, .elementor-950 .elementor-element.elementor-element-6e12c1a .title-subtitle, .elementor-950 .elementor-element.elementor-element-6e12c1a .woodmart-title-container{max-width:100%;}.elementor-950 .elementor-element.elementor-element-6e12c1a .title{font-size:20px;}.elementor-950 .elementor-element.elementor-element-d97b0ef{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-950 .elementor-element.elementor-element-238dff7 .title-after_title, .elementor-950 .elementor-element.elementor-element-238dff7 .title-subtitle, .elementor-950 .elementor-element.elementor-element-238dff7 .woodmart-title-container{max-width:100%;}.elementor-950 .elementor-element.elementor-element-238dff7 .title{font-size:20px;}}/* Start custom CSS *//* ---------- Manasa banner responsive crop ---------- */

/* Default desktop: 1240x400 (approx 3.1:1) */
.mf-swiper-main {
  aspect-ratio: 1240 / 400;
  width: 100%;
  max-height: 800px;
  overflow: hidden;
  margin: 0;
}

/* Fallback for older browsers (uses padding-top) */
@supports not (aspect-ratio: 1/1) {
  .mf-swiper-main { height: 0; padding-top: 32.258%; position: relative; } /* 400/1240 = 0.32258 */
  .mf-swiper-main .swiper-wrapper,
  .mf-swiper-main .swiper-slide { position: absolute; top:0; left:0; right:0; bottom:0; height:100%; }
}

/* Make images always fill and crop center */
.mf-slide-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
}

/* MOBILE: fixed crop ratio suitable for phones (change as needed) */
@media (max-width: 767px) {
  /* Example mobile ratio: 16:7 (adjustable) -> here 360x156 approx; feel free to change */
  .mf-swiper-main {
    aspect-ratio: 360 / 156; /* ~2.31:1 — tighter crop on mobile */
    max-height: none;
  }

  @supports not (aspect-ratio: 1/1) {
    .mf-swiper-main { padding-top: 43.333%; } /* change fallback padding if desired */
  }

  /* Optional: slightly smaller arrows on mobile */
  .mf-swiper-button-prev, .mf-swiper-button-next {
    width:36px; height:36px; line-height:36px;
  }
}

/* Ensure slider container doesn't add top whitespace from theme */
.mf-swiper-wrapper-container, .mf-swiper { margin:0 !important; padding:0 !important; }/* End custom CSS */