/* Royal Blue: a contemporary LIC blue with accessible amber actions. */
:root {
  --primary-color: #174ea6;
  --secondary-color: #d78a00;
  --accent-color: #245fbe;
  --body-bg: #f3f7ff;
  --surface-blue: #eaf1ff;
  --surface-warm: #fff7e6;
  --slate-50: #f8faff;
  --slate-100: #e3edff;
  --slate-200: #c8dafe;
  --slate-300: #9ebdf5;
  --slate-400: #7598d2;
  --slate-500: #5679ad;
  --slate-600: #405f8d;
  --slate-700: #2d4b70;
  --slate-800: #1e3b62;
  --slate-900: #102a5c;
  --shadow-glow: 0 0 20px 0 rgba(215, 138, 0, 0.2);
}

body { background-color: var(--body-bg); color: var(--slate-800); }
a { color: var(--primary-color); }
a:hover { color: var(--secondary-color); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #ffc857 !important; outline-offset: 3px; }

.header-style-four .pearo-nav .navbar, .header-style-four .pearo-nav, .header-style-four .navbar-area, .header-style-four .navbar-area.is-sticky { background-color: var(--primary-color) !important; box-shadow: 0 6px 18px rgba(16, 42, 92, 0.22); }
.top-header { background-color: var(--slate-900); border-bottom-color: var(--slate-800); }
.top-header .top-header-right-side ul li .icon { background-color: var(--primary-color); color: #ffffff !important; }
.top-header .top-header-right-side ul li a.default-btn, .default-btn, .btn-primary, .btn-secondary { background-color: var(--secondary-color); color: #ffffff !important; box-shadow: 0 10px 15px -3px rgba(215, 138, 0, 0.3); }
.top-header .top-header-right-side ul li a.default-btn span, .default-btn span, .top-header .top-header-right-side ul li a.default-btn:hover span, .top-header .top-header-right-side ul li a.default-btn:focus span, .default-btn:hover span, .default-btn:focus span { background-color: var(--primary-color) !important; }
.default-btn:hover, .btn-primary:hover, .btn-secondary:hover { background-color: var(--primary-color); color: #ffffff !important; box-shadow: 0 15px 20px -5px rgba(23, 78, 166, 0.32); }

.page-heading, .page-title-area { background: linear-gradient(135deg, #102a5c 0%, #174ea6 100%) !important; }
.page-heading::before, .page-title-area::before { background: radial-gradient(circle, rgba(215, 138, 0, 0.22) 0%, transparent 70%); }
.title-divider, .page-title-content::after, .card-accent { background-color: var(--secondary-color); }

.header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li > a, .header-style-four .pearo-nav .navbar .navbar-nav ul li a { color: #ffffff !important; }
.header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li:hover, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li:hover > a, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li.active, .header-style-four .pearo-nav .navbar .navbar-nav > .th-mainul > li.active > a, .top-header .top-header-right-side ul li a:hover { color: #ffc857 !important; }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul { border-top-color: var(--secondary-color); }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a { color: var(--slate-800) !important; }
.header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:hover, .header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:focus, .header-style-four .pearo-nav .navbar .navbar-nav ul li ul li a:active { background-color: var(--secondary-color) !important; color: #ffffff !important; }

.services-box .content h3 a, .team-name a, .blog-name a, .vs-gallery-name a, .nav-stacked li a { color: var(--slate-800) !important; }
.services-box .content h3 a:hover, .team-name a:hover, .blog-name a:hover, .vs-gallery-name a:hover { color: var(--secondary-color) !important; }
.nav-stacked li.active a, .nav-stacked li a:hover, .accordion:hover, .accordion.vs_active { border-color: var(--secondary-color) !important; color: var(--primary-color) !important; }
.form-control:focus { border-color: var(--secondary-color) !important; box-shadow: 0 0 0 4px rgba(215, 138, 0, 0.18) !important; }

.single-feedback-item .feedback-desc, .single-feedback-item .feedback-desc::before { background-color: var(--primary-color); }
.single-feedback-item .feedback-desc p { color: #ffffff; }
.single-feedback-item .client-info h3 { color: var(--slate-900); }
.socialShare a:hover { background-color: var(--secondary-color); color: #ffffff; }

.footer-area { background-color: var(--slate-900); }
.footer-widget h3 { border-bottom-color: var(--secondary-color) !important; }
.footer-widget ul li a:hover, .single-footer-widget .footer-quick-links li a:hover, .single-footer-widget .footer-contact-info li a:hover { color: #ffc857; }
.footer_bottom { background-color: #0a2048 !important; border-top-color: var(--slate-700); }
.go-top { background-color: var(--secondary-color); }
.go-top::before { background-color: var(--primary-color); }
.fa-folder, .fa-clock-o, .fa-keyboard-o, .fa-map-marker, .fa-phone, .fa-envelope-o, .C-usp-flag, .T-usp-title, .about-content span, .services-box .content .read-more-btn { color: var(--secondary-color); }
th { background-color: var(--primary-color); color: #ffffff; }

@media (max-width: 1199px) {
  .header-style-four .pearo-responsive-nav, .header-style-four .navbar-area { background-color: var(--primary-color) !important; }
  .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal, .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal.meanclose { color: #ffffff !important; }
  .header-style-four .pearo-responsive-nav .mean-container a.meanmenu-reveal span { background-color: #ffffff !important; }
  .mean-container .mean-nav { background-color: #ffffff; box-shadow: 0 12px 24px rgba(16, 42, 92, 0.16); }
  .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a { border-top-color: var(--slate-100); color: var(--slate-800); }
  .mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li a:focus { background-color: var(--surface-warm); color: var(--primary-color); }
}