/* Base styles */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #F9FAF6; /* Soft White */
            color: #2c3e50;
            overflow-x: hidden;
        }

        /* Custom scrollbar for aesthetics */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-thumb { background-color: #A8D5BA; border-radius: 10px; }
        ::-webkit-scrollbar-track { background-color: #F9FAF6; }

        /* General element styling */
        .card {
            background-color: white;
            border-radius: 1rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }

        /* CTA Button Styling */
        .cta-btn {
            @apply px-8 py-3 rounded-full font-bold text-lg transition-all duration-300 transform shadow-md;
        }
        .cta-primary {
            @apply bg-coral text-white hover:scale-[1.03] hover:shadow-xl hover:shadow-coral/50;
        }
        .cta-secondary {
            @apply border-2 border-sage text-sage hover:bg-sage hover:text-white hover:scale-[1.03];
        }

        text {
                  font-family: 'Inter', sans-serif;
                }

        /* Hero Slider Custom CSS */
        .hero-slide {
            height: 100vh;
            background-size: cover;
            background-position: center;
            transition: opacity 1s ease-in-out;
            position: absolute;
            width: 100%;
            opacity: 0;
        }
        .hero-slide.active {
            opacity: 1;
        }
        .hero-overlay {
            background-color: rgba(0, 0, 0, 0.3);
        }

        /* Glassmorphism Effect */
        .glass {
            backdrop-filter: blur(10px);
            background-color: rgba(255, 255, 255, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.5);
        }

        /* Animation Classes */
        .scroll-fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        .scroll-fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Navigation Styles */
        .nav-link {
            @apply text-muted-gray hover:text-sage transition duration-200 cursor-pointer text-sm md:text-base font-semibold;
        }