:root {
            --color-primary-green: #0D1F0C;
            --color-accent-gold: #C5A35A;
            --color-dark-text: #1A1A1A;
            --color-white: #FFFFFF;
            --color-light-bg: #F9FAFB;
        }

        .bg-rainbow-red { background-color: var(--color-primary-green); }
        .text-rainbow-red { color: var(--color-accent-gold); }
        .bg-rainbow-orange { background-color: var(--color-light-bg); }
        .text-rainbow-orange { color: var(--color-dark-text); }
        .bg-rainbow-yellow { background-color: var(--color-white); }
        .text-rainbow-yellow { color: var(--color-accent-gold); }
        .bg-rainbow-green { background-color: var(--color-primary-green); }
        .text-rainbow-green { color: var(--color-accent-gold); }
        .bg-rainbow-blue { background-color: var(--color-dark-text); }
        .text-rainbow-blue { color: var(--color-white); }
        .bg-rainbow-indigo { background-color: var(--color-primary-green); }
        .text-rainbow-indigo { color: var(--color-accent-gold); }
        .bg-rainbow-violet { background-color: var(--color-dark-text); }
        .text-rainbow-violet { color: var(--color-white); }
        /* Custom Scrollbar */
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }

        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Swiper Fixes */
        .swiper {
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .swiper-slide {
            background-position: center;
            background-size: cover;
            border-radius: 8px;
            overflow: hidden;
        }

        .swiper-pagination-bullet-active {
            background-color: #C5A35A !important;
        }

        /* Form Focus Animation */
        @keyframes highlightForm {
            0% {
                box-shadow: 0 0 0 0 rgba(197, 163, 90, 0);
            }

            50% {
                box-shadow: 0 0 20px 5px rgba(197, 163, 90, 0.5);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(197, 163, 90, 0);
            }
        }

        .highlight-section {
            animation: highlightForm 1.5s ease-in-out;
        }
        /* Ensures the sticky footer doesn't overlap content, similar to body { padding-bottom: 100px; } */
         /* Default styles for desktop */
        html {
            box-sizing: border-box;
        }

        *,
        *::before,
        *::after {
            box-sizing: inherit;
        }

        body {
            font-family: 'Manrope', sans-serif;
            padding-bottom: 0;
        }

/* Mobile styles */
@media (max-width: 768px) {  /* Adjust breakpoint as needed */
    body {
        padding-bottom: 4rem;
        font-family: 'Inter', sans-serif;
    }
}

        /* Custom Styles to fine-tune the look */
        .sticky-contact {
            /* 100% width, fixed at the bottom, centered */
            height: 4rem;
            /* 80px */
            /* Tailwind classes for positioning: fixed bottom-0 left-0 right-0 z-50 */
        }

        .sticky-btn {
            transition: transform 0.15s ease-in-out;
            border-radius: 8px; /* Ensures consistent rounding for the full-width look */
        }

        /* Call Button Style (White/Light Grey BG, Black Text) */
        .sticky-btn.call {
            background-color: var(--color-light-bg);
            /* A very light gray to suggest separation */
            color: #1f2937;
            /* Dark text */
        }

        /* WhatsApp Button Style (Solid Bright Green BG, White Text) */
        .sticky-btn.whatsapp {
            background-color: var(--color-primary-green);
            color: #ffffff;
        }

        /* Optional: Adding a subtle shadow/lift on hover for better UX */
        .sticky-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            z-index: 51;
        }