/* banner css */

.banner-text {
    font-family: 'Kumbh Sans', sans-serif;
    color: #BD9191;
}

.banner-title {
    font-family: 'Afacad', sans-serif;
}

.medium-screen-title {
    font-family: 'Afacad', sans-serif;
}

.banner-section {
  background: url('./about-Images/abt-banner.png') center/cover no-repeat;
  height: 300px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden; /* ensures absolute image doesn't spill out */
  top: 82px;
}

.inner-image {

    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('./about-Images/abt-inner-image.png') no-repeat;
    width: 100%;
    height: 100%;
    background-size: contain;
    z-index: 0;


}

.banner-content {
  position: relative;
  z-index: 1;
}

.banner-title,
.banner-text {
  color: #fff;
}



@media (max-width: 768px) {
  .banner-section {
    background: url('./about-Images/lg-banner.png') center/cover no-repeat;
    height: 100px; /* adjust if needed */
  }

 .inner-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* perfect centering */
  background: url('./about-Images/lg-inner-banner.png') no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 80%;
  display: block;
  z-index: 0;
}
 .banner-content {
    text-align: center;
  }
  .banner-title{
    font-size: 30px;
  }

  .banner-text{
    font-size: 15px;
  }

}



@media (min-width: 2000px) {
  .banner-section {
    background: url('./about-Images/lg-banner.png') center/cover no-repeat;
    height: 400px; /* adjust if needed */
  }

 .inner-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* perfect centering */
  background: url('./about-Images/lg-inner-banner.png') no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 60%;
  display: block;
  z-index: 0;
}
 .banner-content {
    text-align: center;
  }
  .banner-title{
    font-size: 70px;
  }

  .banner-text{
    font-size: 25px;
  }

}





/* Smart Fit Garments */

.smartfit-section{
  margin-top: 120px;
}

.content-title {
    font-family: 'Afacad', sans-serif;
    color: #302F2F;


}

.content-para {
    color: #606060;
    font-family: 'Afacad', sans-serif;
    text-align: justify;

}

.garment-img {
    height: 100%;
    width: 100%;

}

/* background image only for the left text column */
.smart-garden-bg {
    top: 575px;
    left: -11px;
    width: 20%;
}

.img-card {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    margin-top: 40px;
    height: 80%;
    width: 100%
}

.zero-liquid {
    margin-top: 80px;
    overflow: hidden;

}

/* Why Choose Us css */
.choose-content {
    position: relative;
    z-index: 1;
}

.choose-content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 37%;
    /* middle of section */
    transform: translateY(-50%);
    /* center perfectly */
    width: 100%;
    height: 70%;
    /* adjust as per design (e.g., half height) */
    background-color: #FFF0F0;
    z-index: -1;
    /* keeps it behind the content */
}


.choose-title {
    color: #302F2F;
    font-family: 'Afacad', sans-serif;

}

.choose-inner-text {
    color: #747474;
    font-family: 'Afacad', sans-serif;
}

.choose-card {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 25px;
    background:
        linear-gradient(#fff, #fff) padding-box,
        /* inner background */
        linear-gradient(to top, #FFC4C4, #FFFFFF) border-box;
    /* gradient border */
    border: 1px solid transparent;
    /* set transparent border first */

}

.choose-inner-content {
    padding-top: 48px;
    padding-bottom: 16px;
}

.choose-para {
    color: #606060;
    font-family: 'Afacad', sans-serif;
    max-width: 40rem;
    /* limits width */
    margin: 0 auto;
    /* centers the block itself */
    text-align: center;
    /* centers the text inside */
}

.capability-para {
    color: #606060;
    font-family: 'Afacad', sans-serif;
    max-width: 60rem;
    margin: 0 auto;
    /* centers the block itself */
    text-align: center;


}

/* Who We Are css */

.whoweare-section {
    margin-top: 120px;
}

/* Background highlight behind center block */
.who-we-are {
    position: relative;
    z-index: 1;
}

.who-we-are::before {
    content: "";
    position: absolute;
    top: 13%;
    left: 0;
    width: 100%;
    height: 75%;
    background-color: #FFF0F0;
    /* pink highlight */
    z-index: -1;
    /* border-radius: 8px; */
}

/* Left Image adjustments */
.we-left-img {
    margin-top: 150px;
    max-width: 100%;
}

/* Right Image overlap */
.we-right-img {
    margin-top: -200px;
    max-width: 100%;
}

/* Responsive fix: remove overlap on small screens */

.capability-para{
     color: #606060;
    font-family: 'Afacad', sans-serif;
    text-align: justify;
    max-width: 60rem;


}