:root {
  --logo-width: 320px;
  --logo-footer-width: 190px;

  --primary-color: #1A68BE;
  --primary-color-rgb: 26, 104, 190;
  --secondary-color: #F09810;
  --secondary-color-rgb: 240, 152, 16;
  --sky-color: #2BB1F0;
  --sky-color-rgb: 43, 177, 240;
  --sun-yellow: #F8C020;
  --sun-orange: #E88808;

  --heading-font-color: #0B3D7A;
  --bg-dark-1: #0B3D7A;
  --bg-dark-1-rgb: 11, 61, 122;
  --bg-dark-2: #082445;
  --btn-hover-bg: #0B3D7A;
}

/* Header logo */
header #logo {
  flex-shrink: 0;
  min-width: 320px;
}

header #logo img.logo-main,
header #logo img.logo-scroll,
header #logo img.logo-mobile {
  width: 320px !important;
  max-width: 320px !important;
  height: auto !important;
  max-height: none !important;
}

header.smaller #logo {
  min-width: 240px;
}

header.smaller #logo img.logo-main,
header.smaller #logo img.logo-scroll,
header.smaller #logo img.logo-mobile {
  width: 240px !important;
  max-width: 240px !important;
}

@media (max-width: 991px) {
  header #logo {
    min-width: 220px;
  }

  header #logo img.logo-main,
  header #logo img.logo-scroll,
  header #logo img.logo-mobile {
    width: 220px !important;
    max-width: 220px !important;
  }
}

footer .logo-footer {
  height: auto;
  max-height: 72px;
  width: auto;
  background: #fff;
  border-radius: 8px;
  padding: 6px 10px;
}

#extra-content .site-logo {
  max-width: 170px;
  height: auto;
  background: #fff;
  border-radius: 8px;
  padding: 6px 10px;
}

/* Sun-gradient buttons */
a.btn-main,
a.btn-main:active,
a.btn-main:focus,
a.btn-main:visited,
.btn-main,
input[type=button].btn-main {
  background: linear-gradient(135deg, var(--sun-yellow) 0%, var(--secondary-color) 55%, var(--sun-orange) 100%);
  color: #fff;
  box-shadow: 0 8px 20px rgba(var(--secondary-color-rgb), .28);
}

a.btn-main:hover,
.btn-main:hover {
  background: linear-gradient(135deg, var(--secondary-color) 0%, var(--sun-orange) 100%);
  color: #fff;
}

a.btn-main.fx-slide:hover:before {
  color: #fff;
}

/* Soft brand section tints — never override photo backgrounds */
.bg-color-op-1:not([data-bgimage]) {
  background: linear-gradient(180deg, rgba(var(--sky-color-rgb), .12) 0%, rgba(var(--primary-color-rgb), .08) 100%) !important;
}

#section-intro {
  background-image: url('../images/background/5.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-light {
  background: #f4f9fd !important;
}

/* Highlights and accents */
.id-color {
  color: var(--primary-color);
}

.text-light .id-color,
.bg-dark-1 .id-color,
.section-dark .id-color {
  color: var(--sun-yellow);
}

/* Header / nav */
#mainmenu > li {
  margin-right: 18px;
}

#mainmenu > li > a.menu-item {
  position: relative;
}

#mainmenu > li > a.menu-item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  height: 2px;
  background: linear-gradient(90deg, var(--sun-yellow), var(--sun-orange));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}

#mainmenu > li > a.menu-item:hover:after,
#mainmenu > li > a.menu-item.active:after,
#mainmenu > li:hover > a.menu-item:after {
  transform: scaleX(1);
}

header.header-light #mainmenu > li > a,
header.smaller.scroll-light #mainmenu > li > a {
  color: var(--heading-font-color);
}

header.header-light #mainmenu > li > a:hover,
header.header-light #mainmenu > li > a:focus,
header.header-light #mainmenu > li > a.active,
#mainmenu li a.active {
  color: var(--primary-color) !important;
}

#mainmenu li ul {
  width: 230px;
  padding: 10px 0;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(11, 61, 122, .14);
  border: 1px solid rgba(26, 104, 190, .08);
  overflow: hidden;
}

#mainmenu li li a {
  padding: 10px 18px;
  font-weight: 500;
  color: var(--heading-font-color);
}

#mainmenu li li a:hover,
#mainmenu ul li:hover > a {
  background: linear-gradient(135deg, var(--primary-color), var(--sky-color));
  color: #fff;
}

header.smaller #mainmenu > li > a.menu-item:after {
  bottom: 12px;
}

@media (max-width: 1199px) {
  #mainmenu > li {
    margin-right: 12px;
  }
}

/* Side panel */
#extra-wrap {
  background: var(--bg-dark-1);
}

#extra-wrap .ul-check li:before,
#extra-content a:hover {
  color: var(--sun-yellow);
}

/* Footer */
footer.section-dark {
  background: var(--bg-dark-1);
}

footer .social-icons a:hover,
.social-icons a:hover {
  background: var(--secondary-color);
  color: #fff;
}

/* FAQ tabs */
.de-tab .d-tab-nav li.active-tab,
.de-tab .d-tab-nav li:hover {
  color: var(--primary-color);
}

.accordion-section-title:hover,
.accordion-section-title.active {
  color: var(--primary-color);
}

/* Carousel / UI chrome */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--secondary-color);
}

#back-to-top {
  background: linear-gradient(135deg, var(--sun-yellow), var(--sun-orange));
}

/* Dark about section */
.bg-dark-1,
section.bg-dark-1 {
  background-color: var(--bg-dark-1) !important;
}

.ul-check.text-white li:before {
  color: var(--sun-yellow);
}