/* About Section Container */
#about {
  background: linear-gradient(to bottom, #ffffff, #f4f7fc);
  padding: 80px 20px 60px;
}

/* Grid Layout for Cards */
.about-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Three columns */
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Individual Card Styling */

.card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  padding: 30px;
  transition: transform 0.3s ease;
  border-top: 4px solid transparent;
}

.card:hover {
  transform: translateY(-5px);
}

/* Symbolic top border colors */
.card.about-us { border-top-color: #4CAF50; }   /* Green for care */
.card.vision   { border-top-color: #2196F3; }   /* Blue for clarity */
.card.mission  { border-top-color: #FF9800; }   /* Orange for purpose */

/* Icon sizing and glow */
.icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.about-icon  { background-image: url('images/Aboutusglow.png'); }
.star-icon   { background-image: url('images/Starglow.png'); }
.target-icon { background-image: url('images/Targetglow.png'); }

.divider-gradient {
  height: 60px;
  background: linear-gradient(to bottom, #003f7d, #f4f7fc);
  margin-bottom: -1px;
}

@media (max-width: 768px) {
  .divider-gradient {
    height: 40px;
  }
}


#why-choose-us {
  background: linear-gradient(to bottom, #ffffff, #f4f7fc);
  padding: 80px 20px 60px;
  text-align: center;
  font-family: 'Lato', sans-serif;
  color: #333;
}

.choose-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.choose-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  padding: 30px;
  max-width: 300px;
  flex: 1 1 250px;
  transition: transform 0.3s ease;
  border-top: 4px solid transparent;
}

.choose-card:hover {
  transform: translateY(-5px);
}

.choose-card:nth-child(1) { border-top-color: #4CAF50; }  /* Green for trust */
.choose-card:nth-child(2) { border-top-color: #2196F3; }  /* Blue for care */
.choose-card:nth-child(3) { border-top-color: #FF9800; }  /* Orange for growth */

.choose-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.trust-icon  { background-image: url('images/trustglow.png'); }
.care-icon   { background-image: url('images/careglow.png'); }
.growth-icon { background-image: url('images/growthglow.png'); }

@media (max-width: 768px) {
  .choose-grid {
    flex-direction: column;
    align-items: center;
  }

  .choose-card {
    width: 90%;
    margin-bottom: 20px;
  }
}