/*=========================
Navbar
==========================*/

.header{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    transition:.3s;

}

.navbar{

    height:80px;
    display:flex;
    align-items:center;
    justify-content:space-between;

}

.logo img{

    height:55px;

}

.logo h2{

    color: #C59B67;
    font-size:2rem;
    letter-spacing:2px;

}

.nav-menu{

    display:flex;
    list-style:none;
    gap:40px;

}

.nav-link{

    color:#A8A8A8;
    font-size:16px;
    font-weight:500;
    position:relative;

}

.nav-link::after{

    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#C59B67;
    transition:.3s;

}

.nav-link:hover::after,
.nav-link.active::after{

    width:100%;

}

.btn-primary{

    padding:12px 28px;
    border:1px solid #A8A8A8;
    border-radius: 4px;
    color:#A8A8A8;
    font-weight:600;
    transition:.3s;

}

.btn-primary:hover{

    background:#C59B67;
    color:#F5F5F5

}

.hamburger{

    display:none;
    cursor:pointer;

}

.hamburger span{

    display:block;
    width:28px;
    height:3px;
    margin:5px;
    background:#A8A8A8;
    transition:.3s;

}