/* Animations and transitions */
      .fade-in {
        animation: fadeIn 1.2s ease-in-out;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Custom backgrounds and overlays */
    .hero-overlay {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
    }

    .about-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .about-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .pillar-card {
        transition: all 0.3s ease;
    }

    .pillar-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    }

    .value-icon {
        transition: all 0.3s ease;
    }

    .value-icon:hover {
        transform: scale(1.1);
    }

    /* Custom scrollbar for a premium feel */
    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb {
        background: #ffc107;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #e0a800;
    }

    /* Section dividers */
    .section-divider {
        height: 3px;
        background: linear-gradient(to right, transparent, #ffc107, transparent);
        margin: 4rem auto;
        width: 80%;
    }

    /* Custom styles for consistency */
    .text-gold {
        color: #ffc107 !important;
    }

    .bg-gold-gradient {
        background: linear-gradient(135deg, #ffd54f, #ffca28);
    }

    .text-shadow {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }

    /* Mobile responsiveness enhancements */
    @media (max-width: 768px) {
      .display-4 {
          font-size: 2.5rem;
      }
  
      .lead {
          font-size: 1.1rem;
      }
      
      .parallax-hero {
          background-attachment: scroll;
          background-position: center center;
      }
      
      /* Fix for gallery images on mobile */
      .about-card.h-100 {
          height: auto !important;
          max-height: 250px;
      }
      
      .img-fluid.about-card {
          margin-bottom: 10px;
      }
      
      /* Make buttons smaller on mobile */
      .btn-lg {
          font-size: 0.9rem;
          padding: 0.375rem 1rem !important;
      }
      
      /* Adjust button spacing */
      .gap-3 {
          gap: 0.5rem !important;
      }
  }
    .testimonial-card {
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    }

    .scroll-reveal {
        opacity: 0;
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .scroll-reveal.revealed {
        opacity: 1;
        transform: translateY(0);
    }

    .golden-line {
        width: 100px;
        height: 3px;
        background-color: #ffc107;
        margin: 0 auto;
        transition: width 0.5s ease;
    }

    .section-header:hover .golden-line {
        width: 150px;
    }

    .feature-icon-wrapper {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 1.5rem;
        background: linear-gradient(135deg, #ffd54f, #ffca28);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Parallax effect for hero */
    .parallax-hero {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }