/* ============================================================
   
   ============================================================ */
:root{
  --primary-color:   #16369E;   
  --secondary-color: #c49300;   
}

/* ---------- Page background ---------- */
body{ background:#ffffff; }

/* ---------- Links ---------- */
a{ color: var(--primary-color); }
a:hover{ color: var(--secondary-color); }

/* ---------- Headings: primary, with secondary accent words ---------- */
.site-title,
.site-heading .site-title,
.section-title h2{ color: var(--primary-color) !important; }
.site-title span,
.site-title-tagline,
.site-heading .sub-title,
.section-title .sub-title{ color: var(--secondary-color) !important; }

/* ---------- Buttons: primary base, secondary (gold) on hover ---------- */
.theme-btn,
button.theme-btn,
a.theme-btn{
  background: var(--primary-color) !important;
  color:#fff !important;
  border:none !important;
}
.theme-btn::before{ background: var(--secondary-color) !important; }   /* hover ripple */
.theme-btn:hover,
button.theme-btn:hover,
a.theme-btn:hover{ color:#fff !important; }                           /* white text on gold */

.btn-primary,
input[type="submit"],
button[type="submit"]:not(.navbar-toggler){
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color:#fff !important;
}
.btn-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:not(.navbar-toggler):hover{
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color:#fff !important;
}

/* white button for use on dark cards (readable) */
.theme-btn.btn-on-dark{ background:#fff !important; color: var(--primary-color) !important; }
.theme-btn.btn-on-dark::before{ background: var(--secondary-color) !important; }
.theme-btn.btn-on-dark:hover{ color:#fff !important; }

/* ---- Button colour helpers — kisi bhi .theme-btn pe ye class lagao ---- */
/* .btn-secondary-clr  → gold (secondary) bg, blue ripple on hover  */
.theme-btn.btn-secondary-clr{ background: var(--secondary-color) !important; color:#fff !important; }
.theme-btn.btn-secondary-clr::before{ background: var(--primary-color) !important; }
/* .btn-primary-clr    → blue (primary) bg, gold ripple on hover (default look) */
.theme-btn.btn-primary-clr{ background: var(--primary-color) !important; color:#fff !important; }
.theme-btn.btn-primary-clr::before{ background: var(--secondary-color) !important; }

/* ---------- Base blue surfaces follow PRIMARY ---------- */
.marquee-content{ background-color: var(--primary-color) !important; }
.about-section-two{ background-color: var(--primary-color) !important; }
.footer-area{ background-color: var(--primary-color) !important; }
.footer-area a{ color:#dbe6ff !important; }
.footer-area a:hover{ color: var(--secondary-color) !important; }

/* ---------- Homepage "Our Services" section → primary bg, white content ---------- */
.class-area.bg{ background-color: var(--primary-color) !important; }
.class-area .site-heading .site-title{ color:#ffffff !important; }
.class-area .site-heading .site-title span{ color: var(--secondary-color) !important; }
.class-area .site-heading .site-title-tagline{ color: var(--secondary-color) !important; }
.class-area .class-content h3 a{ color: var(--primary-color) !important; }

/* ---------- Footer logo: soft rounded corners ---------- */
.footer-logo img{ border-radius:12px; }

/* ---------- Custom scrollbar ---------- */
::-webkit-scrollbar{ width:11px; }
::-webkit-scrollbar-track{ background:#eef3ff; }
::-webkit-scrollbar-thumb{ background: var(--primary-color); border-radius:10px; }
::-webkit-scrollbar-thumb:hover{ background: var(--secondary-color); }