.team-section h2 {
    font-family: "Roboto", serif;
    font-weight: bold;
  }
  .team-section {
    max-width: 1228pX !important;
    background-color:#f4f6fa;
    border-radius: 10px;
  }
  .team-section h2{
      color: #165231;
  }
  .Banner {
    max-width: 1100px !important;
  }
  .Banner h2{
      color: #165231;
  }
  .Intro {
    max-width: 1100px !important;
  }
  .Intro h4 {
      color: #165231;
  }
  .Intro p strong{
      color: #165231;
  }
  
  .quote {
    font-size: 1.5rem;
    color: #d4af37;
  }
  .testimonial-card {
    background: #f4f6fa;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
  }
  .profile-img {
    width: 50% !important;
    border-radius: 8px;
  }


/* Medium Mobile (mobile-m: 361px to 480px) */
@media (min-width: 320px) and (max-width: 425px) {
  .Banner{
    width: 90% !important;
  }
  .Intro{
    width: 90% !important;
  }
  .team-section{
    width: 90% !important;
  }
  .profile-img {
    width: 100% !important;
  }

  .testimonial-card {
    flex-direction: column;
    text-align: center;
  }

  .Banner h2,
  .team-section h2 {
    font-size: 1.4rem;
  }
}

/* Tablet (425px to 768px) */
@media (min-width: 425px) and (max-width: 768px) {
  .Banner{
    width: 90% !important;
  }
  .Intro{
    width: 90% !important;
  }
  .team-section{
    width: 90% !important;
  }

  .profile-img {
    width: 100% !important;
  }

  .testimonial-card {
    flex-direction: column;
    text-align: center;
  }

  .Banner h2,
  .team-section h2 {
    font-size: 1.6rem;
  }
}

/* Small Laptop (laptop-s: 769px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .Banner{
    width: 80% !important;
  }
  .Intro{
    width: 80% !important;  
  }
  .team-section{
    width: 80% !important;
  }
  .profile-img {
    width: 50% !important;
  }

  .testimonial-card {
    flex-direction: row;
    text-align: left;
  }

  .Banner h2,
  .team-section h2 {
    font-size: 1.8rem;
  }
}

/* Large Laptop (laptop-l: 1025px and up) */
@media (min-width: 1025px) {
  .profile-img {
    width: 40% !important;
  }

  .testimonial-card {
    flex-direction: row;
    text-align: left;
  }

  .Banner h2,
  .team-section h2 {
    font-size: 2rem;
  }
}