.main-container-cus{
    padding-left:13%;
     padding-right:13%

  }

.about-hero {
  position: relative;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

/* Background Image */
.about-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}


/* Content */
.hero-content-about {
  position: relative;
  z-index: 3;
  color: #1f1717;
}

.about-hero h1 {
  font-size: clamp(24px, 2vw, 36px);
  font-weight: 600;
  color: #353535; 
}


/* ===== About Section ===== */

.aboutt-card {
    text-align: center;
}

.aboutt-card img {

    border-radius: 20px;
    margin-bottom: 20px;
}

.aboutt-card p {
    font-size: clamp(12px, 2vw, 18px);
    line-height: 1.7;
text-align: start;

}



/* ===== Features ===== */


.feature-box {
    text-align: center;
         border: 2px solid #D9D9D9;
      border-radius: 20px;
  
      padding:20px;
      height: 100%;
}
   .feature-box :hover {
    
      cursor: pointer;
    }


    .feature-box img {
      border-radius: 10px;
      height: 200px;
      object-fit: cover;
    }


.feature-box h5 {
         color: #1F7CFD;
  font-size: clamp(16px, 1.6vw, 20px);
  font-weight: 600;
    text-align: start;
}

.feature-box p {
  font-size: 14px;
text-align: start;
    color:#7A7373;
    line-height: 2;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .about-hero {
        height: 140px;
    }
      .main-container-cus{
    padding-left:5%;
     padding-right:5%

  }
  .aboutt-card img {
    width: 100%;
    height:179px;
    border-radius: 20px;
    margin-bottom: 20px;
}

}