.main-header{

position:sticky;

top:0;

z-index:1050;
/* 
background:rgba(255,255,255,.75); */

backdrop-filter:blur(20px);

-webkit-backdrop-filter:blur(20px);

border-bottom:1px solid rgba(15,23,42,.05);

}
.navbar{

padding:18px 0;

}

.navbar-brand img{
 margin-top: 14px;


height:42px;

width:auto;

}
.navbar-nav{

gap:8px;

align-items:center;

}

.navbar-nav .nav-link{

color:#fbfbfb;

font-weight:600;

font-size:15px;

padding:14px 18px !important;

border-radius:12px;

transition:.25s;

position:relative;

}

.navbar-nav .nav-link:hover{

color:#2563eb;

background:#eff6ff;

}

.navbar-nav .nav-link.show{

color:#2563eb;

background:#eff6ff;

}
.dropdown-menu{

margin-top:18px;

padding:12px;

border:none;

border-radius:18px;

background:#fff;

min-width:260px;

box-shadow:
0 20px 60px rgba(15,23,42,.10);

animation:menuAnimation .25s ease;

}
@keyframes menuAnimation{

from{

opacity:0;

transform:translateY(12px);

}

to{

opacity:1;

transform:translateY(0);

}

}
.dropdown-item{

padding:14px 18px;

border-radius:12px;

font-weight:500;

color:#334155;

transition:.25s;

}
.dropdown-item:hover{

background:#eff6ff;

color:#2563eb;

padding-left:26px;

}
.header-buttons{

display:flex;

gap:12px;

margin-left:25px;

}
.btn-login{

border:1px solid #dbe4f2;

padding:10px 22px;

border-radius:12px;

font-weight:600;

color:#334155;

background:#fff;

transition:.3s;

}

.btn-login:hover{

background:#f8fafc;

}
.btn-client{

background:linear-gradient(135deg,#2563eb,#4f46e5);

color:#fff;

padding:10px 22px;

border-radius:12px;

font-weight:600;

box-shadow:0 12px 30px rgba(37,99,235,.22);

transition:.3s;

}

.btn-client:hover{

transform:translateY(-2px);

color:#fff;

}
.top-header{

background:#0f172a;

color:#cbd5e1;

font-size:14px;

padding:9px 0;

}

.top-header a{

color:#cbd5e1;

text-decoration:none;

}

.top-left,
.top-right{

display:flex;

gap:22px;

align-items:center;

}

.top-right{

justify-content:flex-end;

}
.navbar-toggler{

border:none;

box-shadow:none !important;

font-size:30px;

padding:0;

}

.navbar-collapse{

margin-top:20px;

}
@media(max-width:1200px){

.navbar-nav{

gap:0;

align-items:flex-start;

}

.dropdown-menu{

box-shadow:none;

border:1px solid #eee;

margin-top:5px;

margin-left:18px;

width:calc(100% - 36px);

}

.header-buttons{

margin-top:20px;

width:100%;

}

.btn-login,
.btn-client{

width:100%;

text-align:center;

}

}
.dropdown-toggle::after{

display:none;

}
.navbar .dropdown-toggle::after{
    display:none;
}