@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

        body {
            font-family: 'Inter', sans-serif;


            background-color: #f9fafb;
            /* Light Gray Background */
            color: #1f2937;
            /* Dark Gray Text */
        }

        .brand-font {
            font-family: 'Raleway', Manrope;
            font-weight: bolder;
        }

        .text-primary {
            color: #075985;
        }

        /* Darker Sky Blue for emphasis */
        .bg-primary {
            background-color: #38bdf8;
        }

        /* Sky Blue */
        .bg-accent {
            background-color: #a7f3d0;
        }

        /* Light Green */
        .hover-lift:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
        }

        .hero-bg {
            background-image: url('https://placehold.co/1200x600/bde0fe/075985?text=Calm+Nature+Scene+%26+Wellness');
            background-size: cover;
            background-position: center;
        }

        /* Scroll Reveal Effect CSS */
        .scroll-reveal {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

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

        /* Define custom z-index classes */
        .z-55 {
            z-index: 55;
        }

        .z-60 {
            z-index: 60;
        }

        /* Mobile Sticky Buttons */
        .mobile-sticky-cta {
            z-index: 50;
        }

        /* --- Custom Slider Styles --- */
        #slide-container {
            /* This property is crucial for smooth sliding using JavaScript transform */
            transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .slide-content {
            background-size: cover;
            background-position: center;
            background-color: #0f766e;
            /* Default BG for fallback */
        }

        .review-card-container {
            /* On mobile, stack cards in a single column */
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 1.5rem;
            /* Equivalent to space-x-6 in Tailwind for inner cards */
            padding-bottom: 2rem;
            /* Extra space */
        }

        @media (min-width: 768px) {

            /* On tablet/small desktop, show two cards */
            .review-card-container {
                grid-template-columns: repeat(2, 1fr);
                gap: 2rem;
            }
        }

        @media (min-width: 1024px) {

            /* On large desktop, show three cards */
            .review-card-container {
                grid-template-columns: repeat(3, 1fr);
                gap: 2rem;
            }
        }

        /* Custom styles for the accordion animation */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-in-out, padding 0.3s ease-in-out;
        }

        .accordion-content.active {
            /* यह वैल्यू (1000px) ज़रूरी है! */
            max-height: 1000px;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .social-icon {
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            /* Circle */
        }

        .social-icon:hover {
            transform: translateY(-5px);
        }


        /* Fix the single-testimonial-item width to always take up 100% of the carousel inner width */
        #carousel-inner .w-full {
            width: 100%;
        }

        .arrow-icon {
            transition: transform 0.3s;
        }

        .arrow-icon.rotated {
            transform: rotate(180deg);
        }

        @media (max-width: 640px) {

            /* phones: make frame taller */
            .video-frame-tailwind {
                padding-top: 75% !important;
            }
        }

        @media (min-width: 1024px) {

            /* desktop: make frame wider (shorter padding) */
            .video-frame-tailwind {
                padding-top: 42.857% !important;
            }
        }
          .service-card {
            display: flex;
            flex-direction: column;
            border-radius: 12px;
            overflow: hidden;
            background-color: #ffffff;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-decoration: none;
            /* Ensure the link doesn't look like a standard anchor */
        }

        .service-card-image {
            width: 100%;
            height: 180px;
            /* Consistent height for images */
            object-fit: cover;
        }

        .service-card-content {
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            /* Allows content to take up remaining space */
            justify-content: space-between;
        }