/* ===== Hero Section ===== */
    .about-hero {
      background: url("../images/abt1.gif") center/cover no-repeat;
      color: #fff;
      text-align: center;
      padding: 120px 20px;
      position: relative;
    }
    .about-hero::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(3, 5, 27, 0.6);
      z-index: 0;
    }
    .about-hero h1 {
      position: relative;
      z-index: 1;
      font-size: 3rem;
      font-weight: 700;
    }
    .about-hero p {
      position: relative;
      z-index: 1;
      font-size: 1.2rem;
      color: #ddd;
    }

    /* ===== About Section ===== */
    .about-section {
      padding: 80px 0;
    }
    .about-section img {
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    /* ===== Mission Vision Section ===== */
    .mission-vision {
      background: url("../images/im9.jpg") center/cover no-repeat;
      padding: 80px 0;
      color: #fff;
      position: relative;
    }
    .mission-vision::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(3, 5, 27, 0.8);
    }
    .mission-vision .container {
      position: relative;
      z-index: 1;
    }
    .mission-vision .card {
      background: rgba(255,255,255,0.1);
      border: none;
      backdrop-filter: blur(10px);
      color: #fff;
      border-radius: 15px;
      transition: all 0.3s ease;
    }
    .mission-vision .card:hover {
      transform: translateY(-5px);
      background: rgba(2, 19, 22, 0.2);
      border:solid 1px white;
    }
    .mission-vision .bi {
      font-size: 2.5rem;
      color: #00d4ff;
    }

    /* ===== Why Choose Us ===== */
    .why-choose {
      padding: 80px 0;
    }
    .why-choose .feature {
      text-align: center;
      padding: 20px;
    }
    .why-choose .feature i {
      font-size: 2.5rem;
      color: #00d4ff;
      margin-bottom: 15px;
    }