* {
            box-sizing: border-box;
        }

        body {
            font-family: 'Space Grotesk', 'Noto Sans Bengali', 'Inter', sans-serif;
        }

        /* Custom Colors */
        :root {
            --bg-navy: #0B1120;
            --bg-navy-light: #111827;
            --primary-purple: #6366f1;
            --primary-purple-glow: rgba(99, 102, 241, 0.4);
            --accent-yellow: #facc15;
            --accent-yellow-glow: rgba(250, 204, 21, 0.4);
        }

        /* Animations */
        @keyframes float {

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

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

        @keyframes float-slow {

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

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

        @keyframes pulse-glow {

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

            50% {
                opacity: 0.8;
                transform: scale(1.05);
            }
        }

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

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

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

        /* Futuristic UI Elements */
        .glass-card-dark {
            background: linear-gradient(135deg, rgba(17, 24, 39, 0.7) 0%, rgba(11, 17, 32, 0.9) 100%);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(99, 102, 241, 0.2);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
        }

        .glass-card-light {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(226, 232, 240, 0.8);
            box-shadow: 0 10px 40px -10px rgba(15, 23, 42, 0.08);
        }

        .btn-purple {
            background: linear-gradient(135deg, #6366f1, #4f46e5);
            box-shadow: 0 4px 15px var(--primary-purple-glow);
            transition: all 0.3s ease;
        }

        .btn-purple:hover {
            box-shadow: 0 6px 25px var(--primary-purple-glow);
            transform: translateY(-2px);
        }

        .btn-yellow {
            background: linear-gradient(135deg, #fde047, #facc15);
            color: #0f172a;
            box-shadow: 0 4px 15px var(--accent-yellow-glow);
            transition: all 0.3s ease;
        }

        .btn-yellow:hover {
            box-shadow: 0 6px 25px var(--accent-yellow-glow);
            transform: translateY(-2px);
        }

        /* Background Patterns */
        .bg-grid-dark {
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
        }

        .bg-wave-pattern {
            background-color: var(--bg-navy);
            background-image: radial-gradient(circle at 100% 50%, transparent 20%, rgba(99, 102, 241, 0.05) 21%, rgba(99, 102, 241, 0.05) 34%, transparent 35%, transparent),
                radial-gradient(circle at 0% 50%, transparent 20%, rgba(99, 102, 241, 0.05) 21%, rgba(99, 102, 241, 0.05) 34%, transparent 35%, transparent);
            background-size: 100px 100px;
        }

        /* Typography utilities */
        .text-gradient {
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Perspective */
        .perspective-1000 {
            perspective: 1000px;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: var(--bg-navy);
        }

        ::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #475569;
        }


        .slick-prev::before, .slick-next::before{
            color: #494545;
        }



                :root {
            --bg-navy: #0B1120;
            --bg-navy-light: #111827;
            --primary-purple: #6366f1;
            --primary-purple-glow: rgba(99, 102, 241, 0.4);
            --accent-yellow: #facc15;
            --accent-yellow-glow: rgba(250, 204, 21, 0.4);
        }

        /* Futuristic UI Elements */
        .glass-card-dark {
            background: linear-gradient(135deg, rgba(17, 24, 39, 0.7) 0%, rgba(11, 17, 32, 0.9) 100%);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(99, 102, 241, 0.2);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
        }

        .glass-card-light {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(226, 232, 240, 0.8);
            box-shadow: 0 10px 40px -10px rgba(15, 23, 42, 0.08);
        }

        .btn-purple {
            background: linear-gradient(135deg, #6366f1, #4f46e5);
            box-shadow: 0 4px 15px var(--primary-purple-glow);
            transition: all 0.3s ease;
        }

        .btn-purple:hover {
            box-shadow: 0 6px 25px var(--primary-purple-glow);
            transform: translateY(-2px);
        }

        .btn-yellow {
            background: linear-gradient(135deg, #fde047, #facc15);
            color: #0f172a;
            box-shadow: 0 4px 15px var(--accent-yellow-glow);
            transition: all 0.3s ease;
        }

        .btn-yellow:hover {
            box-shadow: 0 6px 25px var(--accent-yellow-glow);
            transform: translateY(-2px);
        }

        /* Background Patterns */
        .bg-grid-dark {
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
        }

        /* Typography utilities */
        .text-gradient {
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: var(--bg-navy);
        }

        ::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #475569;
        }

        /* Custom Checkbox Animation */
        .custom-checkbox-icon {
            stroke-dasharray: 24;
            stroke-dashoffset: 24;
            transition: stroke-dashoffset 0.3s ease-in-out;
        }

        input:checked+div .custom-checkbox-icon {
            stroke-dashoffset: 0;
        }