/* =====================================
   HEADER
===================================== */

.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#ffffff;
    border-bottom:1px solid #e9edf3;
    z-index:1000;
}

.header-container{
    max-width:1200px;
    margin:auto;
    height:85px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* =====================================
   LOGO
===================================== */

.logo img{
    height:60px;
    width:auto;
    display:block;
    position: relative;
    top: 6px;
}

/* =====================================
   NAVIGATION
===================================== */

.nav-links{
    display:flex;
    align-items:center;
    gap:30px;
    list-style:none;
}

.nav-links a{
    position: relative;
    text-decoration: none;
    color: #1A1A1A;
    font-weight: 500;
    transition: color .3s ease;
}

.nav-links a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;

    width:0;
    height:3px;

    background:#0F6FFF;
    border-radius:10px;

    transition:width .3s ease;
}

.nav-links a:hover{
    color:#0F6FFF;
}

.nav-links a:hover::after{
    width:100%;
}

.nav-links a.active{
    color:#0F6FFF;
}

.nav-links a.active::after{
    width:100%;
}

/* =====================================
   BUTTONS
===================================== */

.header-buttons{

    display:flex;

    gap:15px;

}

.btn-primary{

    background:#0F6FFF;

    color:#fff;

    padding:14px 28px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

}

.btn-outline{

    border:2px solid #0F6FFF;

    color:#0F6FFF;

    padding:12px 26px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

}

.menu-toggle{
    display: none;
}