/* Brand theme overrides (change colors here) */
:root{
  /* Primary brand accent (left side of gradient) */
  --accent-color: #F97316;
  /* Secondary brand accent (right side of gradient) */
  --accent-secondary-color: #EC4899;
}


/* Fast loading and mobile adaptation overrides */
html { -webkit-text-size-adjust: 100%; }
body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; overflow-x: hidden; }
.preloader { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
img, svg, video { max-width: 100%; height: auto; }
.navbar-brand { white-space: nowrap; }
.header-btn .btn-default, .hero-btn .btn-default { white-space: normal; text-align: center; }
.slicknav_menu { display: none; background: transparent; padding: 0; }
.slicknav_btn { background: var(--accent-color, #F97316); border-radius: 12px; padding: 10px 12px; margin: 0; }
.slicknav_nav { margin-top: 12px; padding: 10px; border-radius: 18px; background: #111827; }
.slicknav_nav a { color: #fff; border-radius: 10px; padding: 10px 12px; }
.slicknav_nav a:hover { background: rgba(255,255,255,.12); color: #fff; }

@media (max-width: 991px) {
  .main-menu, .header-btn { display: none !important; }
  .responsive-menu, .slicknav_menu { display: block !important; width: 100%; }
  .navbar > .container { align-items: center; }
  .navbar-brand { width: auto !important; font-size: 22px !important; }
  .hero { padding: 72px 0 52px !important; background-image: none !important; }
  .hero-content { max-width: 100%; text-align: center; }
  .section-title h1, .hero-content h1 { font-size: clamp(34px, 9vw, 54px) !important; line-height: 1.08 !important; }
  .section-title h2 { font-size: clamp(28px, 7vw, 42px) !important; line-height: 1.14 !important; }
  .section-title p, .hero-content p { font-size: 16px !important; line-height: 1.65 !important; }
  .hero-btn, .section-btn, .d-flex.justify-content-center { flex-direction: column; align-items: stretch !important; gap: 12px; }
  .hero-btn .btn-default, .btn-default { width: 100%; max-width: 420px; margin-left: auto; margin-right: auto; justify-content: center; }
  .about-us, .our-services, .our-faqs, .page-service-single { padding: 54px 0 !important; }
  .section-row { margin-bottom: 28px !important; }
  .service-item, .features-item, .facts-item, .choose-us-item, .pricing-item, .page-catagery-list { margin-bottom: 20px; }
  .footer-copyright-text, .footer-legal { text-align: center; padding-left: 16px; padding-right: 16px; }
}

@media (max-width: 575px) {
  .container { padding-left: 18px !important; padding-right: 18px !important; }
  .hero { padding-top: 54px !important; }
  .section-title h1, .hero-content h1 { font-size: 34px !important; }
  .section-title h2 { font-size: 28px !important; }
  .btn-default { min-height: 48px; padding: 14px 18px !important; font-size: 15px !important; }
  .page-header-box h1 { font-size: 32px !important; line-height: 1.15 !important; }
  .accordion-button { font-size: 16px !important; line-height: 1.35 !important; }
  table { display: block; width: 100%; overflow-x: auto; }
}