/** Shopify CDN: Minification failed

Line 67:0 Unexpected "}"

**/
.section-image-with-text {
  padding:19px 0;
  }
  .section-image-with-text:last-of-type {
 margin-bottom: 60px; /* yaha value aap apne design ke hisaab se badha/samajh kar lo */
  }

.image-with-text__heading {
  font-size: 28px !important; /* ya jo size chahiye */
  font-weight: 600;
}
  .image-with-text__content h2 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
  }

  .image-with-text__content p {
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
  }

  .image-with-text__content .button {
    font-size: 12px;
    font-weight: 600;
    padding: 12px 24px;
    display: inline-block;
    text-align: center;
  }

/* For the subheading/description */
.image-with-text__text {
  font-size: 12px !important; /* ya jo size chahiye */
  line-height: 1.6;
}
.image-with-text__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: center;
  max-width: var(--page-width, 1200px);
  margin: 0 auto;
  padding: 0 20px;
}


.image-with-text__grid.reverse {
  direction: rtl;
}

.image-with-text__grid.reverse > * {
  direction: ltr;
}

.image-with-text__media img {
  width: 100%;
  height: auto;
  display: block;
}

}
.image-with-text__content {
  padding: 20px;
}
a.button {
       font-weight: 700;
    text-transform: uppercase;
    color: black !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-size: 12px !important;
    display: inline;
    text-align: left;
    text-decoration: underline !important;}
.image-with-text .button:hover {
  background-color: #222 !important;
  border-color: #222 !important;
}

@media screen and (max-width: 749px) {
  .image-with-text__grid,
  .image-with-text__grid.reverse {
    grid-template-columns: 1fr;
    direction: ltr;
  }
  .image-with-text__content h2::before {
    width: 80px;  /* mobile ke liye chhoti line */
  }
   .section-image-with-text {
    padding: 0 !important;
  }

  .image-with-text__content {
    text-align: center;
    
  }
   .modo-care-grid {
    display: flex;
    flex-direction: column-reverse !important;
    align-items: center;
    text-align: center;
  }

  .modo-care-content {
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
  }

  .modo-care-grid .image-wrapper {
    width: 100% !important;
  }

  .modo-care-grid img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .image-with-text__grid {
    display: flex;
    flex-direction: column !important;
      gap: 10px !important; /* 30px ke jagah kam */
    margin: 0 !important;
    padding: 0 !important;
  }

  .image-with-text__grid.reverse {
    flex-direction: column !important;
  }
  
 .block,
  .block .text {
    margin: 0 0 9px 0 !important; /* 👈 neeche thoda gap */
    padding: 0 !important;
  }

  .block .text h3 {
  margin: 0 0 6px 0 !important; /* 👈 heading ke neeche gap */
    padding: 18px !important;
  }

  .image-with-text__media,
  .image-with-text__content {
    width: 100%;
      padding: 8px !important;
    margin: 6px auto !important;
    text-align: center;
  }
 .image-with-text__content h2 {
  font-size: 20px !important;
    margin: 5px 0 !important; /* upar niche ka gap almost khatam */
    }
     .image-with-text__content .button {
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
  }
   .image-with-text__grid {
   display: flex;
    flex-direction: column !important;
    gap: 18px !important; /* 👈 pehle 10px tha, ab 18px */
    margin: 0 !important;
    padding: 0 10px !important; /* thoda sa andar se padding */
  }

  .image-with-text__grid.reverse {
    flex-direction: column !important;
  }



  .image-with-text__media img {
    margin: -9px auto 14px auto !important; /* 👈 image ke neeche gap */
    display: block;
  }

  .image-with-text__media img::after {
  content: "";
  display: block;
  border-top: 2px solid #333;     /* upar wali line */
  border-bottom: 2px solid #333;  /* neeche wali line */
  padding: 6px 0;                 /* 👈 lines ke beech gap */
  width: 100%;
  margin: 12px auto 20px;         /* space adjust karne ke liye */
}

 .image-with-text__content {
    text-align: center !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  
.image-with-text__content h2 {
  position: relative;
  display: inline-block;
  padding-top: 14px; /* line ke liye thoda space */
}


  /* Heading ke upar/neeche double line */
.image-with-text__content h2::before {
  content: "";
  display: block;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  padding: 6px 0;         /* dono lines ke beech ka gap */
  width: 370px;           /* ✅ fixed width - har block me same */
  margin: -48px auto 12px; /* center align */
}

  /* Heading ka gap aur size adjust */
  .image-with-text__content h2 {
   font-size: 20px !important;
    margin: 8px 0 !important; /* upar niche ka gap almost khatam */
  }
   .section-image-with-text:last-child {
    margin-bottom: -14px !important; /* 👈 sirf last block ke neeche gap */
  }

  /* Text ka margin bhi reset */
  .image-with-text__content p {
    margin: 0 0 26px 0 !important;
    font-size: 13px !important;
    line-height: 1.4;
  }
}