body {
      font-family: 'Segoe UI', sans-serif;
    }

    .hero {
      background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url('/images/banner.png') center/cover no-repeat;
      color: #fff;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .logo img {
      max-height: 300px;
    }

    .btn-gold {
      background-color: #f0c13f;
      color: #000;
      border: none;
    }

    .btn-gold:hover {
      background-color: #e6b623;
      color: #000;
    }

    .section-title {
      font-weight: 600;
      color: #b88b2b;
      margin-bottom: 2.5rem;
    }

    footer {
      background-color: #1f1f1f;
      color: #ccc;
      padding: 2rem 0;
    }

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

    .navbar {
      background-color: #8c1d1d;
    }

    .navbar-nav .nav-link {
      color: #fff !important;
    }

    .navbar-brand {
      font-weight: 600;
      color: #fff !important;
    }

      .custom-img-shadow {
    border-radius: 50% 40% 60% 30% / 40% 60% 30% 50%;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    max-width: 60%;
    height: auto;
  }

  .custom-img-shadow:hover {
    transform: scale(1.02);
  }