* { margin:0; padding:0; box-sizing:border-box; }
:root {
  --yellow:#F5C518;
  --dark:#0D0D0D;
  --dark2:#161616;
  --orange:#E8690A;
  --light:#F9F7F2;
  --text:#1a1a1a;
  --muted:#666;
  --max-w:1200px;
  --pad:60px;
}
body { font-family:'Noto Sans',sans-serif; background:var(--dark); color:white; }

/* ─── NAV ─── */
nav {
  background:var(--dark);
  border-bottom:2px solid var(--yellow);
  padding:16px var(--pad);
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:sticky; top:0; z-index:100;
}
.logo {
  font-family:'Rajdhani',sans-serif;
  font-size:24px; font-weight:700;
  color:var(--yellow);
  display:flex; align-items:center; gap:10px;
}
.logo-icon {
  width:36px; height:36px;
  background:var(--yellow); border-radius:4px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.logo-icon svg { width:22px; height:22px; }
.nav-links { display:flex; gap:28px; list-style:none; }
.nav-links a { color:#bbb; text-decoration:none; font-size:14px; font-weight:500; transition:color 0.2s; }
.nav-links a:hover { color:var(--yellow); }
.nav-right { display:flex; align-items:center; gap:16px; }
.nav-phone { font-size:13px; color:white; font-weight:500; white-space:nowrap; }
.nav-phone span { color:var(--yellow); font-family:'Rajdhani',sans-serif; font-size:16px; font-weight:700; }
.nav-cta { background:var(--yellow); color:var(--dark); border:none; padding:11px 22px; font-family:'Rajdhani',sans-serif; font-weight:700; font-size:14px; cursor:pointer; border-radius:3px; white-space:nowrap; transition:background 0.2s; }
.nav-cta:hover { background:#ffd447; }
.nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; }
.nav-hamburger span { width:24px; height:2px; background:white; display:block; border-radius:2px; }

/* ─── TICKER ─── */
.ticker { background:var(--orange); padding:11px 0; overflow:hidden; white-space:nowrap; }
.ticker-inner { display:inline-flex; gap:56px; animation:ticker 22s linear infinite; }
.ticker-item { font-family:'Rajdhani',sans-serif; font-size:13px; font-weight:600; color:white; letter-spacing:1.5px; text-transform:uppercase; }
.ticker-item::before { content:'⚡ '; }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ─── SECTION WRAPPER ─── */
.section-inner {
  max-width:var(--max-w);
  margin:0 auto;
  width:100%;
}

/* ─── HERO ─── */
.hero {
  background:var(--dark);
  padding:90px var(--pad) 80px;
  position:relative; overflow:hidden;
}
.hero::before {
  content:'';
  position:absolute; top:-100px; right:-60px;
  width:500px; height:500px; border-radius:50%;
  background:radial-gradient(circle,rgba(245,197,24,0.1) 0%,transparent 70%);
  pointer-events:none;
}
.hero-right .number{border-radius:25px}
.hero-inner {
  max-width:var(--max-w);
  margin:0 auto;
  display:flex; align-items:center; gap:60px;
}
.hero-left { flex:1; min-width:0; }
.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(245,197,24,0.1); border:1px solid rgba(245,197,24,0.25);
  padding:7px 16px; border-radius:20px;
  font-size:12px; color:var(--yellow); font-weight:500;
  margin-bottom:24px; letter-spacing:0.5px;
}
.hero-badge::before { content:''; width:6px; height:6px; background:var(--yellow); border-radius:50%; flex-shrink:0; }
.hero h1 {
  font-family:'Rajdhani',sans-serif;
  font-size:62px; font-weight:700; line-height:1.0;
  margin-bottom:22px;
}
.hero h1 span { color:var(--yellow); }
.hero-sub { font-size:16px; color:#aaa; line-height:1.75; max-width:480px; margin-bottom:36px; }
.hero-btns { display:flex; gap:14px; margin-bottom:44px; flex-wrap:wrap; }
.btn-primary { background:var(--yellow); color:var(--dark); border:none; padding:15px 28px; font-family:'Rajdhani',sans-serif; font-weight:700; font-size:15px; cursor:pointer; border-radius:3px; letter-spacing:0.5px; transition:all 0.2s; white-space:nowrap; }
.btn-primary:hover { background:#ffd447; transform:translateY(-2px); }
.btn-primary a{color:#fff;}
.btn-secondary { background:transparent; color:white; border:1.5px solid rgba(255,255,255,0.2); padding:15px 28px; font-family:'Rajdhani',sans-serif; font-weight:600; font-size:15px; cursor:pointer; border-radius:3px; letter-spacing:0.5px; transition:all 0.2s; white-space:nowrap; }
.btn-secondary:hover { border-color:var(--yellow); color:var(--yellow); }
.hero-trust { display:flex; gap:24px; flex-wrap:wrap; }
.trust-item { display:flex; align-items:center; gap:8px; font-size:1em; color:#888; }
.trust-dot { width:8px; height:8px; background:var(--yellow); border-radius:50%; flex-shrink:0; }

.hero-right img{width:656px;margin-top:-40px}


/* ─── HERO IMAGE STRIP ─── */
.hero-images {
  background:var(--dark2);
  padding:0 var(--pad) 60px;
}
.hero-images-inner {
  max-width:var(--max-w);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.hero-img-card {
  border-radius:12px;
  overflow:hidden;
  position:relative;
  height:240px;
  margin-top:40px
}
.hero-img-card img {
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  transition:transform 0.4s;
}
.hero-img-card:hover img { transform:scale(1.05); }
.hero-img-label {
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(transparent, rgba(0,0,0,0.8));
  padding:20px 16px 14px;
  font-family:'Rajdhani',sans-serif;
  font-size:16px; font-weight:600; color:white;
}

/* ─── HOW IT WORKS ─── */
.how { background:var(--dark2); padding:80px var(--pad); }
.how .section-tag { color:var(--yellow); }
.how .section-title { color:white; }
.how .section-sub { color:#888; }
.steps {
  max-width:var(--max-w); margin:48px auto 0;
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:0; position:relative;
}
.steps::before {
  content:''; position:absolute; top:36px; left:12.5%; right:12.5%;
  height:1px; background:linear-gradient(to right,var(--yellow),rgba(245,197,24,0.1));
}
.step { text-align:center; padding:0 20px; position:relative; z-index:1; }
.step-num {
  width:72px; height:72px; border-radius:50%;
  background:var(--yellow); color:var(--dark);
  font-family:'Rajdhani',sans-serif; font-size:28px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 20px;
}
.step h4 { font-family:'Rajdhani',sans-serif; font-size:18px; font-weight:600; color:white; margin-bottom:8px; }
.step p { font-size:1em; color:#777; line-height:1.6; }

/* ─── SECTION COMMON ─── */
.section-tag { font-size:11px; font-weight:600; letter-spacing:2.5px; text-transform:uppercase; color:var(--orange); margin-bottom:10px; }
.section-title { font-family:'Rajdhani',sans-serif; font-size:42px; font-weight:700; color:var(--dark); margin-bottom:10px; }
.section-sub {font-size:1em; color:var(--muted); max-width:560px; margin-bottom:48px; line-height:1.65; }

/* ─── SERVICES ─── */
.services { background:var(--light); color:var(--text); padding:80px var(--pad); }
.services-inner { max-width:var(--max-w); margin:0 auto; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.service-card {
  background:white; border:1.5px solid #e8e8e8; border-radius:12px;
  padding:28px 22px; transition:all 0.2s; cursor:default;
}
.service-card:hover { border-color:var(--orange); transform:translateY(-4px); box-shadow:0 12px 32px rgba(232,105,10,0.12); }
.service-img { width:100%; height:200px; object-fit:cover; border-radius:8px; margin-bottom:16px; display:block; }
.service-icon { width:48px; height:48px; background:rgba(232,105,10,0.08); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-size:22px; }
.service-name { font-family:'Rajdhani',sans-serif; font-size:20px; font-weight:600; color:var(--dark); margin-bottom:8px; }
.service-desc { font-size:1em; color:var(--muted); line-height:1.6; margin-bottom:14px; }
.service-price { font-size:13px; font-weight:600; color:var(--orange); }

/* ─── AREAS ─── */
.areas { background:var(--light); color:var(--text); padding:80px var(--pad); }
.areas-inner { max-width:var(--max-w); margin:0 auto; }
.areas-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:40px; }
.area-pill {
  background:white; border:1.5px solid #e0e0e0; border-radius:8px;
  padding:14px 18px; display:flex; align-items:center; gap:10px;
  font-size:14px; font-weight:500; color:var(--dark);
  transition:all 0.2s; cursor:default;
}
.area-pill:hover { border-color:var(--orange); color:var(--orange); }
.area-pill::before { content:'📍'; font-size:14px; flex-shrink:0; }

/* ─── REVIEWS ─── */
.reviews { background:var(--dark); padding:80px var(--pad); }
.reviews-inner { max-width:var(--max-w); margin:0 auto; }
.reviews .section-tag { color:var(--yellow); }
.reviews .section-title { color:white; }
.reviews .section-sub { color:#888; margin-bottom:48px; }
.reviews-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.review-card {
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08);
  border-radius:12px; padding:28px 24px; transition:border-color 0.2s;
}
.review-card:hover { border-color:rgba(245,197,24,0.2); }
.stars { color:var(--yellow); font-size:16px; margin-bottom:14px; letter-spacing:2px; }
.review-text { font-size:14px; color:#aaa; line-height:1.7; margin-bottom:18px; font-style:italic; }
.reviewer { display:flex; align-items:center; gap:12px; }
.reviewer-avatar {
  width:42px; height:42px; border-radius:50%; flex-shrink:0;
  background:rgba(245,197,24,0.15); border:1.5px solid rgba(245,197,24,0.25);
  display:flex; align-items:center; justify-content:center;
  font-family:'Rajdhani',sans-serif; font-weight:700; font-size:16px; color:var(--yellow);
}
.reviewer-name { font-weight:600; font-size:14px; color:white; }
.reviewer-area { font-size:12px; color:#666; margin-top:2px; }

/* ─── PRICING ─── */
.pricing { background:var(--light); color:var(--text); padding:80px var(--pad); }
.pricing-inner { max-width:var(--max-w); margin:0 auto; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:44px; }
.price-card {
  background:white; border:2px solid #e8e8e8; border-radius:14px;
  padding:36px 28px; text-align:center; transition:all 0.2s;
  position:relative;
}
.price-card.featured { border-color:var(--orange); }
.featured-badge {
  position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  background:var(--orange); color:white; font-size:12px; font-weight:600;
  padding:5px 16px; border-radius:20px; white-space:nowrap; letter-spacing:0.5px;
}
.price-plan { font-family:'Rajdhani',sans-serif; font-size:22px; font-weight:700; color:var(--dark); margin-bottom:6px; }
.price-desc { font-size:1em; color:var(--muted); margin-bottom:24px; }
.price-amount { font-family:'Rajdhani',sans-serif; font-size:48px; font-weight:700; color:var(--dark); line-height:1; }
.price-amount sup { font-size:22px; vertical-align:top; margin-top:10px; display:inline-block; }
.price-from { font-size:1em; color:var(--muted); margin-bottom:28px; }
.price-features { text-align:left; list-style:none; margin-bottom:32px; }
.price-features li { font-size:1em; color:var(--muted); padding:8px 0; border-bottom:1px solid #f0f0f0; display:flex; gap:10px; align-items:center; }
.price-features li::before { content:'✓'; color:var(--orange); font-weight:700; flex-shrink:0; }
.btn-book { width:100%; background:var(--dark); color:white; border:none; padding:14px; font-family:'Rajdhani',sans-serif; font-weight:700; font-size:15px; cursor:pointer; border-radius:6px; letter-spacing:0.5px; transition:background 0.2s; }
.btn-book:hover { background:var(--orange); }
.price-card.featured .btn-book { background:var(--orange); }
.price-card.featured .btn-book:hover { background:#d45e08; }

/* ─── WHY US ─── */
.why { background:var(--dark2); padding:80px var(--pad); }
.why-inner { max-width:var(--max-w); margin:0 auto; display:flex; gap:80px; align-items:flex-start; }
.why-left { flex:1; min-width:0; }
.why-left .section-tag { color:var(--yellow); }
.why-left .section-title { color:white; }
.why-left .section-sub { color:#888; max-width:360px; }
.why-img { width:100%; height:220px; object-fit:cover; border-radius:12px; margin-top:28px; }
.why-visual { margin-top:28px; padding:28px; background:rgba(245,197,24,0.06); border:1px solid rgba(245,197,24,0.15); border-radius:12px; }
.why-visual-num { font-family:'Rajdhani',sans-serif; font-size:56px; font-weight:700; color:var(--yellow); line-height:1; }
.why-visual-text { font-size:1em; color:#888; margin-top:6px; }
.why-right { flex:1; min-width:0; display:flex; flex-direction:column; gap:16px; margin-top:64px; }
.why-item { display:flex; gap:16px; align-items:flex-start; padding:22px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07); border-radius:10px; transition:border-color 0.2s; }
.why-item:hover { border-color:rgba(245,197,24,0.25); }
.why-dot { width:42px; height:42px; flex-shrink:0; background:rgba(245,197,24,0.1); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:20px; }
.why-text h4 { font-family:'Rajdhani',sans-serif; font-size:18px; font-weight:600; color:white; margin-bottom:5px; }
.why-text p { font-size:1em; color:#777; line-height:1.6;margin-bottom:0px}

/* ─── EMERGENCY ─── */
.emergency { background:var(--dark); border-top:3px solid var(--orange); border-bottom:3px solid var(--orange); padding:32px var(--pad); }
.emergency-inner { max-width:var(--max-w); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.emergency-text h3 { font-family:'Rajdhani',sans-serif; font-size:24px; font-weight:700; color:white; }
.emergency-text p { font-size:14px; color:#888; margin-top:4px; }
.emergency-phone { font-family:'Rajdhani',sans-serif; font-size:42px; font-weight:700; color:var(--yellow); }
.btn-emergency { background:var(--orange); color:white; border:none; padding:14px 28px; font-family:'Rajdhani',sans-serif; font-weight:700; font-size:16px; cursor:pointer; border-radius:4px; letter-spacing:0.5px; animation:pulse 2s infinite; white-space:nowrap; }
.btn-emergency a{color:#fff}
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.85} }

/* ─── FAQ ─── */
.faq { background:var(--light); color:var(--text); padding:80px var(--pad); }
.faq-inner { max-width:var(--max-w); margin:0 auto; }
.faq .section-tag { color:var(--orange); }
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:44px; }
.faq-item { background:white; border:1.5px solid #e8e8e8; border-radius:10px; padding:24px; }
.faq-q { font-family:'Rajdhani',sans-serif; font-size:17px; font-weight:600; color:var(--dark); margin-bottom:10px; display:flex; gap:10px; }
.faq-q::before { content:'Q.'; color:var(--orange); flex-shrink:0; }
.faq-a { font-size:1em; color:var(--muted); line-height:1.65; }

/* ─── CONTACT ─── */
.contact-strip {background:url(../images/back.jpg) top center no-repeat;background-size:cover;background-attachment:fixed;height:400px;padding:40px }
.contact-inner { max-width:var(--max-w); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.contact-strip h2 { font-family:'Rajdhani',sans-serif; font-size:46px; font-weight:700; color:var(--dark); line-height:1.1; margin-bottom:10px; }
.contact-strip p { font-size:1em; color:rgba(0,0,0,0.6); font-weight:700 }
.contact-cards { display:flex; flex-direction:column; gap:14px; }
.contact-card { display:flex; align-items:center; gap:14px; background:#000; padding:16px 22px; border-radius:10px; min-width:300px; }
.contact-card-icon { font-size:22px; flex-shrink:0; }
.contact-card-detail small { display:block; font-size:11px; color:#fff; font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:2px; }
.contact-card-detail strong { font-size:16px; color:#fff; font-weight:600; }

/* ─── FOOTER ─── */
footer { background:#080808; border-top:1px solid rgba(255,255,255,0.06); padding:56px var(--pad) 28px; }
.footer-top { max-width:var(--max-w); margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:44px; }
.footer-brand p { font-size:13px; color:#fff; line-height:1.7; max-width:260px; margin-top:14px; }
.footer-col h5 { font-family:'Rajdhani',sans-serif; font-size:15px; font-weight:600; color:white; margin-bottom:16px; letter-spacing:0.5px; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col ul li { font-size:13px; color:#fff; cursor:default; transition:color 0.2s; }
.footer-col ul li:hover { color:#aaa; }
.footer-bottom { max-width:var(--max-w); margin:0 auto; border-top:1px solid rgba(255,255,255,0.06); padding-top:22px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.footer-bottom p { font-size:12px; color:#444; }
/*-----contact-----*/
.address .add{padding:15px;margin-bottom:10px}
.address .add h2{font-size:1.5em;font-weight:700;padding:15px}
.book .text{width:100%;height:100px}
.book .action{font-size:1.2em;font-weight:700;text-align:center;background:#f5c518;padding:8px;border-radius:15px;display:block;margin:auto;width:50%}
.address{margin-top:80px}
.address .add{border-top:4px solid #fff;border-left:4px solid #fff;border-right:5px solid #efba17;border-bottom:5px solid #efba17;border-radius:25px;}
.book{margin-top:80px}
.book h2{font-size:1.5em;font-weight:700;text-align:center}
.book .form-group input{border:3px solid #f5c518}
.book .form-group textarea{border:3px solid #f5c518}
.terms{padding:30px;background:#6a5819}
.terms h1{font-size:2em;font-weight:700}
.terms p{font-size:1.1em;font-weight:500}
.terms h2{font-size:1.7em;font-weight:700}
.terms h3{font-size:1.5em;font-weight:600}

/*-----contact-----*/
/* ═════════════════════════════════════════
   MEDIA QUERIES
══════════════════════════════════════════ */
/* Tablet — 1024px */
@media (max-width:1024px) {
  :root { --pad:36px; }
	.hero{padding-top:40px}
  .hero h1 { font-size:50px; }
  .stat-num { font-size:28px; }

  .services-grid { grid-template-columns:repeat(2,1fr); }
  .reviews-grid { grid-template-columns:repeat(2,1fr); }
  .pricing-grid { grid-template-columns:repeat(2,1fr); }
  .pricing-grid .price-card:last-child { grid-column:span 2; max-width:400px; margin:0 auto; width:100%; }

  .why-inner { gap:40px; }
  .steps { grid-template-columns:repeat(2,1fr); }
  .steps::before { display:none; }
  .step { margin-bottom:32px; }

  .footer-top { grid-template-columns:1fr 1fr; }
  .areas-grid { grid-template-columns:repeat(3,1fr); }
  .hero-images-inner { grid-template-columns:repeat(3,1fr); }
}
.nav-hamburger{
  position:relative;
  width:30px;
  height:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer;
  z-index:1002;
  margin-right:-106px
}

.nav-hamburger span{
  display:block;
  height:3px;
  width:100%;
  background:white;
  border-radius:2px;
  transition:0.3s;
}

/* CROSS ANIMATION */
.nav-hamburger.active span:nth-child(1){
  transform:rotate(45deg) translate(5px,5px);
}

.nav-hamburger.active span:nth-child(2){
  opacity:0;
}

.nav-hamburger.active span:nth-child(3){
  transform:rotate(-45deg) translate(6px,-6px);
}
/* Mobile — 768px */
@media (max-width:900px) {
  :root { --pad:20px; }

  /* Nav */
  .nav-phone { display:none; }
  .nav-hamburger { display:flex; }

  /* Hero */
  .hero-inner { flex-direction:column; gap:36px; }
  .stat-card { flex:1; min-width:140px; }
  .hero h1 { font-size:40px; }
  .hero-sub { font-size:15px; }
  .hero-btns { flex-direction:column; }
  .btn-primary, .btn-secondary { width:100%; text-align:center; }
.hero-right img {
  width: 100%;
  margin-top:0px
}
  /* Hero images */
  .hero-images-inner { grid-template-columns:1fr; }
  .hero-img-card { height:180px; }

  /* Steps */
  .steps { grid-template-columns:1fr 1fr; }

  /* Services */
  .services-grid { grid-template-columns:1fr; }

  /* Areas */
  .areas-grid { grid-template-columns:repeat(2,1fr); }

  /* Reviews */
  .reviews-grid { grid-template-columns:1fr; }

  /* Pricing */
  .pricing-grid { grid-template-columns:1fr; }
  .pricing-grid .price-card:last-child { grid-column:span 1; max-width:100%; }

  /* Why */
  .why-inner { flex-direction:column; gap:0; }
  .why-right { margin-top:32px; }

  /* Emergency */
  .emergency-inner { flex-direction:column; text-align:center; }
  .emergency-phone { font-size:30px; }

  /* FAQ */
  .faq-grid { grid-template-columns:1fr; }

  /* Contact */
  .contact-inner { flex-direction:column; }
  .contact-cards { width:100%; }
  .contact-card { min-width:unset; }
  .contact-strip h2 { font-size:34px; }
  .contact-strip{height:auto}
  /* Footer */
  .footer-top { grid-template-columns:1fr 1fr; }

  /* Section titles */
  .section-title { font-size:32px; }
  .footer-col h5,.footer-brand p{text-align:center}
  .footer-col ul li{text-align:center}
}
.floating-btns{
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  z-index: 999;
}

.call-btn, .book-btn{
  padding: 12px 20px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 30px;
  font-family: Arial;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.call-btn, .book-btn{display:none}
/* BLACK + YELLOW STYLE */
.call-btn{
  background: black;
  color: #f5c518;
  border: 2px solid #f5c518;
}

.book-btn{
  background: #f5c518;
  color: black;
  border: 2px solid black;
}

/* hover effect */
.call-btn:hover, .book-btn:hover{
  transform: scale(1.05);
  transition: 0.2s;
  color:#fff
}
/* Small mobile — 480px */
@media (max-width:900px) {
  .steps { grid-template-columns:1fr; }
  .areas-grid { grid-template-columns:1fr 1fr; }
  .footer-top { grid-template-columns:1fr; }
  .hero h1 { font-size:34px; }
  .stat-card { min-width:100%; }
  .hero-right { flex-direction:column; }
  .footer-bottom { flex-direction:column; text-align:center; }
  .nav-cta{display:none}
  .call-btn, .book-btn{display:block}
  .footer-brand p{max-width:100% !important}
}
@media (max-width:900px){

  .nav-links{
    position:fixed;
    top:0;
    right:-100%;
    width:260px;
    height:100vh;
    background:#0D0D0D;
    flex-direction:column;
    padding:80px 20px;
    gap:20px;
    transition:0.3s;
    z-index:999;
  }

  .nav-links.active{
    right:0;
  }

  .menu-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    opacity:0;
    visibility:hidden;
    transition:0.3s;
    z-index:998;
  }
.btn-emergency{display:none}
  .menu-overlay.active{
    opacity:1;
    visibility:visible;
  }

}
@media (max-width:900px){
  .nav-hamburger{
    display:flex;
  }
}
@media (min-width:900px){
  .nav-hamburger{
    display:none;
  }
}