/* ===============================
       Fade In Animation
    =============================== */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

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

        .animate-fade-in-up {
            animation: fadeInUp 0.8s ease-out forwards;
        }

        /* ===============================
       Luxury Gradient Background
    =============================== */
        .gradient-luxury {
            background: linear-gradient(135deg,
                    #1e3a8a 0%,
                    #3b82f6 50%,
                    #1e40af 100%);
        }

        /* ===============================
       Sticky Bottom CTA
    =============================== */
        .sticky-cta {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 50;

            transform: translateY(100%);
            transition: transform 0.3s ease-in-out;

            box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
        }

        .sticky-cta.visible {
            transform: translateY(0);
        }

        /* ===============================
       WhatsApp Floating Button
    =============================== */
        .whatsapp-float {
            position: fixed;
            bottom: 90px;
            right: 20px;

            width: 60px;
            height: 60px;

            display: flex;
            align-items: center;
            justify-content: center;

            background-color: #25d366;
            color: #ffffff;

            border-radius: 50%;
            font-size: 28px;

            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);

            z-index: 100;

            transition: all 0.3s ease;
        }

        .whatsapp-float:hover {
            transform: scale(1.1);
            background-color: #1ebe5d;
        }

        /* ===============================
       Smooth Scrolling
    =============================== */
        html {
            scroll-behavior: smooth;
        }

        /* ===============================
       Responsive Adjustments
    =============================== */

       @media (min-width: 1024px) {
    .lg\:h-12 {
        height: 25px;
        padding-right: 13px;
    }
}
        @media (max-width: 768px) {

            .whatsapp-float {
                width: 55px;
                height: 55px;
                font-size: 24px;
                bottom: 85px;
                right: 15px;
            }

            .sticky-cta {
                padding: 10px 15px;
            }
        }

        @media (max-width: 480px) {

            .whatsapp-float {
                width: 50px;
                height: 50px;
                font-size: 22px;
                bottom: 80px;
                right: 12px;
            }
        }