/* VIA ELITE — Intro site theme (aligned with app & admin dashboard) */

:root {
  --ve-navy: #141b2d;
  --ve-navy-mid: #1d2840;
  --ve-gold: #ffc107;
  --ve-gold-dark: #c9a227;
  --ve-bg: #f4f5f7;
  --ve-surface: #ffffff;
  --ve-text-muted: #6b7280;
  --main: var(--ve-navy);
  --hover: var(--ve-gold);
  --main2: linear-gradient(118deg, var(--ve-navy) 0%, var(--ve-navy-mid) 100%);
  --white: #ffffff;
  --gray: var(--ve-text-muted);
}

body {
  font-family: 'Tajawal', 'JF Flat', sans-serif;
  color: #1a1a2e;
}

header {
  background: var(--ve-surface) !important;
  box-shadow: 0 2px 16px rgba(20, 27, 45, 0.08) !important;
}

.nav_bar a:hover,
.nav_bar a.active {
  color: var(--ve-navy) !important;
}

.nav_bar a.active {
  font-weight: 700;
  border-bottom: 2px solid var(--ve-gold);
}

.dropdown-menu .dropdown-item:hover {
  background: rgba(20, 27, 45, 0.06);
  color: var(--ve-navy);
}

.btn-main {
  background: var(--ve-navy) !important;
  background-image: none !important;
  border-radius: 10px;
  font-weight: 600;
}

.btn-main:hover {
  background: var(--ve-navy-mid) !important;
  color: #fff !important;
}

.btn-main-w {
  color: var(--ve-navy) !important;
  border: 2px solid var(--ve-navy);
}

.bacg_section {
  background: var(--main2) !important;
}

.bacg_section2 {
  background: var(--ve-bg) !important;
}

.img_owl_index::after,
.video_info_::after {
  background: rgba(20, 27, 45, 0.45) !important;
}

.ads_wol h3 {
  color: var(--ve-navy) !important;
}

.owl-carousel .owl-dot.active {
  background: var(--ve-navy) !important;
}

.owl-carousel .owl-dot.active::after {
  background: var(--ve-gold) !important;
}

.owl-nav > div:hover {
  background-color: var(--ve-navy) !important;
  border-color: var(--ve-navy) !important;
  color: #fff !important;
}

.box-servess::after {
  background: rgba(255, 193, 7, 0.35) !important;
}

.box-servess:hover::after {
  background: var(--ve-gold) !important;
}

.box-servess:hover h6,
.box-servess:hover p {
  color: var(--ve-navy) !important;
}

.nav-link.active {
  background: var(--ve-navy) !important;
  background-image: none !important;
  color: #fff !important;
}

.accordion .card-header button[aria-expanded='true'] {
  color: var(--ve-navy) !important;
}

.form-control:focus {
  border-color: var(--ve-navy) !important;
  box-shadow: 0 0 0 2px rgba(20, 27, 45, 0.1);
}

footer {
  background: var(--main2) !important;
}

.under_footer {
  background: var(--ve-navy) !important;
}

.social-m li a {
  background: var(--ve-gold) !important;
  color: var(--ve-navy) !important;
}

.social-m li a:hover {
  background: #fff !important;
  color: var(--ve-navy) !important;
}

.Tfooter {
  color: #fff;
}