/* Apna Pan India brand layer: colours come from the logo (leaf green, orange-red, brown underline). */
:root {
  --g: #2f9e44;
  --g-dark: #1f6f31;
  --g-soft: #e9f6ec;
  --o: #f05424;
  --o-dark: #d4441a;
  --o-soft: #fff0ea;
  --brown: #9c5448;
  --cream: #fbf8f2;
  --ink: #2a2d2a;
  --muted: #6b6f6a;
  --line: #ece6da;
}

body { font-family: "Poppins", sans-serif; color: var(--ink); }
.hi { font-family: "Noto Sans Devanagari", "Poppins", sans-serif; }

/* top bar, header, buttons */
#topbar { background: var(--g-dark); }
#topbar .contact-info a { color: #fff; }
#header { box-shadow: 0 2px 18px rgba(42, 45, 42, .08); }
.nav-menu a { font-family: "Poppins", sans-serif; font-weight: 500; }
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a { color: var(--o); }
.nav-menu > ul > li > a:before { background: var(--o); }
.appointment-btn { background: var(--o); font-weight: 500; }
.appointment-btn:hover { background: var(--g-dark); }
.back-to-top { background: var(--o); }
.back-to-top:hover { background: var(--g-dark); }
#preloader:before { border-color: var(--o) transparent var(--o) transparent; }

/* footer */
#footer { background: #1b2a1f; color: #d8e2da; }
.bf-wrap { padding-top: 55px; padding-bottom: 30px; }
.bf-brand img { height: 52px; background: #fff; padding: 6px 10px; border-radius: 10px; margin-bottom: 16px; }
.bf-brand p { color: #b9c6bc; font-size: 13.5px; line-height: 1.7; max-width: 340px; }
#footer h5 { color: #fff; font-size: 15px; font-weight: 600; margin-bottom: 16px; position: relative; padding-bottom: 10px; }
#footer h5:after { content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 3px; border-radius: 3px; background: var(--o); }
#footer ul.bf-links { list-style: none; padding: 0; margin: 0; }
#footer ul.bf-links li { margin-bottom: 9px; font-size: 13.5px; }
#footer ul.bf-links a { color: #b9c6bc; transition: color .2s; }
#footer ul.bf-links a:hover { color: #fff; text-decoration: none; }
#footer .bf-contact li { display: flex; margin-bottom: 11px; font-size: 13.5px; color: #b9c6bc; }
#footer .bf-contact i { color: var(--o); width: 22px; flex: 0 0 22px; margin-top: 3px; }
#footer .bf-contact a { color: #b9c6bc; }
#footer .bf-contact a:hover { color: #fff; text-decoration: none; }
.bf-bottom { border-top: 1px solid rgba(255, 255, 255, .1); padding: 18px 0; font-size: 12.5px; color: #93a396; }
.bf-bottom .container { flex-wrap: wrap; gap: 4px 24px; }
.bf-bottom strong { color: #fff; font-weight: 600; }
.bf-bottom a { color: #b9c6bc; }