:root{

            --primary:#081F4D;
            --secondary:#FFD447;
            --accent:#F6A65D;
            --success:#8ABF95;
            --light:#F8FAFC;
            --dark:#111827;

        }

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

        body{

            font-family:'Poppins',sans-serif;
            overflow-x:hidden;
            background:#fff;

        }

        a{
            text-decoration:none;
        }

        /* TOP BAR */

        .top-bar{

            background:var(--primary);
            color:#fff;
            padding:8px 0;
            font-size:14px;

        }

        .top-bar a{

            color:#fff;
            transition:.3s;

        }

        .top-bar a:hover{

            color:var(--secondary);

        }

        .language-select{

            border:none;
            border-radius:30px;
            padding:5px 15px;

        }

        /* NAVBAR */

        .navbar{

            background:#fff;
            padding:15px 0;
            transition:.4s ease;

        }

        .navbar.scrolled{

            box-shadow:0 10px 30px rgba(0,0,0,.08);

        }

        .navbar-brand{

            font-size:30px;
            font-weight:800;
            color:var(--primary)!important;

        }

        .navbar-brand span{

            color:var(--secondary);

        }

        .nav-link{

            color:var(--dark)!important;
            font-weight:600;
            margin:0 8px;
            position:relative;

        }

        .nav-link::after{

            content:'';
            position:absolute;
            width:0%;
            height:3px;
            left:0;
            bottom:-5px;
            background:var(--secondary);
            transition:.4s;

        }

        .nav-link:hover::after{

            width:100%;

        }

        .btn-account{

            background:linear-gradient(
            135deg,
            var(--primary),
            #113A8F);

            color:#fff;
            border:none;
            border-radius:50px;
            padding:12px 25px;
            font-weight:600;

            transition:.4s;

        }

        .btn-account:hover{

            transform:translateY(-3px);
            color:#fff;

        }

        .mobile-account{

            display:none;
        }

        .navbar-toggler{

            border:none;
            box-shadow:none !important;

        }

        .navbar-toggler i{

            font-size:28px;
            color:var(--primary);

        }

        .dropdown-menu{

            border:none;
            border-radius:20px;
            box-shadow:0 15px 40px rgba(0,0,0,.08);

        }

        .dropdown-item{

            padding:10px 20px;

        }

        .dropdown-item:hover{

            background:var(--secondary);

        }

        .mega-highlight{

            background:linear-gradient(
            135deg,
            var(--primary),
            #0f2f75);

            color:#fff;

            padding:20px;
            border-radius:20px;

        }

        @media(max-width:991px){

            .desktop-account{

                display:none;

            }

            .mobile-account{

                display:block;
            }

            .navbar-collapse{

                background:#fff;
                padding:20px;
                border-radius:20px;
                margin-top:15px;
                box-shadow:0 10px 30px rgba(0,0,0,.08);

            }

            .nav-link{

                margin-bottom:10px;

            }

        }