/* ===============================
   GLOBAL COLOR SYSTEM
================================ */
:root {
  --primary: #0a2540;
  --secondary: #00bcd4;
  --accent: #0d6efd;
  --text-dark: #0a2540;
  --text-light: #ffffff;
}

/* ===============================
   TEXT COLORS
================================ */
.theme,
a:hover {
  color: var(--secondary) !important;
}

.theme1,
.theme2,
.title {
  color: var(--primary) !important;
}

/* ===============================
   BACKGROUND COLORS
================================ */
.bg-theme {
  background: var(--secondary) !important;
}

.bg-theme1 {
  background: var(--primary) !important;
}

/* ===============================
   BUTTONS
================================ */
.nir-btn {
  background: var(--secondary);
  color: #fff;
}

.nir-btn::before {
  background: var(--primary);
}

.nir-btn:hover {
  color: #fff !important;
}

/* ===============================
   NAVBAR
================================ */
.navbar-nav li a:hover,
.header_menu .navbar.navbar-default .nav.navbar-nav li.active a {
  color: var(--secondary) !important;
}

/* ===============================
   HERO / OVERLAY
================================ */
.color-overlay {
  background: linear-gradient(135deg, #0a2540, #00bcd4);
  opacity: 0.9;
}

.bread-overlay {
  background: linear-gradient(135deg, #0a2540, #00bcd4);
}

/* ===============================
   COUNTER SECTION
================================ */
.coming-countermain::before {
  background: var(--secondary);
}

/* ===============================
   BACK TO TOP
================================ */
#back-to-top a {
  background: var(--secondary);
}

/* ===============================
   ACCORDION ACTIVE
================================ */
.accrodion.active .accrodion-title h6 {
  color: var(--secondary);
}

/* ===============================
   TABS / PILLS
================================ */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--secondary);
}

/* ===============================
   FORM BUTTON
================================ */
input[type="submit"]:hover {
  background: var(--primary);
  color: #fff;
}

/* ===============================
   SEARCH BUTTON
================================ */
#search1 .btn {
  background: var(--secondary);
}

/* ===============================
   PLAY BUTTON (VIDEO)
================================ */
.event-calltoaction .call-button button.play-btn i {
  background: var(--secondary);
}

/* ===============================
   TESTIMONIAL ICON
================================ */
.event-testimonial .testimonial-item .testimonial-content .testimonial-icon {
  background: var(--secondary);
}