:root {
    --color-primary: #002045;
    --color-secondary: #f59e0b;
    --color-secondary-container: #fea619;
    --color-on-primary-container: #86a0cd;
}

.max-w-8xl {
    max-width: 92rem;
}

.max-w-9xl {
    max-width: 96rem;
}

.bg-primary {
    background-color: #002045;
}

.text-primary {
    color: #002045;
}

.border-primary {
    border-color: #002045;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.1 !important;
}

.faceBook_scroll {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.faceBook_scroll iframe {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    overflow: hidden !important;
}

        @keyframes scan {
            0% {
                top: 0;
                opacity: 0;
            }

            10% {
                opacity: 1;
            }

            90% {
                opacity: 1;
            }

            100% {
                top: 100%;
                opacity: 0;
            }
        }

        @media (pointer: fine) {
            body {
                cursor: none;
            }

            .custom-cursor-outline {
                position: fixed;
                top: 0;
                left: 0;
                width: 2.25rem;
                height: 2.25rem;
                border: 0.125rem solid rgba(245, 158, 11, 0.7);
                border-radius: 50%;
                transform: translate(-50%, -50%);
                z-index: 99999;
                pointer-events: none;
                transition: width 0.2s, height 0.2s, background-color 0.2s, border-color 0.2s;
            }

            .custom-cursor-dot {
                position: fixed;
                top: 0;
                left: 0;
                width: 0.5rem;
                height: 0.5rem;
                background-color: #f59e0b;
                border-radius: 50%;
                transform: translate(-50%, -50%);
                z-index: 99999;
                pointer-events: none;
            }

            .custom-cursor-outline.hovering {
                width: 3.5rem;
                height: 3.5rem;
                background-color: rgba(245, 158, 11, 0.1);
                border-color: rgba(245, 158, 11, 1);
            }
        }

        @keyframes blob {
            0% {
                transform: translate(0, 0) scale(1);
            }

            33% {
                transform: translate(1.875rem, -3.125rem) scale(1.1);
            }

            66% {
                transform: translate(-1.25rem, 1.25rem) scale(0.9);
            }

            100% {
                transform: translate(0, 0) scale(1);
            }
        }

        .animate-blob {
            animation: blob 10s infinite;
        }

        .animation-delay-2000 {
            animation-delay: 2s;
        }

        .animation-delay-4000 {
            animation-delay: 4s;
        }

        @keyframes text-gradient {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        .animate-text-gradient {
            background-size: 200% auto;
            animation: text-gradient 4s linear infinite;
        }

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

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

        .animate-marquee {
            animation: marquee 30s linear infinite;
        }

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

            100% {
                transform: translateX(0%);
            }
        }

        .animate-marquee-reverse {
            animation: marquee-reverse 40s linear infinite;
        }

        @keyframes pulse-glow {
            0%, 100% { opacity: 0.5; filter: blur(0.625rem); }
            50% { opacity: 1; filter: blur(0.9375rem); }
        }

        .animate-pulse-glow {
            animation: pulse-glow 3s ease-in-out infinite;
        }

        .text-stroke-amber {
            -webkit-text-stroke: 0.0625rem rgba(245, 158, 11, 0.5);
            color: transparent;
        }

        .animate-spin-slow {
            animation: spin 8s linear infinite;
        }

        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* Hide scrollbar but keep functionality */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Mobile Nav Scrollbar */
        .mobile-nav-scrollbar::-webkit-scrollbar {
            width: 0.25rem;
        }
        .mobile-nav-scrollbar::-webkit-scrollbar-track {
            background: transparent;
        }
        .mobile-nav-scrollbar::-webkit-scrollbar-thumb {
            background: rgba(0, 32, 69, 0.1);
            border-radius: 0.625rem;
        }
        .mobile-nav-scrollbar::-webkit-scrollbar-thumb:hover {
            background: rgba(0, 32, 69, 0.2);
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-1.25rem); }
        }

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

        @keyframes pulse-slow {
            0%, 100% { opacity: 0.3; transform: scale(1); }
            50% { opacity: 0.6; transform: scale(1.05); }
        }

        .animate-pulse-slow {
            animation: pulse-slow 8s ease-in-out infinite;
        }

        .animation-delay-1000 {
            animation-delay: 1s;
        }

        /* Creative Swiper Navigation Buttons */
        .swiper-nav-btn {
            width: 3.25rem;
            height: 3.25rem;
            border-radius: 9999rem;
            background: #ffffff;
            border: 0.0625rem solid rgba(0, 32, 69, 0.12);
            color: #002045;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 0.25rem 1.25rem -0.125rem rgba(0, 32, 69, 0.08), 0 0.125rem 0.375rem -0.0625rem rgba(0, 32, 69, 0.04);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }

        .swiper-nav-btn::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, #002045 0%, #1e40af 100%);
            opacity: 0;
            transition: opacity 0.4s ease;
            border-radius: 9999rem;
            z-index: 0;
        }

        .swiper-nav-btn i,
        .swiper-nav-btn svg {
            position: relative;
            z-index: 1;
            transition: transform 0.3s ease, color 0.3s ease;
        }

        .swiper-nav-btn:hover {
            color: #ffffff;
            border-color: transparent;
            transform: translateY(-0.125rem);
            box-shadow: 0 0.75rem 1.75rem -0.25rem rgba(0, 32, 69, 0.25), 0 0 0.9375rem rgba(245, 158, 11, 0.3);
        }

        .swiper-nav-btn:hover::before {
            opacity: 1;
        }

        .swiper-nav-btn.prev-btn:hover i,
        .swiper-nav-btn.prev-btn:hover svg {
            transform: translateX(-0.1875rem);
        }

        .swiper-nav-btn.next-btn:hover i,
        .swiper-nav-btn.next-btn:hover svg {
            transform: translateX(0.1875rem);
        }

        /* Dark Theme Swiper Nav Buttons */
        .swiper-nav-btn.dark-nav-btn {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.15);
            color: #ffffff;
            backdrop-filter: blur(0.75rem);
        }

        .swiper-nav-btn.dark-nav-btn::before {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
        }

        .swiper-nav-btn.dark-nav-btn:hover {
            color: #002045;
            box-shadow: 0 0.625rem 1.5625rem rgba(245, 158, 11, 0.4);
        }

        /* Facebook Feed Continuous Scrolling Widget */
        .fb-feed-container {
            height: 14.375rem;
            overflow: hidden;
            position: relative;
            border-radius: 0.75rem;
            background: #020617;
        }

        .fb-feed-container::after {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            box-shadow: inset 0 0.625rem 0.875rem -0.375rem rgba(2, 6, 23, 0.9), inset 0 -0.625rem 0.875rem -0.375rem rgba(2, 6, 23, 0.9);
            border-radius: 0.75rem;
            z-index: 2;
        }

        .fb-feed-track {
            display: flex;
            flex-direction: column;
            animation: fbScrollContinuous 24s linear infinite;
            will-change: transform;
        }

        .fb-feed-group {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            padding-bottom: 0.75rem;
        }

        .fb-feed-container:hover .fb-feed-track {
            animation-play-state: paused;
        }

        @keyframes fbScrollContinuous {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(-50%);
            }
        }

        .fb-post-card p {
            display: block !important;
            overflow: visible !important;
            -webkit-line-clamp: unset !important;
            line-clamp: unset !important;
            box-orient: unset !important;
            -webkit-box-orient: unset !important;
        }

        .fb-post-card {
            box-shadow: 0 0.25rem 0.75rem -0.125rem rgba(0, 0, 0, 0.25);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .fb-post-card:hover {
            transform: translateY(-0.125rem);
            box-shadow: 0 0.625rem 1.25rem -0.1875rem rgba(0, 0, 0, 0.4);
        }