.hero-section {
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('assets/9.jpg');
       background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 100vh;  /* adjust as needed */
  display: flex;
  align-items: center;
  color: white;
    }
.feature-card {
      transition: transform 0.3s ease;
    }
.feature-card:hover {
      transform: translateY(-10px);
    }
.testimonial-img {
      width: 100px;
      height: 100px;
      object-fit: cover;
    }
.contact-hero {
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('assets/9.jpg');
      background-size: cover;
      height: 60vh;
      display: flex;
      align-items: center;
    }
.contact-info-card {
      transition: all 0.3s ease;
    }
.contact-info-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
.form-control:focus {
      border-color: #0d6efd;
      box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }
#map {
      height: 400px;
      width: 100%;
      border-radius: 8px;
    }
.about-hero {
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('assets/9.jpg');
      background-size: cover;
      height: 60vh;
      display: flex;
      align-items: center;
    }
.team-member img {
      width: 100px;
      height: 100px;
      object-fit: cover;
    }
.timeline {
      position: relative;
      padding-left: 50px;
    }
.timeline:before {
      content: '';
      position: absolute;
      left: 20px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: #0d6efd;
    }
.timeline-item {
      position: relative;
      margin-bottom: 30px;
    }
.timeline-item:before {
      content: '';
      position: absolute;
      left: -50px;
      top: 5px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #0d6efd;
      border: 4px solid white;
}
.team-member {
  width: 160px;              
  height: 160px;
  object-fit: cover;         
  border-radius: 50%;        
  border: 4px solid #ffffff; 
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); 
}