:root{

--primary:#990011;
--light:#FCF6F5;
--dark:#0B0B0B;
--white:#ffffff;

}

.logo-light{display:none;}

.navbar-light .logo-dark{display:none;}
.navbar-light .logo-light{display:block;}

.navbar{

position:fixed;
top:20px;
left:50%;
transform:translateX(-50%);
width:95%;
max-width:1450px;

height:75px;

border-radius:20px;

background:rgba(255,255,255,.06);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.08);

z-index:9999;
isolation: isolate;
transition:.4s;

}

.navbar.scrolled{

top:10px;

background:rgba(248, 247, 247, 0.204);

}

.container{

width:92%;
margin:auto;

height:100%;

display:flex;

align-items:center;

justify-content:space-between;

}

.logo img{

height:55px;

}

.nav-links{

display:flex;

gap:50px;

list-style:none;

margin-left:300px;

}

.nav-links li{

position:relative;

}

.nav-links a{

text-decoration:none;

font-size:15px;

font-weight:500;

color:white;

transition:.3s;

}

.nav-links a:hover{

color:#990011;

}

/* =========================================
   NAVBAR CTA
========================================= */

.navbar-cta {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 13px 26px;

    min-height: 44px;

    border-radius: 50px;

    background: #990011;

    color: #ffffff !important;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    text-decoration: none;

    border: 1px solid #990011;

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.navbar-cta:hover {
    background: #7d000e;

    border-color: #7d000e;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(153, 0, 17, .25);
}

.dropdown:hover .mega-menu{

opacity:1;

visibility:visible;

transform:translateY(0);

}

.mega-menu{

position:absolute;

top:60px;

left:-100px;

width:520px;

display:flex;

justify-content:space-between;

padding:30px;

border-radius:18px;

background:#161616;

opacity:0;

visibility:hidden;

transform:translateY(30px);

transition:.4s;

box-shadow:0 25px 60px rgba(0,0,0,.45);

}

.mega-card{

display:flex;

flex-direction:column;

gap:15px;

}

.mega-card h4{

color:white;

margin-bottom:10px;

}

.menu-btn{

display:none;

cursor:pointer;

}

.menu-btn span{

display:block;

width:30px;

height:3px;

background:white;

margin:6px;

border-radius:10px;

}

.navbar{
    backdrop-filter:blur(18px);
    transition:.35s ease;
}

.navbar a{
    color:#fff;
    transition:.35s;
}

.navbar-light{
    background:rgba(255,255,255,.85);
    box-shadow:0 15px 40px rgba(245, 243, 243, 0.08);
}

.navbar-light a{
    color:#111;
}