/** Shopify CDN: Minification failed

Line 100:0 Unexpected "{"
Line 100:1 Expected identifier but found "%"
Line 129:0 Unexpected "{"
Line 129:1 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
/* Adjust center banner (banner 2) height */
.section-banner-v1 .col-lg-6 .box-item .box-img {
  height: 425px;              /* Match the side banners height - adjust as needed */
  overflow: hidden;
}

.section-banner-v1 .col-lg-6 .box-item .box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* Keeps proportions, crops if needed */
  display: block;
}
.section-banner-v6,
.section-banner-v6 .box_banner {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section-banner-v6 .box_img,
.section-banner-v6 .picture {
  max-width: 100% !important;
  width: 100% !important;
  height: 90vh !important; /* Adjust this value to make it shorter (e.g., 40vh, 300px) */
  overflow: hidden; /* Ensures content outside the height is hidden */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section-banner-v6 .picture img {
  width: 100% !important;
  height: 100% !important; /* Make image fill the new container height */
  object-fit: cover !important; /* Ensures image covers the area without distortion */
  display: block !important;
}
/* MOBILE ONLY: shorten banner height */
@media (max-width: 767px) {
  .section-banner-v6 .box_img,
  .section-banner-v6 .picture {
    height: 70vh !important;  /* try 70vh; lower (40vh, 35vh) = shorter on mobile */
  }

  .section-banner-v6 .picture img {
    height: 100% !important;
    object-fit: cover !important;
  }
}
/* DESKTOP / TABLET (768px and up) */
@media (min-width: 768px) {
  .section-features-v2.mt-all {
    padding-top: -20px;   /* edit this value for desktop */
    padding-bottom: -20px;
  }
}

/* MOBILE (up to 767px) */
@media (max-width: 767px) {
  .section-features-v2.mt-all {
    padding-top: 8px;    /* edit this value for mobile */
    padding-bottom: 1px;
  }
}
/* Mobile only: 2 products per row */
@media (max-width: 575px) {
  .section-product-v2 .product_item.col-12 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
/* Limit slideshow height */
.section-slideshow-v2 .item-slide .info-slide {
  max-height: 90vh;           /* overall height cap – adjust (e.g. 50vh, 40vh) */
}

/* Constrain the image container */
.section-slideshow-v2 .item-slide .picture-slideshow {
  height: 90vh;               /* same as above for consistency */
  overflow: hidden;           /* crop extra image height */
}

/* Make the image fill the new, shorter area */
.section-slideshow-v2 .item-slide .picture-slideshow img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* keeps image proportional and covers area */
  display: block;
}
{% stylesheet %}
  /* Your existing CSS rules will be here */
  /* ... */

  /* ADD THIS AT THE BOTTOM - Mobile only: shorten slideshow */
  @media (max-width: 767px) {
    .section-slideshow-v2 .item-slide .info-slide {
      max-height: 60vh !important;
    }

    .section-slideshow-v2 .item-slide .picture-slideshow {
      height: 60vh !important;
      overflow: hidden !important;
    }

    .section-slideshow-v2 .item-slide .picture-slideshow img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      display: block !important;
    }
  }
/* Make testimonial text white */
.section-testimonial-v1 .title_heading,
.section-testimonial-v1 .testimonial-inner .author-info h5,
.section-testimonial-v1 .testimonial-inner .author-info h6,
.section-testimonial-v1 .testimonial-inner .content {
  color: #ffffff !important;
}
{% stylesheet %}
/* Make testimonial text white */
.section-testimonial-v1 .title_heading,
.section-testimonial-v1 .testimonial-inner .author-info h5,
.section-testimonial-v1 .testimonial-inner .author-info h6,
.section-testimonial-v1 .testimonial-inner .content {
  color: #ffffff !important;
}

/* Hide testimonial images (avatar) */
.section-testimonial-v1 .testimonial-inner .avatar {
  display: none !important;
}