body {
          font-family: 'Poppins', sans-serif;
          background: #f8fbff;
      }

      .hero {
          position: relative;
          min-height: 100vh;
          display: flex;
          align-items: center;
          background: url("../img/home_banner.jpeg") center no-repeat;
      }

      .hero::after {
          content: '';
          position: absolute;
          inset: 0;
          background: rgba(0, 35, 82, 0.65);
      }

      .hero .content {
          position: relative;
          z-index: 2;
      }

      .glass {
          background: rgba(255, 255, 255, 0.08);
          backdrop-filter: blur(10px);
          border: 1px solid rgba(255, 255, 255, 0.2);
          border-radius: 1.25rem;
      }

      .section-title {
          font-weight: 700;
          text-align: center;
          margin-bottom: 2rem;
      }

      .icon-box {
          background: rgba(255, 255, 255, 0.1);
          border-radius: 1rem;
          padding: 1.5rem;
          text-align: center;
      }

      .icon-box i {
          font-size: 2rem;
          color: #0077ff;
          margin-bottom: 0.5rem;
      }

      .service-card {
          background: rgba(255, 255, 255, 0.05);
          border-radius: 1rem;
          padding: 1.5rem;
      }

      .gallery img {
          object-fit: cover;
          border-radius: 1rem;
      }

      .footer {
          background: #002352;
          color: #e2e9ff;
          padding: 2rem 0;
      }

      .footer a {
          color: #fff;
          text-decoration: none;
      }

      .footer a:hover {
          text-decoration: underline;
      }