:root{

    --primary:#198754;
    --secondary:#D4AF37;
    --dark:#212529;
    --light:#F8F9FA;
    --white:#ffffff;

}

body{

    font-family:'Poppins',sans-serif;
    color:var(--dark);

}

h1,h2,h3,h4,h5{

    font-family:'Playfair Display',serif;

}

.custom-navbar{

    transition:.4s;

    padding:18px 0;

    background:transparent;

}

.custom-navbar.scrolled{

    background:#fff;

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

    padding:10px 0;

}

.nav-link{

    color:#fff;

    font-weight:500;

    margin:0 10px;

    position:relative;

    transition:.3s;

}

.custom-navbar.scrolled .nav-link{

    color:#212529;

}

.nav-link:hover{

    color:var(--secondary);

}

.nav-link.active{

    color:var(--secondary)!important;

}

.nav-link::after{

    content:"";

    position:absolute;

    width:0;

    height:2px;

    left:0;

    bottom:-4px;

    background:var(--secondary);

    transition:.3s;

}

.nav-link:hover::after{

    width:100%;

}

.btn-success{

    background:var(--primary);

    border:none;

}

.btn-success:hover{

    background:#157347;

}

.offcanvas{

    width:300px;

}