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

/* THEME */
:root{
  --bg-main:#f6f8fb;
  --bg-card:#ffffff;
  --accent:#0ea5e9;
  --text-main:#0f172a;
  --text-muted:#475569;
}

body{
  background:var(--bg-main);
  color:var(--text-main);
}

/* Preloader */
#preloader{
position:fixed;inset:0;
background:var(--bg-main);
display:flex;align-items:center;justify-content:center;
z-index:9999
}
#preloader img{width:120px;animation:pulse 1.5s infinite}
@keyframes pulse{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}

/* Premium Cursor */
.cursor{
  width:42px;
  height:42px;
  border:1.5px solid var(--accent);
  border-radius:50%;
  position:fixed;
  pointer-events:none;
  transform:translate(-50%,-50%);
  transition:.25s;
  z-index:9999;
}

.cursor::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:rgba(118, 198, 235, 0.15);
  filter:blur(6px);   /* 👈 fake blur, text safe */
  z-index:-1;
}

.cursor.active{
width:60px;height:60px;
background:rgba(14,165,233,.12);
border:1.5px solid rgba(14,165,233,.4)
}

/* Navbar */
.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px 20px;
position:sticky;top:0;
background:var(--bg-card);
box-shadow:0 6px 20px rgba(0,0,0,.06); 
min-height: 80px;
}

.nav-logo {
  height: 80px !important;   /* 🔥 yahan size badhao */
  width: auto !important;
  max-height: none !important;
}

.nav-left {
  display: flex;
  align-items: center;
}

.call-btn{
background:var(--accent);
color:#fff;
padding:10px 20px;
border-radius:30px;
text-decoration:none;
font-weight:600
}

.call-btn:hover{
  background:#000;     /* black bg */
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,.25);
}

/* Hero */
.hero{
height:95vh;
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}

.hero h1{
  background:rgba(255,255,255,.85);
  color:#0f172a;
  display:inline-block;
  padding:6px 16px;
  border-radius:10px;
}

.hero p{
  background:rgba(255,255,255,.75);
  color:#0f172a;
  display:inline-block;
  padding:6px 14px;
  border-radius:10px;
}

.hero-bg{
position:absolute;inset:0;
background:url("hero-bg.jpg") center/cover;
filter:brightness(.6)
}
.hero-content{position:relative;max-width:900px}
.hero-logo{height:300px;margin-bottom:30px;animation:float 3s infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.hero h1{font-size:40px;color:var(--text-main)}
.hero p{margin:16px 0 26px;color:var(--text-muted)}

/* Buttons */
.btn{padding:12px 26px;border-radius:30px;text-decoration:none;margin:6px}
.primary{background:var(--accent);color:#fff}
.whatsapp{border:1px solid var(--accent);color:var(--accent)}

/* HERO BUTTON BASE */
.hero-buttons .btn{
  padding:12px 26px;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  transition:.3s ease;
  display:inline-block;
}

/* Call Karein (Primary) */
.hero-buttons .primary{
  background:var(--accent);
  color:#fff;
}

/* WhatsApp Button */
.hero-buttons .whatsapp{
  background:transparent;
  color:var(--accent);
  border:2px solid var(--accent);
}

/* 👇 SAME HOVER FOR BOTH */
.hero-buttons .btn:hover{
  background:#000;          /* black bg */
  color:#fff;
  border-color:#000;
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

/* BOOKING FORM BUTTON */
.booking-map button{
  background:var(--accent);
  color:#fff;
  font-weight:600;
  transition:.3s ease;
}

.booking-left h2{
  padding-bottom: 5px;
}

/* SAME HOVER EFFECT */
.booking-map button:hover{
  background:#000;              /* black bg */
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

/* Stats */
.stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
gap:20px;
padding:50px 20px
}
.stat{
text-align:center;
background:var(--bg-card);
padding:24px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.06)
}
.stat span{font-size:36px;color:var(--accent)}
.stat .static{font-weight:700}

/* About */
.about{
padding:60px 20px;
max-width:1100px;
margin:auto
}
.about h2{color:var(--accent);margin-bottom:14px}
.about p{margin-bottom:12px;color:var(--text-muted)}
.owner{margin-top:8px;font-size:15px;color:var(--text-muted)}
.office-images{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:20px
}
.office-images img{width:100%;border-radius:16px}

/* Services */
.services{padding:60px 20px}
.services h2{
text-align:center;
color:var(--accent);
margin-bottom:30px;
font-size: 32px;
}
.service-grid{
display:grid;
padding-top: 50px;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px
}
.service-card{
background:var(--bg-card);
border-radius:20px;
overflow:hidden;
transition:.4s;
box-shadow:0 12px 30px rgba(0,0,0,.06)
}
.service-card p{
  text-align: center;
  padding-bottom:20px;
}
.service-card h3{
  text-align: center;
}
.service-card:hover{transform:translateY(-8px)}
.service-card img{
width:100%;
height:190px;
object-fit:cover
}

.service-card h3{padding: 2px;
  color:var(--text-main)  
}

/* FORM + MAP */
.booking-map{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
padding:60px 20px;
max-width:1200px;
margin:auto;
align-items:flex-start
}
.booking-map .left{text-align:left}
.booking-map .left h2,
.booking-map .right h2{
margin-bottom:16px;
color:var(--accent)
}
.booking-map form{display:grid;gap:14px}
.form-note{padding-top:10px;color:var(--text-muted)}

.booking-map input,
.booking-map button{
padding:14px;
border-radius:12px;
border:1px solid #e5e7eb
}
.booking-map input{
background:#fff;
color:var(--text-main)
}
.booking-map button{
background:var(--accent);
color:#fff;
font-weight:600;
cursor:pointer;
border:none
}
.booking-map iframe{
width:100%;
height:360px;
border:0;
border-radius:20px
}

@media(max-width:900px){
.booking-map{grid-template-columns:1fr}
}

@media(max-width:768px){
body{padding-bottom:21px}
}

/* Footer */
footer{
text-align:center;
padding:30px;
background:#eaeef3;
color:var(--text-muted)
}

/* Mobile */
.mobile-bar{display:none}
@media(max-width:768px){
.hero h1{font-size:28px}
.office-images{grid-template-columns:1fr}
.mobile-bar{
display:flex;
position:fixed;
bottom:0;
width:100%;
background:var(--bg-card);
border-top:1px solid #dbeafe
}
.mobile-bar a{
flex:1;
text-align:center;
padding:14px;
color:var(--accent);
text-decoration:none;
font-weight:600
}
}


/* ABOUT SECTION LAYOUT */
.about-wrap{
  display:grid;
  grid-template-columns: 0.8fr 1.2fr; /* image left, text right */
  gap:40px;
  align-items:center;
}

.about-image{
  order:1;
}

.about-image img{
  width:100%;
  border-radius:22px;
  box-shadow:
    0 20px 40px rgba(0,0,0,.12),
    0 0 0 1px rgba(14,165,233,.15); /* accent outline */
}


.about-text{
  order:2;   /* RIGHT */
}
@media(max-width:768px){
  .about-wrap{
    grid-template-columns:1fr;
  }

  .about-image{
    order:-1;
  }
}
 .site-footer{
  background:var(--bg-card);
  padding:60px 20px 20px;
  margin-top:60px;
}

.footer-grid{
  width:1000px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:50px;
}

.footer-col h4{
  color:var(--accent);
  margin-bottom:16px;
}

.footer-col a,
.footer-col span{
  display:block;
  color:var(--text-muted);
  text-decoration:none;
  margin-bottom:10px;
  font-size:14px;
}

.footer-col a:hover{
  color:var(--accent);
}

.footer-col p{
  color:var(--text-muted);
  font-size:14px;
  margin-bottom:10px;
}

/* SOCIAL ICONS */
.footer-socials{
  display:flex;
  gap:12px;
  margin-top:14px;
}

.footer-socials a{
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:700;
  transition:.3s;
}

.footer-socials a:hover{
  transform:translateY(-4px);
  opacity:.85;
}

.footer-bottom{
  text-align:center;
  margin-top:40px;
  padding-top:20px;
  padding-bottom: 20px;
  border-top:1px solid rgba(0,0,0,.08);
  font-size:13px;
  color:var(--text-muted);
}

.navbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 28px;
  background:var(--bg-card);
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.nav-logo{
  height:42px;
}

.nav-menu{
  display:flex;
  gap:26px;
}

.nav-menu a{
  text-decoration:none;
  color:var(--text-main);
  font-weight:600;
  font-size:14px;
  position:relative;
}

.nav-menu a::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:var(--accent);
  transition:.3s;
}

.nav-menu a:hover::after{
  width:100%;
}

.call-btn{
  background:var(--accent);
  color:#fff;
  padding:10px 22px;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
}



.footer-socials a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--accent);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.3s;

}

.footer-socials svg{
  width:20px;
  height:20px;
  fill:#fff;
}

.footer-socials a:hover{
  transform:translateY(-4px);
  background:#000;
}

.footer-socials a:hover svg{
  fill:var(--accent);
}
body.light{
  --bg-main:#f6f8fb;
  --bg-card:#ffffff;
  --accent:#0ea5e9;
  --text-main:#0f172a;
  --text-muted:#475569;
}

body.dark{
  --bg-main:#050b12;
  --bg-card:#0f172a;
  --accent:#18b3e6;
  --text-main:#ffffff;
  --text-muted:rgba(255,255,255,.7);
}


.site-footer{
  background:#0ea5e9;           /* SOLID BLUE */
  color:#ffffff;
  padding:60px 20px 20px 0px; 
}

.site-footer h4{
  color:#ffffff;
  margin-bottom:16px;
}

.site-footer a,
.site-footer span,
.site-footer p{
  color:rgba(255,255,255,.95);
}

.site-footer a:hover{
  text-decoration:underline;
  color:#ffffff;
}

.footer-bottom{
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.35);
  color:rgba(255,255,255,.85);
}
 /* GET IN TOUCH column alignment */
.footer-contact{
  display:flex;
  flex-direction:column;
  align-items:center;   /* 👈 center alignment */
  text-align:center;
  gap:14px;
}

/* Social icons row – center */
.footer-social{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-top:8px;
}

/* Icon circles */
.footer-social a{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#fff;
  transition:.3s;
}

.footer-social a:hover{
  background:#fff;
  color:#0ea5e9;
  transform:translateY(-2px);
}

/* Justdial block – perfectly centered */
.justdial-footer{
  margin-top:18px;
  display:flex;
  flex-direction:column;
  align-items:center;   /* 👈 main fix */
  gap:10px;
}

/* Verified text */
.jd-verified{
  font-size:14px;
  color:#fff;
  opacity:.95;
}

/* Button */
.jd-btn{
  padding:10px 28px;
  border-radius:28px;
  background:#000;
  color:#fff;
  font-weight:600;
  font-size:14px;
  text-decoration:none;
}
/* FIX: social icons visible */
.footer-socials{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-top:8px;
}

.footer-socials a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.3s;
}

.footer-socials svg{
  width:20px;
  height:20px;
  fill:#ffffff;
}

.footer-socials a:hover{
  background:#0a0a0a;
  transform:translateY(-2px);
}

.footer-socials a:hover svg{
  fill:#0ea5e9;
}
#thankYouBox{
  margin-top:20px;
  padding:24px;
  background:#f0f9ff;
  border:1px solid #bae6fd;
  border-radius:16px;
  text-align:center;
}

#thankYouBox h3{
  color:#0ea5e9;
  margin-bottom:8px;
}


/* Live Testimonials */
.live-testimonial {
  padding: 60px 20px;
  background: #f4f8ff;
  text-align: center;
}

.live-testimonial h2 {
  font-size: 32px;
  margin-bottom: 25px;
  color: #0ea5e9;
}

.testimonial-track {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.testimonial-marquee {
  display: flex;
  gap: 20px;
  animation: scrollTestimonials 40s linear infinite;
}

.testimonial-marquee:hover {
  animation-play-state: paused;
}

.testimonial-card {
  min-width: 320px;
  background: #fff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  text-align: left;
}

.testimonial-card p {
  font-size: 15px;
  color: #333;
  margin-bottom: 10px;
}

.testimonial-card h4 {
  margin: 0;
  color: #0b4f9c;
  font-size: 16px;
}

.testimonial-card span {
  font-size: 13px;
  color: #777;
}

/* Animation */
@keyframes scrollTestimonials {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media(max-width:600px) {
  .testimonial-card {
    min-width: 260px;
  }
}
/* Help & Support */
.help-support {
  padding: 70px 20px;
  background: #f7faff;
  text-align: center;
}

.help-support h2 {
  font-size: 32px;
  color: #0b4f9c;
  margin-bottom: 10px;
}

.help-support p {
  color: #fffefe;
  margin-bottom: 40px;
}

.help-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  max-width: 1000px;
  margin: auto;
}

.help-form {
  background: #fff;
  padding: 30px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  text-align: left;
}

.help-form input,
.help-form select,
.help-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 15px;
}

.help-form textarea {
  resize: none;
  height: 120px;
}

.help-form button {
  width: 100%;
  padding: 12px;
  background: #0ea5e9;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}

.help-form small {
  display: block;
  margin-top: 10px;
  color: green;
}

/* Quick Support */
.quick-support {
  background: #0074aa;
  color: #fff;
  padding: 30px;
  border-radius: 14px;
}

.quick-support h3 {
  margin-bottom: 15px;
}

.call-btn,
.whatsapp-btn {
  display: block;
  margin: 12px 0;
  padding: 12px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.call-btn {
  background: #00aaff;
}

.whatsapp-btn {
  background: #25d366;
}

.support-info p {
  margin: 8px 0;
  font-size: 14px;
}

@media(max-width:768px) {
  .help-grid {
    grid-template-columns: 1fr;
  }
}
.whatsapp-btn:hover {
  background: #000000;
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 25px rgba(37, 211, 102, 0.6);
}

/* Active (click feel) */
.whatsapp-btn:active {
  transform: scale(0.97);
}
.whatsapp-btn {
  animation: pulseWhatsapp 2s infinite; 
}

@keyframes pulseWhatsapp {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

.site-footer {
  background: #22a7d8;
  padding: 60px 0 20px;
  color: #fff;
  font-family: Arial, sans-serif;
}

.footer-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}

.footer-col h4 {
  font-size: 15px;
  margin-bottom: 18px;
  letter-spacing: 1px;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.6;
}

.footer-col ul li a {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}

.footer-col ul li a:hover {
  opacity: 1;
  text-decoration: underline;
}

.footer-social {
  margin-top: 15px;
}

.footer-social a {
  display: inline-block;
  margin-right: 12px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}

.footer-bottom {
  text-align: center;
  margin-top: 40px;
  font-size: 13px;
  opacity: 0.9;
}
@media (max-width: 768px) {
  .footer-container {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  .footer-social a {
    margin: 0 8px;
  }
}

html {
  scroll-behavior: smooth;
}

.thank-you {
  margin-top: 20px;
  padding: 18px;
  background: #e8f7ef;
  border: 1px solid #9ad7b5;
  border-radius: 12px;
  color: #1f6b3a;
  font-size: 15px;
}



/* UDYAM VERIFIED – Justdial Style */
.udyam-verified {
  margin-top: 16px;
  position: relative;
  text-align: center;
}

.udyam-text {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Button same as Justdial */
.udyam-btn {
  display: inline-block;
  padding: 10px 22px;
  background: #000;
  color: #fff;
  border-radius: 24px;
  font-size: 14px;
  text-decoration: none;
}

.udyam-btn:hover {
  background: #222;
}

/* Hover Preview */
.udyam-preview {
  display: none;
  position: absolute;
  bottom: 120%;
  right: 0;
  width: 260px;
  height: 180px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,0.3);
  z-index: 99;
}

.udyam-preview iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Show preview on hover */
.udyam-verified:hover .udyam-preview {
  display: block;
}

/* Mobile: preview off */
@media (max-width: 768px) {
  .udyam-preview {
    display: none !important;
  }
}

.thank-you {
  margin-top: 16px;
  padding: 16px;
  background: #0074aa;
  border: 1px solid #9ad7b5;
  border-radius: 12px;
  color: #1f6b3a;
  font-size: 15px;
}

.help-support h2 {
  color: #00aaff;
}

/* HEADER */
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #1aa6d9;
  position: sticky;
  top: 0;
  z-index: 999;
}

.logo img {
  height: 40px;
}





/* ===========================
   FULL MOBILE RESPONSIVE FIX
   =========================== */
@media (max-width: 768px) {

  body {
    overflow-x: hidden;
  }

  /* ---------- NAVBAR ---------- */
  .navbar {
    padding: 10px 14px;
  }

  .nav-logo {
    height: 46px !important;
  }

  .call-btn {
    display: none; /* mobile me hide */
  }

  .hamburger {
    display: block;
    font-size: 28px;
    cursor: pointer;
    z-index: 1100;
  }

  .nav-menu {
    position: fixed;
    top: 70px;
    right: -100%;
    width: 240px;
    height: calc(100vh - 70px);
    background: #0ea5e9;
    flex-direction: column;
    padding: 24px;
    gap: 18px;
    transition: 0.3s ease;
    z-index: 1000;
  }

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

  .nav-menu a {
    color: #fff;
    font-size: 16px;
  }

  /* ---------- HERO ---------- */
  .hero {
    height: auto;
    padding: 80px 14px 40px;
  }

  .hero-logo {
    height: 160px;
  }

  .hero h1 {
    font-size: 22px;
    line-height: 1.3;
  }

  .hero p {
    font-size: 14px;
  }

  .hero-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  /* ---------- STATS ---------- */
  .stats {
    grid-template-columns: 1fr 1fr;
    padding: 30px 12px;
  }

  /* ---------- ABOUT ---------- */
  .about-wrap {
    grid-template-columns: 1fr;
  }

  .about-image img {
    width: 100%;
  }

  /* ---------- SERVICES ---------- */
  .services h2 {
    font-size: 24px;
  }

  .service-grid {
    grid-template-columns: 1fr;
    padding-top: 20px;
  }

  /* ---------- FORM + MAP ---------- */
  .booking-map {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 40px 14px;
  }

  .booking-map iframe {
    height: 260px;
  }

  /* ---------- LIVE TESTIMONIAL ---------- */
  .testimonial-card {
    min-width: 260px;
  }

  /* ---------- HELP & SUPPORT ---------- */
  .help-grid {
    grid-template-columns: 1fr;
  }

  /* ---------- FOOTER ---------- */
  .footer-grid {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
  }

  .footer-socials {
    justify-content: center;
  }

  /* ---------- MOBILE BOTTOM BAR ---------- */
  .mobile-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-top: 1px solid #ddd;
    z-index: 1200;
  }

  .mobile-bar a {
    flex: 1;
    text-align: center;
    padding: 14px;
    font-weight: 700;
    color: #0ea5e9;
    text-decoration: none;
  }
}
.navbar {
  position: sticky;
  top: 0;
  z-index: 2000;
}

/* hamburger icon */
.hamburger {
  display: none;
  font-size: 28px;
  cursor: pointer;
  color: #0ea5e9;
}

/* MOBILE MENU */
@media (max-width: 768px) {

  .hamburger {
    display: block;
    z-index: 3000;
  }

  /* hide desktop menu */
  .nav-menu {
    position: fixed;
    top: 80px;
    right: -100%;
    width: 260px;
    height: calc(100vh - 80px);
    background: #0ea5e9; /* solid bg so links visible */
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 22px;
    transition: right 0.35s ease;
    z-index: 2500;
  }

  /* when active */
  .nav-menu.active {
    right: 0;
  }

  /* menu links */
  .nav-menu a {
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    padding: 6px 0;
  }

  .nav-menu a:hover {
    opacity: 0.85;
  }

  /* hide call btn in header */
  .call-btn {
    display: none;
  }
}