* {
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body {
background:#ffffff;
padding-top:70px;
-webkit-text-size-adjust:100%;
min-height:100vh;
display:flex;
flex-direction:column;
color:#1a1a1a;
}

/* NAVBAR */

.navbar {
position:fixed;
top:0;
width:100%;
height:70px;
background:#294f63;
color:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 50px;
z-index:1000;
}

.logo {
font-size:22px;
font-weight:600;
}

.logo a {
color:white;
text-decoration:none;
transition:color .2s ease;
}

.logo a:hover {
color:#f6d978;
}

.nav-links {
list-style:none;
display:flex;
gap:30px;
}

.nav-links a {
color:white;
text-decoration:none;
}

.hamburger {
display:none;
font-size:26px;
cursor:pointer;
}

/* HERO */

.hero {
min-height:260px;
background:linear-gradient(rgba(41,79,99,.34),rgba(41,79,99,.34)),
url("CBD/CBD2.jpg") center/cover;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
color:white;
}

.hero h1 {
font-size:42px;
font-weight:700;
}

/* FORM */

.contact-form {
width:100%;
max-width:900px;
margin:50px auto;
padding:0 20px;
}

.contact-form form {
background:
linear-gradient(0deg, rgba(41,79,99,.24) 0%, rgba(41,79,99,.16) 20%, rgba(41,79,99,.07) 40%, rgba(41,79,99,0) 62%),
#ffffff;
border-radius:8px;
box-shadow:0 12px 32px rgba(41,79,99,.13);
padding:38px;
}

form h3 {
color:#294f63;
margin:30px 0 10px;
font-size:22px;
}

form h3:first-child {
margin-top:0;
}

label {
display:block;
margin-top:12px;
font-weight:500;
}

.required-asterisk {
color:#d93025;
}

input,textarea {
width:100%;
margin-top:6px;
padding:12px;
border-radius:6px;
border:1px solid #ccc;
background:#ffffff;
color:#1a1a1a;
font-size:15px;
}

input::placeholder,
textarea::placeholder {
color:#6b7280;
opacity:1;
}

input:focus,
textarea:focus {
outline:none;
border-color:#294f63;
box-shadow:0 0 0 3px rgba(41,79,99,.14);
}

textarea {
height:110px;
resize:none;
}

button {
margin-top:30px;
width:100%;
padding:14px;
background:#294f63;
color:white;
border:none;
border-radius:6px;
font-size:16px;
cursor:pointer;
transition:background .2s ease;
}

button:hover {
background:#f6d978;
color:#294f63;
}

/* FOOTER */

footer {
    background: #294f63;
    color: white;
    text-align: center;
    padding: 30px 20px;
    margin-top: auto;
    width: 100%;
    flex-shrink: 0;
}

.social-links {
    margin-top: 10px;
}

.social-links a {
    font-size: 28px;
    color: #f6d978;
    text-decoration: none;
}

.social-links a:hover {
    opacity: 0.7;
}


/* MOBILE */

@media(max-width:1024px){
.navbar {padding:0 20px;}

.logo {
font-size:18px;
}

.hamburger {display:block;}

.nav-links {
position:absolute;
top:70px;
left:0;
width:100%;
background:#294f63;
flex-direction:column;
display:none;
text-align:center;
}

.nav-links.active {display:flex;}

.nav-links li {padding:12px 0;}
}

@media(max-width:768px){
.hero {
min-height:210px;
}

.hero h1 {
font-size:30px;
}

.contact-form {
margin:30px auto;
}

.contact-form form {
padding:28px 20px;
}
}



/* Hover readability overrides */
button:hover,
.btn:hover,
.book-btn:hover,
.contact-button:hover,
.slider-button:hover:not(:disabled),
.hero-arrow:hover {
    color: #000000;
}