*{
margin:0;
padding:0;
box-sizing:border-box;
}


body{
font-family:'Montserrat',sans-serif;
overflow-x:hidden;
}



/* ================= TOP BAR ================= */


.topbar{

background:#08251e;
height:45px;
color:#d8d8d8;
font-size:12px;

}


.topbar i{

color:#c69a63;

}


.social-icons i {
    font-size: 14px;
    cursor: pointer;
}

.social-icons a {
    text-decoration: none;
}

.social-icons .bi-facebook {
    color: #1877F2;
}

.social-icons .bi-instagram {
    color: #E4405F;
}

.social-icons .bi-whatsapp {
    color: #25D366;
}

.social-icons a:hover i {
    opacity: 0.8;
}

/* ================= NAVBAR ================= */


.navbar{


background:#fff;
padding:0;

}



/* LOGO */


.logo-box{

display:flex;

text-decoration:none;

}




.logo-text{

margin-left:14px;

}


.logo-text h2{

font-family:'Cormorant Garamond',serif;
font-size:35px;
font-weight:600;
line-height:25px;
color:#17362d;
margin:0;

}



.logo-text span{

font-size:11px;
letter-spacing:5px;
color:#b98b55;

}



/* MENU */


.navbar-nav{

align-items:center;

}


.nav-link{

font-size:14px;
font-weight:500;
color:#17362d!important;

margin:0 15px;

transition:.3s;

}


.nav-link:hover{

color:#b98b55!important;

}



/* DROPDOWN */


.dropdown-menu{

border:none;
border-radius:15px;
padding:10px;
box-shadow:0 15px 40px rgba(0,0,0,.12);

}



.dropdown-item{

font-size:14px;
padding:12px 20px;

}



.dropdown-item:hover{

background:#f8f0e6;
color:#b98b55;

}



/* BUTTON */


.buy-btn{

background:#b98b55;
border-radius:50px;
padding:12px 30px;

color:#fff!important;

font-size:14px;
font-weight:600;

border:none;

}



.buy-btn:hover{

background:#17362d;

}




/* MOBILE MENU BUTTON */


.navbar-toggler{

border:none;
box-shadow:none!important;

}


.navbar-toggler-icon{

background-image:
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2317362d' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}



/* ================= RESPONSIVE ================= */


@media(max-width:991px){


.topbar{

display:none!important;

}


.navbar{

height:auto;
padding:18px 0;

}






.logo-text h2{

font-size:30px;

}


.logo-text span{

font-size:9px;
letter-spacing:3px;

}



.navbar-collapse{

background:#fff;

margin-top:20px;
padding:20px;

border-radius:20px;

box-shadow:0 15px 35px rgba(0,0,0,.1);

}



.navbar-nav{

align-items:flex-start!important;

}



.nav-link{

margin:10px 0;

width:100%;

}



.dropdown-menu{

width:100%;

}



.buy-btn{

display:block;
width:100%;
text-align:center;
margin-top:15px;

}



}



@media(max-width:576px){


.logo-text h2{

font-size:26px;

}


.logo-text span{

font-size:8px;

letter-spacing:2px;

}





.navbar{

padding:15px 0;

}


}