html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }

        /* Marquee styles */
        .marquee {
            overflow: hidden;
            position: relative;
        }

        .marquee-content {
            display: inline-block;
            white-space: nowrap;
            animation: marquee 30s linear infinite;
        }

        .marquee:hover .marquee-content {
            animation-play-state: paused;
        }

        .marquee-content a {
            padding: 0 2rem;
            text-decoration: none;
            color: #1e3a8a;
            font-weight: 500;
        }

        .marquee-content a:hover {
            color: #ef4444;
        }

        @keyframes marquee {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        /* Slider animation styles */
        .slider-item {
            display: none;
            backface-visibility: hidden;
            animation-duration: 1.5s;
            animation-fill-mode: both;
            overflow: hidden;
        }

        .slider-item.active {
            display: block;
        }

        .slider-item img {
            transition: transform 5s ease-out;
        }

        .slider-item.active img {
            transform: scale(1.15);
        }

        .fade-in-blur {
            animation-name: fadeInBlur;
        }

        @keyframes fadeInBlur {
            from {
                opacity: 0;
                filter: blur(10px);
                transform: scale(1.1);
            }

            to {
                opacity: 1;
                filter: blur(0);
                transform: scale(1);
            }
        }

        .fade-in-lines {
            animation-name: fadeInLines;
        }

        @keyframes fadeInLines {
            from {
                opacity: 0;
                clip-path: inset(0 100% 0 0);
            }

            to {
                opacity: 1;
                clip-path: inset(0 0 0 0);
            }
        }

        .fade-in-up {
            animation-name: fadeInUp;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

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

        .slide-in-left {
            animation-name: slideInLeft;
        }

        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-50px);
            }

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

        .zoom-in {
            animation-name: zoomIn;
        }

        @keyframes zoomIn {
            from {
                opacity: 0;
                transform: scale(0.8);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        .rotate-in {
            animation-name: rotateIn;
        }

        @keyframes rotateIn {
            from {
                opacity: 0;
                transform: rotate(-15deg) scale(0.9);
            }

            to {
                opacity: 1;
                transform: rotate(0) scale(1);
            }
        }

        .ken-burns-effect {
            animation-name: kenBurns;
        }

        @keyframes kenBurns {
            from {
                opacity: 0.8;
            }

            to {
                opacity: 1;
            }
        }

        /* WhatsApp button */
        .whatsapp-float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            z-index: 100;
            animation: pulse 2s infinite;
        }

        .whatsapp-float i {
            margin-top: 15px;
        }

        @keyframes pulse {
            0% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
            }

            70% {
                transform: scale(1);
                box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
            }

            100% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
            }
        }

        /* Accordion for FAQ */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

        .accordion-button .icon {
            transition: transform 0.3s ease-in-out;
        }

        .accordion-button.open .icon {
            transform: rotate(180deg);
        }

        /* Notice Board Marquee */
        .notice-marquee .notice-content {
            animation: vertical-marquee 8s linear infinite;
        }

        .notice-marquee:hover .notice-content {
            animation-play-state: paused;
        }

        @keyframes vertical-marquee {
            0% {
                transform: translateY(0%);
            }

            100% {
                transform: translateY(-50%);
            }
        }

        /* Scroll Animation (cleaned up duplicate rules) */
        .reveal {
            position: relative;
            opacity: 0;
            transform: translateY(100px);
            transition: 0.8s all ease;
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Testimonial Scrollbar */
        #testimonial-container::-webkit-scrollbar {
            height: 8px;
        }

        #testimonial-container::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }

        #testimonial-container::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }

        #testimonial-container::-webkit-scrollbar-thumb:hover {
            background: #555;
        }