* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Smooth scrollbars */
        ::-webkit-scrollbar { width: 10px; }
        ::-webkit-scrollbar-thumb {
            background: rgba(102, 126, 234, 0.3);
            border-radius: 10px;
            transition: background .3s;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(102, 126, 234, 0.6);
        }

        html, body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            height: 100%;
        }

        /* COLOR VARIABLES */
        :root {
            --top-bg: rgb(37, 37, 83);
            --nav-bg: rgb(2, 2, 69);
            --nav-bg-2: #060447;
            --accent: #f4a024;
            --light: #f6f8fa;
            --max-width: 1200px;
        }

        /* REMOVE BLINK */
      
        /* TOP BAR */
        .topbar {
            background: white;
            padding: 6px 0;
        }
        .topbar .inner {
            max-width: var(--max-width);
            margin: auto;
            padding: 0 10px;
            display: flex;
            justify-content: space-between;
        }
        .topbar a {
            color: #ffc107;
            text-decoration: none;
            margin-right: 10px;
            font-weight: 500;
        }
        .topbar a:hover { color: #0dcaf0; transition: 0.4s; }

        .top-left {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .top-left i {
            color: #ffc107;
        }

        /* MAIN HEADER */
        .header-main {
            background: linear-gradient(180deg, var(--nav-bg), var(--nav-bg-2));
            padding: 10px 0;
        }
        .header-main .inner {
            max-width: var(--max-width);
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: auto;
            padding: 0 20px;
        }

        /* LOGOS */
        .logo {
            display: flex;
            align-items: center;
        }
        #logo1 {
            height: 55px;
            width: 55px;
            border-radius: 50px;
            margin-right: 5px;
        }
        #logo2 { height: 45px;
        margin-left: 1.5rem; }

        /* NAV DESKTOP */
        nav ul {
            display: flex;
            gap: 26px;
            list-style: none;
        }
        nav a {
            color: var(--light);
            text-decoration: none;
            font-size: 15px;
        }
        nav a:hover { color: #f3ba2f; }

        /* DROPDOWN */
        .dropdown { position: relative; }
        .dropdown:hover .submenu { display: block; }
        .submenu {
            display: none;
            position: absolute;
            background: white;
            top: 100%;
            left: 0;
            min-width: 200px;
            padding: 10px 0;
            border-radius: 5px;
            z-index: 99999;
           
        }
        .submenu a {
            padding: 10px 20px;
            display: block;
            color: var(--nav-bg);
        }
        .submenu a:hover { background: #f3ba2f; color: black; }

        /* INFO BUTTON */
        .info-btn {
            background: var(--accent);
            padding: 10px 16px;
            border-radius: 8px;
            font-weight: 600;
            text-decoration: none;
            color: white;
        }

        /* MOBILE HAMBURGER */
        .hamburger {
            display: none;
            cursor: pointer;
            flex-direction: column;
            gap: 5px;
        }
        .hamburger span {
            width: 26px;
            height: 3px;
            background: white;
        }

        /* SIDEBAR MOBILE */
        #menu-toggle { display: none; }
        .sidebar {
            position: fixed;
            left: 0;
            top: 0;
            width: 260px;
            height: 100%;
            background: linear-gradient(180deg, var(--nav-bg), var(--nav-bg-2));
            padding: 20px;
            transform: translateX(-100%);
            transition: 0.3s ease;
            z-index: 9999;
        }
        #menu-toggle:checked ~ .sidebar { transform: translateX(0); }
        .sidebar ul {
            list-style: none;
            margin-top: 50px;
        }
        .sidebar li > a {
            color: white;
            font-size: 17px;
            text-decoration: none;
            display: block;
            padding: 8px 0;
        }
        .sidebar li span a{
            color:white;
            text-decoration: none;
        }
        .sidebar li > a:hover {
            background: #f3ba2f;
            color: black;
        }

        /* Mobile dropdown toggle */
        .sidebar .dropdown > input[type="checkbox"] {
            display: none;
        }

        .sidebar .dropdown > label {
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 0;
            color: white;
            font-size: 17px;
        }

        .sidebar .dropdown > label:hover {
            background: #f3ba2f;
            color: black;
        }

        .sidebar .dropdown i {
            transition: transform 0.3s ease;
        }

        .sidebar .submenu {
            display: none;
            position: relative;
            background: rgba(255, 255, 255, 0.1);
            margin-top: 5px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }

        .sidebar .dropdown > input[type="checkbox"]:checked ~ .submenu {
            display: block;
            max-height: 300px;
        }

        .sidebar .dropdown > input[type="checkbox"]:checked ~ label i {
            transform: rotate(180deg);
        }

        .sidebar .submenu li {
            padding-left: 15px;
        }

        .sidebar .submenu a { 
            color: white;
            padding: 8px 0;
        }

        .sidebar .submenu a:hover {
            background: #f3ba2f;
            color: black;
            padding-left: 10px;
        }

        /* BACKDROP */
        .backdrop {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.55);
            opacity: 0;
            pointer-events: none;
            transition: 0.3s ease;
            z-index: 2000;
        }
        #menu-toggle:checked ~ .backdrop {
            opacity: 1;
            pointer-events: auto;
        }

        /* MOBILE RESPONSIVE HEADER */
        @media(max-width: 799px) {
            nav { display: none; }
            .hamburger { display: flex; }
            .info-btn { display: none; }
        }

        
.scroll-news {
    /* background: #8B8FA8; */
    background: #c97c11;
    padding: 8px 0;
    color: white;
    font-size: 16px;
    overflow: hidden;
}

.news-ticker {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.news-track {
    display: inline-block;
    white-space: nowrap;
    animation: scroll-left 18s linear infinite;
}

.news-ticker:hover .news-track {
    animation-play-state: paused;
}

/* Scrolling animation */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.news-item {
    margin: 0 40px;
    color: silver;
}

.news-item a {
    color: silver;
    font-weight: bold;
    text-decoration: none;
}

.news-item a:hover {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 768px) {
  .email-text {
        display: none;
    }
}