.hero-section {
      background: linear-gradient(135deg, #004aad, #0099ff);
      color: white;
      padding: 10px 20px;
      text-align: center;
    }

    .hero-section h1 {
      font-size: 3rem;
      font-weight: 700;
    }

    .hero-section p {
      font-size: 1.2rem;
      opacity: 0.9;
    }

    .about-section {
      padding: 80px 0;
    }

    .about-section img {
      width: 100%;
      border-radius: 15px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .about-text h2 {
      font-weight: 700;
      color: #004aad;
    }
      .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 30px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
    margin-top: 20px;
}


    .about-text p {
      margin-top: 20px;
      line-height: 1.8;
    }


    .values-section {
      background-color:white;
      padding: 50px 0;

    }

    .value-card2 {
      background: white;
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.9);


    }

    .value-card {
      background: white;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.9);
      transition: transform 0.3s ease;

    }

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


    @media(max-width:768px){
      .hero-section p{
        font-size: 15px;
      }
      
     .about-section {
      font-size: 15px;
     }
      .values-section {
        font-size: 15px;
      }

    }