.teg-header{

background:#fff;

position:sticky;

top:0;

z-index:999;

box-shadow:0 5px 25px rgba(0,0,0,.06);

}

.header-wrapper{

display:flex;

align-items:center;

justify-content:space-between;

height:90px;

gap:40px;

}

.header-logo img,
.custom-logo{

height:70px;

width:auto;

max-height:none;

display:block;

}

.header-logo h2{

font-size:34px;

font-weight:800;

color:#0d2d73;

margin:0;

}

.main-nav{

display:flex;

justify-content:center;

}

.nav-menu{

display:flex;

align-items:center;

gap:40px;

list-style:none;

margin:0;

padding:0;

}

.nav-menu li{

position:relative;

}

.nav-menu li a{

font-size:17px;

font-weight:600;

color:#222;

text-decoration:none;

transition:.3s;

padding:10px 0;

display:block;

}

.nav-menu li a:hover{

color:#d4a017;

}

.nav-menu>.current-menu-item>a{

color:#0d2d73;

}

.header-icons{

display:flex;

justify-content:flex-end;

align-items:center;

gap:28px;

}

.header-icons a{

position:relative;

font-size:24px;

color:#111;

transition:.3s;

}

.header-icons a:hover{

color:#d4a017;

}

.cart-icon span{

position:absolute;

top:-10px;

right:-12px;

width:22px;

height:22px;

border-radius:50%;

background:#d4a017;

color:#fff;

font-size:12px;

font-weight:700;

display:flex;

align-items:center;

justify-content:center;

}

.header-logo a{

text-decoration:none;

}

.custom-logo-link{

display:flex;

align-items:center;

}

.custom-logo{

max-height:60px;

width:auto;

}
.main-nav{

flex:1;

display:flex;

justify-content:center;

}

.nav-menu{

display:flex;

flex-wrap:nowrap;

gap:35px;

}

.nav-menu li{

white-space:nowrap;

}
/* Dropdown */

.main-navigation ul{
    list-style:none;
    margin:0;
    padding:0;
}

.main-navigation ul li{
    position:relative;
}

.main-navigation ul li ul{
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

    display:none;

    z-index:999;
}

.main-navigation ul li:hover > ul{
    display:block;
}

.main-navigation ul li ul li{
    width:100%;
}

.main-navigation ul li ul li a{
    display:block;
    padding:14px 22px;
    color:#222;
}

.main-navigation ul li ul li a:hover{
    background:#f5f7fb;
    color:#0d2d73;
}
/* Navigation */

.main-navigation .nav-menu{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
    margin:0;
    padding:0;
}

.main-navigation .nav-menu li{
    position:relative;
}

.main-navigation .nav-menu li a{
    display:block;
    padding:28px 0;
    color:#111;
    font-weight:600;
    text-decoration:none;
}

.main-navigation .nav-menu li:hover>a{
    color:#0d2d73;
}

/* Dropdown */

.main-navigation .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    list-style:none;
    padding:10px 0;
    margin:0;
    z-index:999;
}

.main-navigation .nav-menu li:hover>.sub-menu{
    display:block;
}

.main-navigation .sub-menu li{
    width:100%;
}

.main-navigation .sub-menu li a{
    padding:14px 20px;
}

.main-navigation .sub-menu li a:hover{
    background:#f5f7fb;
}
/* ===========================
   TOP BAR
=========================== */

.topbar{
    background:#0d2d73;
    color:#fff;
    padding:12px 0;
    border-bottom:none;
}

.topbar .container{
    display:flex;
    justify-content:center;
    align-items:center;
}

.topbar p,
.topbar span{
    margin:0;
    color:#fff;
    font-size:17px;
    font-weight:600;
    text-align:center;
}

.topbar a{
    color:#fff;
    text-decoration:none;
}

.topbar a:hover{
    color:#ffd24d;
}