/** Shopify CDN: Minification failed

Line 7:18 Unexpected "{"
Line 7:27 Expected ":"

**/
#shopify-section-{{ section.id }}.multicolumn {
  background-image: url("IMAGE_URL_HERE");
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important; /* move with section */
}

/* =================================
    GLOBAL 2x2 MULTICOLUMN FLEXIBLE
   ================================= */
.multicolumn-list.contains-content-container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(auto, max-content)) !important; /* content ke hisaab se flexible */
  grid-auto-rows: auto !important;                                         /* row height flexible */
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Hover effect on text box */
.multicolumn .multicolumn-card {
  transition: transform 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out !important;
  backdrop-filter: none !important; /* default state */
}

.multicolumn .multicolumn-card:hover {
  transform: scale(1.1); /* magnify a little */
  backdrop-filter: blur(8px); /* background blur */
  background-color: rgba(255, 255, 255, 0.6); /* optional semi-transparent bg */
  box-shadow: 0 8px 20px #47483B; /* soft shadow */
}

/* Text box adjustments */
.multicolumn-list__item {
  width: auto !important;       /* flexible width */
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;  
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.multicolumn-card__image-wrapper {
  width: 100% !important;
  display: block !important;
}

.multicolumn-card__info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding: 5px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Ensure text shrinks with container */
.multicolumn-card__info > * {
  width: 100% !important;
  max-width: 100% !important;
  word-wrap: break-word !important;
}

/* ======================
   Desktop Full Screen
   ====================== */
@media (min-width: 1440px) {

  /* Section wrapper */
  [id^="shopify-section-"] .multicolumn,
  .multicolumn {
    position: relative !important;
    overflow: hidden !important; /* container ko stretch hone se bachata hai */
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    min-height: 800px !important;
    padding-left: 730px !important;
    padding-right: 0 !important;
    padding-top: 95px !important;
    padding-bottom: 0 !important;
  }

  /* Text box wrapper */
  .multicolumn .multicolumn-card {
    width: auto !important;       /* flexible width */
    max-width: 500px !important;  /* optional max */
    min-height: 250px !important;
    padding: 20px !important;
    border-radius: 130px !important;
  }

  .multicolumn-list.contains-content-container {
    column-gap: 40px !important;
    row-gap: 40px !important;
  }

  /* text box bg image breathing space */
  .multicolumn-card__bg {
    inset: 2px !important; /* Apni spacing set karo */
  }
    
  /* Heading inside text box */
  .multicolumn .multicolumn-card__info h3.inline-richtext {
    color: #47483B !important;
    font-size: 35px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    word-spacing: 2px !important;
    font-family: "Lato", serif !important;
    transform: translateY(25px) !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
  }

  /* Text inside text box */
  .multicolumn .multicolumn-card__info .rte,
  .multicolumn .multicolumn-card__info .rte p {
    color: #47483B !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.7px !important;
    word-spacing: 1px !important;
    font-family: "lato", serif !important;
    transform: translateY(25px) !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }
}


/* =========================
   TABLET LANDSCAPE / LAPTOP
   ========================= */
@media (min-width: 1025px) and (max-width: 1439px) {

  /* Section wrapper */
  [id^="shopify-section-"] .multicolumn,
  .multicolumn {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    min-height: 500px !important;

    /* Breathing space */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* Text box wrapper */
  .multicolumn .multicolumn-card {
    width: auto !important;       /* flexible width */
    max-width: 320px !important;  /* optional max */
    min-height: 200px !important;
    padding: 20px !important;
    border-radius: 130px !important;
  }

  /* Text box gaps */
  .multicolumn-list.contains-content-container {
    column-gap: 40px !important;
    row-gap: 40px !important;
  }

/* text box adjustment */
.multicolumn {
    display: flex !important;
    justify-content: flex-end !important; /* cards ko right side rakho */
    flex-wrap: wrap !important;           /* smaller width pe wrap ho */
    gap: 2rem !important;                 /* spacing between cards */
    padding-right: 0px;                   /* distance from right */
    padding-left: 410px;                  /* distance from left */
}

  /* text box bg image breathing space */
  .multicolumn-card__bg {
    inset: 2px !important; /* Apni spacing set karo */
  }
    
  /* Heading inside text box */
  .multicolumn .multicolumn-card__info h3.inline-richtext {
    color: #47483B !important;
    font-size: 35px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    word-spacing: 2px !important;
    font-family: "Lato", serif !important;
    padding-top: 8px !important;
    padding-bottom: 5px !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
  }

  /* Text inside text box */
  .multicolumn .multicolumn-card__info .rte,
  .multicolumn .multicolumn-card__info .rte p {
    color: #47483B !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.7px !important;
    word-spacing: 1px !important;
    font-family: "Lato", serif !important;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.6 !important;
  }
}


/* ==================================
    Tablet Portrait Mobile Landscape
   ================================== */
@media (min-width: 768px) and (max-width: 1024px) {
  
  /* Section wrapper */
  [id^="shopify-section-"] .multicolumn,
  .multicolumn {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    min-height: 1100px !important;
  }

  /* Text box wrapper */
  .multicolumn .multicolumn-card {
    width: auto !important;       /* flexible width */
    max-width: 340px !important;  /* optional max */
    min-height: 200px !important;
    padding: 20px !important;
    border-radius: 130px !important;
  }

  .multicolumn-list.contains-content-container {
    column-gap: 40px !important;
    row-gap: 40px !important;
  }

  /* text box ajustment */
  .multicolumn {
    display: flex;             /* flex container */
    flex-direction: column;    /* top to bottom stacking */
    justify-content: flex-end; /* top alignment */
    align-items: center;       /* horizontal center, optional */
    width: 100%;
    max-width: 100%;
    padding: 10px;
    padding-bottom: 10px !important;
    box-sizing: border-box;
  }

  /* text box bg image breathing space */
  .multicolumn-card__bg {
    inset: 2px !important; /* Apni spacing set karo */
  }
    
  /* Heading inside text box */
  .multicolumn .multicolumn-card__info h3.inline-richtext {
    color: #47483B !important;
    font-size: 35px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    word-spacing: 2px !important;
    font-family: "Lato", serif !important;
    padding-top: 8px !important;
    padding-bottom: 5px !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
  }

  /* Text inside text box */
  .multicolumn .multicolumn-card__info .rte,
  .multicolumn .multicolumn-card__info .rte p {
    color: #47483B !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.7px !important;
    word-spacing: 1px !important;
    font-family: "Lato", serif !important;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.6 !important;
  }
}


  /* =================
      Mobile Portrait
     ================= */

  @media (max-width: 767px) {
  .multicolumn-list.contains-content-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* ek column */
    grid-auto-rows: auto !important;       /* har row apne content ke hisaab se */
    box-sizing: border-box !important;
  }

  /* Section wrapper */
  [id^="shopify-section-"] .multicolumn,
  .multicolumn {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    min-height: 750px !important;
  }

  /* Text box wrapper */
  .multicolumn .multicolumn-card {
    width: auto !important;       /* flexible width */
    max-width: 340px !important;  /* optional max */
    min-height: 25px !important;
    padding: 5px !important;
    border-radius: 130px !important;
  }

  /* Text box btwn gap */
  .multicolumn-list.contains-content-container {
    column-gap: 0px !important;
    row-gap: 10px !important;
  }

  /* text box ajustment */
  .multicolumn {
    display: flex;             /* flex container */
    flex-direction: column;    /* top to bottom stacking */
    justify-content: flex-end; /* top alignment */
    align-items: center;       /* horizontal center, optional */
    width: 100%;
    max-width: 100%;
    padding: 15px;
    padding-bottom: 0px !important;
    box-sizing: border-box;
  }

  /* text box bg image breathing space */
  .multicolumn-card__bg {
    inset: 2px !important; /* Apni spacing set karo */
  }
    
  /* Heading inside text box */
  .multicolumn .multicolumn-card__info h3.inline-richtext {
    color: #47483B !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    word-spacing: 2px !important;
    font-family: "Lato", serif !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    transform: translateY(-4px) !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
  }

  /* Text inside text box */
  .multicolumn .multicolumn-card__info .rte,
  .multicolumn .multicolumn-card__info .rte p {
    color: #47483B !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: 0.7px !important;
    word-spacing: 1px !important;
    font-family: "Lato", serif !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    transform: translateY(0px) !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.6 !important;
  }
}
