/* =========================
FILE: assets/css/style.css
========================= */
/* Basic modern, clean styling. Customize colors & fonts as needed. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
html,body{height:100%;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;}
:root{--brand:#0ea5a4;--dark:#0f172a;--muted:#6b7280;--accent:#06b6d4}
*{box-sizing:border-box}
.container{max-width:1200px;margin:0 auto;padding:0 18px}
.header-top{background:linear-gradient(90deg,#062b2b,rgba(6,43,43,.6));color:white}
.header-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:48px}
.nav-links a{margin-left:18px;text-decoration:none;color:white;font-weight:600}
.hero{display:flex;gap:30px;padding:60px 0;align-items:center}
.hero-left{flex:1}
.hero h1{font-size:36px;margin:0 0 12px}
.hero p{color:var(--muted);font-size:17px;margin:0 0 22px}
.btn{background:var(--brand);color:white;padding:12px 18px;border-radius:10px;text-decoration:none;display:inline-block}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:36px 0}
.card{background:white;border-radius:12px;padding:18px;box-shadow:0 8px 30px rgba(2,6,23,0.06)}
.footer{background:#071126;color:#a6b0c3;padding:28px 0;margin-top:40px}
.footer .col{min-width:180px}
.section{padding:40px 0}
.map-wrap iframe{width:100%;height:320px;border:0;border-radius:8px}
.cta-strip{background:linear-gradient(90deg,rgba(6,182,212,.08),rgba(14,165,164,.04));padding:18px;border-radius:12px}
@media(max-width:900px){.hero{flex-direction:column;text-align:center}.nav-links{display:none}}


/* Popup form sweetalert content wrapper adjustments */
.swal2-html-container form{display:flex;flex-direction:column;gap:10px}
.swal2-html-container input, .swal2-html-container textarea{padding:10px;border-radius:8px;border:1px solid #e6edf0}


/* small utilities */
.meta{color:var(--muted);font-size:14px}

/* =========================
Mobile Menu CSS
========================= */
.mobile-menu-icon {
display: none;
width: 30px;
cursor: pointer;
flex-direction: column;
gap: 5px;
}
.mobile-menu-icon span {
display: block;
height: 3px;
background: #fff;
border-radius: 3px;
}
@media(max-width:768px){
.nav-links { display: none; flex-direction: column; background:#003d8f; padding:15px; }
.nav-links.active { display:flex; }
.mobile-menu-icon { display:flex; }
.header-nav { justify-content: space-between; }
}