.header-area{
    position:fixed;
    top:18px;
    width:100%;
    z-index:1050;
}
.mainheader{
    max-width:1450px;
}
.header-wrapper{
       overflow: visible;
    background:#fff;
    border-radius:60px;
    padding:18px 25px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.logo{
    width:180px;
}
.header-btn{
   background: linear-gradient(135deg, #1E4EA8 0%, #355DA5 50%, #173979 100%);
    color:#fff;
font-family: 'Hanken Grotesk';
    text-decoration:none;
    padding:12px 42px;
    font-size: 18px;
    border-radius:40px;
    font-weight:600;
}
.header-btn:hover{
    color:#fff;
    background:#123d87;
}
.menu-logo{
    width:140px;
}
/* .offcanvas{
    width:320px;
} */
.offcanvas .nav-link{
    /* border-bottom:1px solid #ececec; */
    padding:15px 0;
    font-size:17px;
}
.navbar-toggler{
    padding:0;
}
.navbar-toggler:focus{
    box-shadow:none;
}
@media(max-width:991px){
    .header-wrapper{
        border-radius:20px;
        padding:12px 18px;
    }
    .logo{
        width:165px;
    }
}