<style>
nav a {
text-decoration: none;
color: #1a1a1a;
font-weight: 500;
margin-right: 20px;
}

nav a:hover {
color: #0a5c2f;
}
nav ul {
list-style: none;
display: flex;
gap: 25px;
padding: 0;
margin: 0;
}

nav a {
text-decoration: none;
color: #333;
font-weight: 500;
}
.logo{
height:75px;
}
header{
display:flex;
align-items:center;
justify-content:space-between;
}
nav a{
position:relative;
}




nav a::after{
content:"";
position:absolute;
width:0;
height:2px;
background:#d4af37;
left:0;
bottom:-5px;
transition:0.3s;
}




nav a:hover::after{
width:100%;
}
header{
position:sticky;
top:0;
z-index:1000;
background:white;
}
header{
position:sticky;
top:0;
z-index:1000;
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.logo{
height:75px;
}
header{
display:flex;
align-items:center;
justify-content:space-between;
}
nav a{
position:relative;
}




nav a::after{
content:"";
position:absolute;
width:0;
height:2px;
background:#d4af37;
left:0;
bottom:-5px;
transition:0.3s;
}




nav a:hover::after{
width:100%;
}
header{
position:sticky;
top:0;
z-index:1000;
background:white;
}
header{
position:sticky;
top:0;
z-index:1000;
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
html{
scroll-behavior:smooth;
}
.top-contact{
background:#0f1c2e;
color:white;
padding:6px 20px;
font-size:13px;
text-align:right;
}


.top-contact a{
color:white;
text-decoration:none;
margin-left:5px;
}
.container{
max-width:1100px;
margin:auto;
padding:20px;
text-align:center;
}
.topbar{ height:4px; background:#d4af37; }
section{
border-bottom:1px solid #eee;
}




body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f5f5f5;
color:#333;
}
.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}








/* HEADER */
header{
display:flex;
align-items:center;
justify-content:space-between;
background:white;
padding:15px 40px;
border-bottom:1px solid #eee;
}

ul {
list-style-position: inside;
text-align: center;
padding-left: 0;
}
</style>




</head>

