/* Hero Banner */
    .hero-section {
      position: relative;
      background: url('../images/about-hero.jpg') center/cover no-repeat;
      height: 70vh;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .hero-section::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: linear-gradient(to bottom right, rgba(0,0,0,0.7), rgba(0,0,0,0.4));
    }
    .hero-section h1 {
      position: relative;
      font-size: 3.5rem;
      font-weight: bold;
      color: #ffc107;
      z-index: 1;
      animation: fadeInDown 1.2s ease-in-out;
    }

    @keyframes fadeInDown {
      from { opacity: 0; transform: translateY(-40px);}
      to { opacity: 1; transform: translateY(0);}
    }

    /* About Section */
    .about-section img {
      border-radius: 20px;
      box-shadow: 0 15px 30px rgba(0,0,0,0.3);
      transition: transform 0.4s ease;
    }
    .about-section img:hover {
      transform: scale(1.05);
    }
    .about-section h2 {
      color: #343a40;
      font-weight: 700;
    }

    /* Mission, Vision, Values */
    .mvv {
      padding: 30px;
      border-radius: 15px;
      background: white;
      box-shadow: 0 8px 25px rgba(0,0,0,0.1);
      transition: transform 0.3s;
    }
    .mvv:hover {
      transform: translateY(-10px);
    }
    .mvv i {
      font-size: 2.5rem;
      margin-bottom: 15px;
      color: #ffc107;
    }

    /* Team Section */
    .team-card {
      transition: transform 0.3s, box-shadow 0.3s;
    }
    .team-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 25px rgba(0,0,0,0.2);
    }
    .team-card img {
      border-radius: 50%;
      transition: transform 0.3s;
    }
    .team-card img:hover {
      transform: scale(1.1);
    }

    /* Footer */
    footer {
      background: linear-gradient(45deg, #212529, #343a40);
    }
    footer a:hover {
      color: #ffc107 !important;
    }