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

body {
margin:0;
font-family: 'Segoe UI', sans-serif;
background:#0b1d33;
color:#fff;
}

.header {
text-align:center;
padding:0px;
background:#ffffff;
color:#0b1d33;
}

.logo {
max-width:180px;
}

.menu {
list-style:none;
padding:0;
}

.menu li {
display:inline-block;
margin:10px;
}

.menu a {
text-decoration:none;
color:#0b1d33;
font-weight:600;
}

.hero {
height:68vh;
background-size:cover;
background-position:center;
position:relative;
}

.overlay {
background:rgba(0,0,0,0.6);
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:0px;
}

.overlay h1 {
font-size:48px;
}

.section {
padding:60px 20px;
max-width:1100px;
margin:auto;
}

.dark {
background:#091628;
}

.grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:15px;
text-align:center;
}

.section-img {
width:100%;
border-radius:12px;
margin-top:20px;
}

iframe {
width:100%;
height:300px;
border:0;
border-radius:12px;
}

footer {
text-align:center;
padding:15px;
background:#000;
}

.whatsapp, .callnow {
position:fixed;
right:20px;
padding:12px 18px;
color:#fff;
border-radius:30px;
text-decoration:none;
font-weight:bold;
z-index:999;
}

.whatsapp {
bottom:80px;
background:#25D366;
}

.callnow {
bottom:20px;
background:#0b2e5c;
}