/* NAVBAR BACKGROUND */
header .navbar{
    background:#f3efe9;   /* light cream */
    padding:18px 0;
}

/* LOGO */
.navbar-brand .main-logo{
    width:210px;
}

/* MENU LINKS */
.navbar-nav .nav-link{
    font-size:15px;
    letter-spacing:1px;
    font-weight:500;
    color:#3d4b4a;
    margin-left:30px;
    transition:0.3s;
}

/* ACTIVE LINK */
.navbar-nav .nav-link.active{
    color:#f07f73;
}

/* HOVER EFFECT */
.navbar-nav .nav-link:hover{
    color:#f07f73;
}

/* MENU BUTTON */
.menu-btn{
    background:#f07f73;
    color:#fff;
    padding:18px 32px;
    margin-left:30px;
    font-weight:600;
    letter-spacing:1px;
    text-decoration:none;
    transition:0.3s;
}

.menu-btn:hover{
    background:#e86c5e;
    color:#fff;
}

/* NAV ALIGN */
.navbar-nav{
    align-items:center;
}

.hero{
background:#556c65;
padding:120px 0;
overflow:hidden;
}

.hero-slide{
position:relative;
display:flex;
align-items:center;
max-width:1400px;
margin:auto;
}

.hero-image{
width:70%;
margin-left:auto;
}

.hero-image img{
width:100%;
height:520px;
object-fit:cover;
}

.hero-text{
position:absolute;
left:0;
width:50%;
color:#fff;
padding-left:60px;
z-index:3;
}

.hero-sub{
font-size:18px;
opacity:.85;
margin-bottom:20px;
}

.hero-title{
font-family:"Playfair Display",serif;
font-size:92px;
line-height:1.05;
font-weight:400;
}

.circle-wrap{
position:absolute;
left:-120px;
top:-60px;
width:600px;
height:600px;
pointer-events:none;
}

.circle-svg{
width:100%;
height:100%;
stroke:white;
stroke-width:1;
fill:none;
opacity:.4;
animation:rotateCircle 30s linear infinite;
}

.circle-svg circle:nth-child(2){
opacity:.3;
}

.circle-svg circle:nth-child(3){
opacity:.2;
}

@keyframes rotateCircle{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

.hero-arrows{
position:absolute;
bottom:80px;
left:200px;
display:flex;
gap:30px;
font-size:28px;
color:white;
pointer-events:auto;
}

.hero-arrows div{
cursor:pointer;
opacity:.7;
}

.hero-arrows div:hover{
opacity:1;
}