style.css
/*
Template name: Nova
Template author: FreeBootstrap.net
Author website: https://freebootstrap.net/


Overridden Structural CSS Tokens for Eon Education Programmatic Funnel Workspace
*/
:root,
[data-bs-theme=light] {
  --bs-body-bg: #ffffff;
  --bs-body-color: #494B5B;
  --bs-primary: #0056B3;
  --bs-primary-rgb: 0, 86, 179;
  --bs-primary-hover: #004085;
  --bs-primary-hover-rgb: 0, 64, 133;
  --bs-secondary: #FFC107;
  --bs-secondary-rgb: 255, 193, 7;
  --bs-accent-maroon: #800000;
  --bs-heading-color: #16181B;
  --inverse-color: #494B5B;
  --inverse-color-rgb: 73, 75, 91;
  --bs-link-color: var(--bs-primary);
  --nav-bg: #ffffff;
  --nav-color: #16181B;
  --dropdown-bg: #ffffff;
}


body {
  font: 1rem/1.6 "Inter", sans-serif;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.site-wrap {
  position: relative;
}


.section {
  padding: 38px 0;
  scroll-margin-top: 60px;
}


@media (max-width: 767.98px) {
  .section {
    padding: 22px 0;
  }
}


a {
  transition: 0.25s all ease-in-out;
  color: var(--bs-primary);
  text-decoration: underline;
}


a:hover {
  text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
  color: var(--bs-heading-color);
  font-weight: 800;
  line-height: 1.25;
}


.container {
  max-width: 1180px;
}


.candu-managed-section:empty {
  display: none !important;
}


.primary-amber-cta {
  background-color: #FFC107 !important;
  color: #000000 !important;
  border: 1px solid #FFC107 !important;
  padding: 10px 22px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}


.primary-amber-cta:hover,
.primary-amber-cta:focus,
.primary-amber-cta:active {
  background-color: #e0a800 !important;
  border-color: #e0a800 !important;
  color: #000000 !important;
}


.fbs__net-navbar {
  position: relative;
  top: auto;
  width: 100%;
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 14px;
  padding-bottom: 14px;
  z-index: 1000;
}


.fbs__net-navbar .navbar-brand {
  flex: 0 0 auto;
  margin-right: 24px;
  text-decoration: none !important;
}


.fbs__net-navbar .brand-logo-text {
  display: inline-block;
  font-size: 30px;
  font-weight: 900;
  color: #16181B;
  letter-spacing: -0.6px;
  line-height: 1;
}


.fbs__net-navbar .offcanvas {
  display: none !important;
}

.fbs__net-navbar .desktop-nav-menu {
  display: none !important;
}

.fbs__net-navbar .fbs__net-navbar-toggler {
  display: none !important;
}

.fbs__net-navbar .navbar-nav > li > .nav-link {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--bs-body-color) !important;
  padding: 8px 15px;
}

@media (min-width: 992px) {
  .fbs__net-navbar .desktop-nav-menu {
    display: flex !important;
  }
}

@media (max-width: 991.98px) {
  .fbs__net-navbar .offcanvas {
    display: block !important;
    flex: 1 1 auto;
  }

  .fbs__net-navbar .fbs__net-navbar-toggler {
    display: flex !important;
  }
}


.fbs__net-navbar .navbar-nav > li > .nav-link:hover {
  color: var(--bs-primary) !important;
}


.header-social {
  gap: 12px !important;
}


.rank-proof-headline-area {
  position: relative;
  width: 100%;
  background-color: #F8F9FA;
  border: 0 !important;
  padding: 40px 0;
}


.rank-proof-title-main {
  font-size: 2.15rem;
  font-weight: 900;
  color: #16181B;
  line-height: 1.35;
  margin-bottom: 6px;
  letter-spacing: -0.5px;
}


.rank-proof-subtitle-sub {
  font-size: 1.05rem;
  font-weight: 700;
  color: #6C757D;
  letter-spacing: 0.5px;
}


.lp-var {
  color: #2F6FAD;
  font-weight: 600;
}

.benefits-primary-blue-bg .lp-var,
.benchmarks-blue-metrics-box .lp-var,
.mission-statement .lp-var,
.footer .lp-var {
  color: #E8C36A !important;
  font-weight: 600;
}


.benefits-section-wrapper .benefits-primary-blue-bg {
  background-color: #0056B3 !important;
}


.benefits-section-wrapper h2,
.benefits-section-wrapper h3,
.benefits-section-wrapper p {
  color: #FFFFFF !important;
}


.benefits-section-wrapper .benefit-icon-box {
  color: #FFC107 !important;
}


.benchmarks-blue-metrics-box {
  background-color: #0056B3 !important;
}


.text-amber {
  color: #FFC107 !important;
}


.footer {
  background-color: #0056B3 !important;
  padding-top: 40px;
  padding-bottom: 20px;
}


.footer h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF !important;
}


.footer p,
.footer span {
  color: rgba(255, 255, 255, 0.75) !important;
}


.vertical-footer-links li {
  margin-bottom: 6px;
}


.vertical-footer-links a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 0.95rem;
  text-decoration: none !important;
}


.vertical-footer-links a:hover,
.legal-subpage-loops a:hover {
  color: #FFC107 !important;
}


.legal-subpage-loops a {
  text-decoration: none !important;
}


.hero__v6 {
  padding: 3.5rem 0 !important;
}


.hero-title {
  font-size: 38px;
  font-weight: 900;
  letter-spacing: -0.5px;
}


.subtitle,
.hero-subtitle,
.about__v4 .subtitle,
.howitworks__v1 .subtitle {
  background-color: rgba(var(--bs-primary-rgb), 0.08);
  color: var(--bs-primary);
  display: inline-block;
  padding: 4px 10px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 0.75rem;
  margin-bottom: 8px;
}


.about__v4 .mission-statement {
  background-color: var(--bs-primary);
}


.howitworks__v1 .step-card .step-number {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  color: #ffffff;
  background-color: var(--bs-primary);
  font-size: 16px;
}




.form-control {
  padding: 11px 14px;
  font-size: 15px;
  border-radius: 6px;
}


.list-checked li {
  position: relative;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 500;
  line-height: 1.55;
}

.list-checked li > span:not(.list-check-icon) {
  flex: 1;
  min-width: 0;
}


.list-check-icon {
  position: relative;
  top: -1px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--bs-secondary-rgb), 0.15);
  border-radius: 50%;
  color: #000;
  font-size: 15px;
  font-weight: 900;
  flex: 0 0 24px;
}


#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bs-primary);
  color: white;
  border: none;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s all ease;
}


#back-to-top.show {
  opacity: 1;
  visibility: visible;
}


.mission-icon {
  background: none !important;
  padding: 0 !important;
  border: none !important;
}


#reviews .testimonial {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #ffffff !important;
}


#reviews .testimonial:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 86, 179, 0.08) !important;
}


#reviews .primary-amber-cta:hover {
  background-color: #e0a800 !important;
  border-color: #e0a800 !important;
  color: #000000 !important;
}

@media (max-width: 991.98px) {
  .fbs__net-navbar .brand-logo-text {
    font-size: 26px;
  }
}


@media (max-width: 767.98px) {
  .rank-proof-headline-area {
    padding: 25px 0;
  }


  .rank-proof-title-main {
    font-size: 1.45rem;
  }
}