/* Base page stability - prevents horizontal viewport overflow on all devices */
        html, body {
            overflow-x: hidden;
            width: 100%;
        }

        /* Ticker Animation */
        @keyframes ticker {
            0% { transform: translate3d(0, 0, 0); }
            100% { transform: translate3d(-50%, 0, 0); }
        }
        .ticker-wrap {
            overflow: hidden;
            width: 100%;
            position: relative;
        }
        .ticker-move {
            display: inline-block;
            white-space: nowrap;
            animation: ticker 30s linear infinite;
        }
        .ticker-wrap:hover .ticker-move,
        .ticker-wrap:active .ticker-move {
            animation-play-state: paused;
        }

        /* NCS Portal Style Clean Expanding Focus Accordion Slider */
        .ncs-slider-wrapper {
            display: flex;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            min-height: 280px;
            width: 100%;
        }

        .ncs-slide-card {
            position: relative;
            height: 280px;
            border-radius: 1rem;
            overflow: hidden;
            cursor: pointer;
            flex: 1;
            background-color: #0f172a; 
            transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        }

        .ncs-slide-card img {
            width: 100%;
            height: 100%;
            object-fit: cover; 
        }

        /* Active Expanded Card */
        .ncs-slide-card.active {
            flex: 3.5; /* Expanded wide width on desktop */
            box-shadow: 0 12px 30px rgba(217, 119, 6, 0.3);
        }

        /* Clean Gradient Overlay for Title Only */
        .ncs-slide-card .card-content {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.2) 60%, transparent 100%);
            padding: 1.25rem;
            display: flex;
            align-items: flex-end;
            opacity: 0;
            transition: opacity 0.4s ease 0.2s;
            pointer-events: none;
        }

        .ncs-slide-card.active .card-content {
            opacity: 1;
            pointer-events: auto;
        }

        /* Dots Styling */
        .ncs-dot {
            width: 8px;
            height: 8px;
            border-radius: 9999px;
            background-color: #cbd5e1;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .ncs-dot.active {
            width: 24px;
            background-color: #d97706;
        }

        /* Responsive Fix for Mobile & Tablets: Horizontal smooth-snap slider prevents vertical jump */
        @media (max-width: 840px) {
            .ncs-slider-wrapper {
                flex-direction: row;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                justify-content: flex-start;
                padding: 0.5rem 0.25rem 1rem 0.25rem;
                scrollbar-width: none;
                gap: 0.75rem;
            }
            .ncs-slider-wrapper::-webkit-scrollbar {
                display: none;
            }
            .ncs-slide-card {
                flex: 0 0 85% !important;
                max-width: 340px;
                height: 220px !important;
                scroll-snap-align: center;
            }
            .ncs-slide-card.active {
                flex: 0 0 85% !important;
                height: 220px !important;
            }
            .ncs-slide-card .card-content {
                opacity: 1 !important;
                pointer-events: auto !important;
                padding: 1rem;
            }
        }
		
        /* Marquee Animation for Our Pride Wall of Fame */
        @keyframes prideMarquee {
            0% { transform: translateX(0%); }
            100% { transform: translateX(-50%); }
        }
        .animate-pride-marquee {
            animation: prideMarquee 30s linear infinite;
        }
        .animate-pride-marquee:active {
            animation-play-state: paused;
        }

        /* --- Royal Hover & Dark Mode Glass Effect --- */
        .glass-card {
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(245, 158, 11, 0.25);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.35);
            transition: all 0.3s ease;
        }

        /* Dark mode ke waqt cards ko thoda aur dark background dene ke liye */
        .dark .glass-card {
            background: rgba(15, 23, 42, 0.6);
            border-color: rgba(245, 158, 11, 0.3);
        }

        .glass-card:hover, .dark .glass-card:hover {
            background: rgba(245, 158, 11, 0.15);
            border-color: rgba(245, 158, 11, 0.8);
            box-shadow: 0 12px 40px 0 rgba(234, 88, 12, 0.3);
            transform: translateY(-4px);
        }
		
        /* Hover karne par Icon Box mein Solid Color Fill ke liye */
        .group:hover .icon-box-fill {
            background-color: #f59e0b !important;
            color: #ffffff !important;
            transform: scale(1.1);
        }
		
		/* --- Modern Toast Notification Style --- */
		#toastContainer {
			position: fixed;
			bottom: 20px;
			right: 20px;
			z-index: 9999;
			display: flex;
			flex-direction: column;
			gap: 10px;
            max-width: calc(100vw - 40px);
		}
		.toast-msg {
			background: #0f172a;
			color: #ffffff;
			padding: 12px 20px;
			border-radius: 12px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.25);
			border-left: 4px solid #d97706;
			font-size: 13px;
			display: flex;
			align-items: center;
			gap: 10px;
			animation: slideInRight 0.3s ease, fadeOut 0.3s ease 2.7s forwards;
		}
		@keyframes slideInRight {
			from { transform: translateX(100%); opacity: 0; }
			to { transform: translateX(0); opacity: 1; }
		}
		@keyframes fadeOut {
			to { opacity: 0; transform: translateY(10px); }
		}