/** Shopify CDN: Minification failed

Line 10:0 Unexpected "<"
Line 46:2 Unexpected "<"

**/


/* CSS from section stylesheet tags */
<style>
    .about-sanare {
      text-align: center;
      padding: 40px 20px;
      color: #2c2c2c;
      margin: 10px;
      background: #ddd3ba;
          font-family: 'CabinetGrotesk,system-ui,sans-serif' !important;
      padding: 40px;
      

    }
    .about-sanare img {
      max-width: 60px;
      margin: 20px auto;
      display: block;
    }
    .about-sanare h2 {
      font-weight: 500;
      margin: 50px 5px;
      font-size: 45px;
  font-family: 'CabinetGrotesk', system-ui, sans-serif;
    }
    .about-sanare p {
      max-width: 1000px;
      margin: 10px auto;
      font-size: 18px;
      color: #333;
  font-family: 'NewsreaderCaption', serif;  text-align: center;
  margin-bottom: 40px;


text-align: justify;
text-align-last: left;

}
  </style>
/* Container */
.featured-slider__wrap {
  padding: 2rem 0;
}

/* Title */
.featured-slider__title {
  margin: 0 14px 1rem;
  font-weight: 600;
  font-family: 'CabinetGrotesk', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* Swiper base */
.featured-swiper {
  width: 100%;
  overflow: hidden;
}

/* Let Swiper calculate widths for fractional slides */
.featured-swiper .swiper-slide {
  box-sizing: border-box;
}

/* Slight inner padding so cards breathe */
.featured-swiper .swiper-slide-inner {
  padding: 0 8px;
}

/* Arrow styles */
.featured-swiper__nav {
  position: relative;
}

.featured-swiper__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 34px; 
  height: 34px; 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #fff 60%, #e5e7eb 100%);
  color: #111;
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.featured-swiper__arrow:hover{
  transform: translateY(-50%) scale(1.08);
  background: linear-gradient(135deg, #111 60%, #555 100%);
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.featured-swiper__arrow--prev{ left: 4px; }
.featured-swiper__arrow--next{ right: 4px; }

/* Hide Swiper default icons */
.featured-swiper .swiper-button-next:after,
.featured-swiper .swiper-button-prev:after {
  display: none !important;
}

/* Edge spacing on small & medium screens */
.featured-swiper__nav {
  margin-left: 10px;
  margin-right: 10px;
}
@media (max-width: 1023px){
  .featured-swiper__nav{ margin-left: 12px; margin-right: 12px; }
}

/* Optional: soften last-card cutoff look */
.featured-swiper .swiper-slide { 
  /* nothing fixed here so fractional views work properly */
}
.featured-slider-container {
  padding: 2rem;

}

.swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-slide {
  flex-shrink: 0;
  padding-right: 1rem;
}

@media (max-width: 639px) {
  .swiper-slide {
    width: 100%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .swiper-slide {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .swiper-slide {
    width: 25%;
  }
}

.swiper-container-relative {
  position: relative;
  margin-left:10px;
}
@media (max-width: 1023px) {
  .swiper-container-relative {
    margin-left: 13px;
  }
}


/* IMPROVED ARROW DESIGN */
.custom-swiper-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  background: linear-gradient(135deg, #fff 60%, #e5e7eb 100%);
  color: #222;
  border-radius: 50%;
  width: 30px !important; 
  height: 30px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
  transform: translateY(-50%) scale(1);
  transition: background 0.2s, color 0.2s, border 0.2s, transform 0.2s, box-shadow 0.2s;
  opacity: 0.97;
}
.custom-swiper-arrow:hover {
  background: linear-gradient(135deg, #222 60%, #555 100%);
  color: #fff;
 
  transform: translateY(-50%) scale(1.12);
  box-shadow: 0 6px 24px rgba(0,0,0,0.18);
  opacity: 1;
}
.swiper-button-prev.custom-swiper-arrow {
  left: 0.5rem;
}
.swiper-button-next.custom-swiper-arrow {
  right: 0.5rem;
}

/* Remove Swiper's default arrow icons */
.swiper-button-next:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  display: none !important;
  content: none !important;
}

.font-bold-2
{
  font-weight: 500;
}