

        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

        

        body { 

            font-family: 'Plus Jakarta Sans', sans-serif; 

            background-color: #fcfcfc;

        }

        

        h1, h2, h3, h4, h5, h6 {

            font-family: 'Outfit', sans-serif;

        }



        /* Animations */

        .fade-enter {

            animation: fadeEnter 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;

        }

        @keyframes fadeEnter {

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

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

        }



        .float { animation: float 6s ease-in-out infinite; }

        .float-delayed { animation: float 6s ease-in-out 3s infinite; }

        

        @keyframes float {

            0% { transform: translateY(0px); }

            50% { transform: translateY(-15px); }

            100% { transform: translateY(0px); }

        }



        .glass-panel {

            background: rgba(255, 255, 255, 0.7);

            backdrop-filter: blur(16px);

            border: 1px solid rgba(255, 255, 255, 0.5);

        }

        

        .nav-blur {

            background: rgba(255, 255, 255, 0.9);

            backdrop-filter: blur(20px);

            border-bottom: 1px solid rgba(0,0,0,0.03);

        }



        .text-gold-gradient {

            background: linear-gradient(135deg, #b45309 0%, #f59e0b 50%, #fbbf24 100%);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

        }



        .bento-card {

            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

        }

        .bento-card:hover {

            transform: translateY(-5px);

            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.08);

        }

        .testimonials .owl-carousel .owl-item img{
                width: 40px !important;
            
        }


        
/* --- Owl Carousel Customization --- */

/* Align dots to center and add spacing */
 .testimonials .owl-theme .owl-dots {
    margin-top: 30px !important;
    text-align: center;
}

/* Default Dot Style */
.testimonials .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background: #cbd5e1; /* slate-300 */
    border-radius: 50%;
    transition: all 0.3s ease;
    margin: 5px 4px;
}

/* Active Dot Style (Elongated Gold Pill) */
.testimonials .owl-theme .owl-dots .owl-dot.active span {
    width: 30px; /* Makes it a pill shape */
    background: #f59e0b; /* amber-500 */
    box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.4);
}

/* Hover State */
.testimonials .owl-theme .owl-dots .owl-dot:hover span {
    background: #fbbf24; /* amber-400 */
}

/* Fix for flexbox height in carousel items */
.testimonials .owl-carousel .owl-stage {
    display: flex;
}
.testimonials .owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}
ul#menu-footer-menu-1 li {
    margin-bottom: 5px;
    font-size: 16px;
}
#menu-footer-menu li {
    margin-bottom: 5px
}