@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";

html {
  scroll-behavior: smooth;
  line-height: 1.1;
  font-size: 16px;
  box-sizing: border-box;
  font-size: 100%;
  margin-top: 0rem
}

body {
  font-family: "DM Sans", sans-serif;
  font-size: 1rem;
  margin: 0rem;
  padding: 0rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--background-color);
  color: var(--black)
}

*,
*::before,
*::after {
  box-sizing: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  color: var(--blue);
  margin-top: 0rem
}

h1 {
  font-size: 2.625rem;
  margin-bottom: 2.1875rem
}

@media(min-width: 1200px) {
  h1 {
    font-size: 2.8125rem
  }
}

@media(min-width: 1400px) {
  h1 {
    font-size: 3.125rem
  }
}

@media(min-width: 1600px) {
  h1 {
    font-size: 4.375rem
  }
}

h2 {
  font-size: 1.875rem;
  margin-bottom: 2.1875rem
}

@media(min-width: 992px) {
  h2 {
    font-size: 2.8125rem
  }
}

h3 {
  font-size: 1.625rem;
  margin-bottom: 2.1875rem
}

@media(min-width: 992px) {
  h3 {
    font-size: 2.5rem
  }
}

h4 {
  font-size: 1.5rem;
  margin-bottom: 1.5625rem
}

@media(min-width: 992px) {
  h4 {
    font-size: 2.25rem
  }
}

h5 {
  font-size: 1.25rem;
  margin-bottom: 1.5625rem
}

h6 {
  font-size: 1.125rem;
  margin-bottom: 2.5rem
}

p {
  margin-top: 0rem;
  margin-bottom: 2.188rem
}

.lead {
  font-weight: 700;
  color: var(--blue)
}

strong {
  font-weight: 700;
  color: var(--blue)
}

a {
  color: var(--gold);
  text-decoration: none;
  transition: .6s ease-in-out all
}

a:hover {
  color: var(--blue)
}

:root {
  --blue: #00213d;
  --gold: #e4ba4c;
  --white: #fff;
  --grey: #fbfaf9;
  --black: #212121
}

.blue-text {
  color: var(--blue)
}

.gold-text {
  color: var(--gold)
}

.white-text {
  color: var(--white)
}

.grey-text {
  color: var(--grey)
}

.blacktext {
  color: var(--black)
}

header {
  padding-top: 2.8125rem;
  position: absolute;
  top: 0;
  width: 100%;
  transition: .3s ease-in-out all;
  z-index: 10
}

@media(min-width: 768px) {
  header {
    padding-top: 3.4375rem
  }
}

@media(min-width: 1200px) {
  header {
    padding-top: 3.75rem
  }
}

@media(min-width: 1600px) {
  header {
    padding-top: 5.1875rem
  }
}

@media(min-width: 1200px) {
  header .container {
    max-width: 1080px
  }
}

@media(min-width: 1366px) {
  header .container {
    max-width: 1340px
  }
}

@media(min-width: 1920px) {
  header .container {
    max-width: 1540px
  }
}

header .tablet-mobile-menu nav {
  display: flex;
  gap: 0rem
}

header .tablet-mobile-menu .navbar-toggler {
  border: none;
  color: var(--white)
}

header .tablet-mobile-menu .offcanvas {
  background: var(--blue);
  padding: 1.5625rem;
  gap: 1.875rem
}

header .tablet-mobile-menu .offcanvas::after {
  display: block;
  content: "";
  background-image: url(../images/transparent-white-g-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48%;
  height: 50vh;
  position: absolute;
  right: 0;
  bottom: 0
}

header .tablet-mobile-menu .offcanvas button {
  background: none;
  border: none;
  text-align: left;
  color: var(--gold);
  padding: 0px;
  font-size: 1.6875rem
}

header .tablet-mobile-menu .offcanvas ul li {
  max-width: 100%;
  font-size: 1.375rem
}

header .tablet-mobile-menu .offcanvas ul .show {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background: none;
  border: none;
  gap: 0.3125rem
}

@media(min-width: 1200px) {
  header .tablet-mobile-menu .offcanvas ul .show {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: none
  }
}

header .tablet-mobile-menu .offcanvas ul .show li a {
  color: var(--gold)
}

header .tablet-mobile-menu .offcanvas .dropdown-toggle {
  white-space: nowrap;
  justify-content: flex-end;
  display: flex
}

.site-logo {
  height: 2.875rem
}

nav {
  gap: 5rem
}

@media(min-width: 1680px) {
  nav {
    gap: 2.5rem
  }
}

@media(min-width: 1920px) {
  nav {
    gap: 5rem
  }
}

nav ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3.75rem;
  margin-left: 0rem;
  padding: 0
}

@media(min-width: 1200px) {
  nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.75rem;
    margin-left: 0rem
  }
}

@media(min-width: 1366px) {
  nav ul {
    gap: 2rem
  }
}

@media(min-width: 1440px) {
  nav ul {
    gap: 2.0625rem
  }
}

@media(min-width: 1680px) {
  nav ul {
    gap: 1.5625rem
  }
}

@media(min-width: 1920px) {
  nav ul {
    gap: 4.125rem
  }
}

nav ul li {
  max-width: 6.25rem
}

@media(min-width: 992px) {
  nav ul li {
    max-width: 6.25rem
  }
}

@media(min-width: 1200px) {
  nav ul li {
    max-width: 6.6875rem
  }
}

@media(min-width: 1366px) {
  nav ul li {
    max-width: 6.5rem
  }
}

@media(min-width: 1440px) {
  nav ul li {
    max-width: 6.625rem
  }
}

@media(min-width: 1600px) {
  nav ul li {
    max-width: 8.125rem
  }
}

@media(min-width: 1800px) {
  nav ul li {
    max-width: 6.75rem
  }
}

@media(min-width: 1920px) {
  nav ul li {
    max-width: 6.4375rem
  }
}

nav ul li a {
  color: var(--white);
  padding: 0rem;
  font-weight: 700
}

nav ul li a:hover {
  color: var(--gold)
}

@media(min-width: 1200px) {
  nav ul li a.dropdown-toggle {
    white-space: wrap;
    display: flex;
    align-items: flex-end
  }
}

nav ul li a.dropdown-toggle:after {
  padding-bottom: 0rem !important;
  margin-right: 10px;
  content: "";
  border: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 8px
}

nav ul li .dropdown-menu {
  background: #d8cfb5;
  padding: 1.125rem;
  margin-top: 30px;
  left: -19%;
  border: 0px
}

nav ul li .dropdown-menu.show:before {
  content: "";
  height: 30px;
  width: 100%;
  top: -30px;
  position: absolute;
  left: 0
}

nav ul li .dropdown-menu li {
  max-width: 100%;
  padding-bottom: 0.6875rem
}

nav ul li .dropdown-menu li:last-of-type {
  padding-bottom: 0
}

nav ul li .dropdown-menu li:nth-child(2) {
  border-top: 1px solid rgba(0, 33, 61, .29);
  border-bottom: 1px solid rgba(0, 33, 61, .29);
  padding: 0.6875rem 0;
  margin: 0.25rem 0 12px 0
}

nav ul li .dropdown-menu li a {
  padding: 0;
  font-weight: 700;
  opacity: 1;
  transition: .6s ease-in-out all
}

nav ul li .dropdown-menu li a:hover {
  color: var(--blue);
  opacity: .75
}

nav ul li .dropdown-menu li a:hover {
  background: none
}

nav ul li .dropdown-menu li a.active {
  background: none !important
}

nav ul li .dropdown-menu li.current-page-item {
  background: none !important
}

#site-header-inner {
  position: relative;
  margin-bottom: 6.25rem
}

@media(min-width: 992px) {
  #site-header-inner {
    margin-bottom: 8.5625rem
  }
}

#site-header-inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0%;
  background: url(images/transparent-top-lines.png);
  background-repeat: repeat;
  width: 36rem;
  height: 36.0625rem;
  background-repeat: no-repeat;
  z-index: -1
}

#site-header-inner nav ul li {
  position: relative
}

#site-header-inner nav ul li:hover>ul {
  display: block;
  visibility: visible;
  opacity: 1
}

#site-header-inner nav ul li a {
  color: var(--blue)
}

#site-header-inner nav ul li a:hover {
  color: var(--gold)
}

#site-header-inner nav ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
  background: var(--blue);
  padding: 0.625rem;
  transition: opacity .3s ease, visibility .3s ease
}

#site-header-inner nav ul li ul li {
  width: 100%
}

#site-header-inner nav ul li ul li a {
  padding: 0.625rem;
  display: block
}

#site-header-inner nav ul li ul li a:hover {
  color: var(--gold)
}

#site-header-inner nav ul li .dropdown-menu {
  background: #d8cfb5;
  padding: 1.125rem;
  margin-top: 30px;
  left: -50%;
  border: 0px
}

#site-header-inner nav ul li .dropdown-menu.show:before {
  content: "";
  height: 30px;
  width: 100%;
  top: -30px;
  position: absolute;
  left: 0
}

#site-header-inner nav ul li .dropdown-menu li {
  max-width: 100%;
  padding-bottom: 0.6875rem
}

#site-header-inner nav ul li .dropdown-menu li:last-of-type {
  padding-bottom: 0
}

#site-header-inner nav ul li .dropdown-menu li a {
  padding: 0;
  font-weight: 700;
  opacity: 1;
  transition: .6s ease-in-out all
}

#site-header-inner nav ul li .dropdown-menu li a:hover {
  color: var(--blue);
  opacity: .75
}

#site-header-inner nav ul li .dropdown-menu li a:hover {
  background: none
}

#site-header-inner .tablet-mobile-menu nav {
  display: flex;
  gap: 0rem
}

#site-header-inner .tablet-mobile-menu .navbar-toggler {
  border: none;
  color: var(--blue)
}

#site-header-inner .tablet-mobile-menu .offcanvas {
  background: var(--blue);
  padding: 1.5625rem;
  gap: 1.875rem
}

#site-header-inner .tablet-mobile-menu .offcanvas::after {
  display: block;
  content: "";
  background-image: url(../images/transparent-white-g-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48%;
  height: 50vh;
  position: absolute;
  right: 0;
  bottom: 0
}

#site-header-inner .tablet-mobile-menu .offcanvas button {
  background: none;
  border: none;
  text-align: left;
  color: var(--gold);
  padding: 0px;
  font-size: 1.6875rem
}

#site-header-inner .tablet-mobile-menu .offcanvas ul li {
  max-width: 100%;
  font-size: 1.375rem
}

#site-header-inner .tablet-mobile-menu .offcanvas ul li a {
  color: var(--white)
}

#site-header-inner .tablet-mobile-menu .offcanvas ul .show {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background: none;
  border: none;
  gap: 0.3125rem
}

@media(min-width: 1200px) {
  #site-header-inner .tablet-mobile-menu .offcanvas ul .show {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: none
  }
}

#site-header-inner .tablet-mobile-menu .offcanvas ul .show li a {
  color: var(--gold)
}

#site-header-inner .tablet-mobile-menu .offcanvas .dropdown-menu {
  left: 0;
  top: 0;
  position: relative
}

#contact-header {
  padding-top: 2.8125rem;
  position: absolute;
  top: 0;
  width: 100%;
  transition: .3s ease-in-out all;
  z-index: 10
}

@media(min-width: 768px) {
  #contact-header {
    padding-top: 3.4375rem
  }
}

@media(min-width: 1200px) {
  #contact-header {
    padding-top: 3.75rem
  }
}

@media(min-width: 1600px) {
  #contact-header {
    padding-top: 5.1875rem
  }
}

@media(min-width: 1200px) {
  #contact-header .container {
    max-width: 1080px
  }
}

@media(min-width: 1366px) {
  #contact-header .container {
    max-width: 1340px
  }
}

@media(min-width: 1920px) {
  #contact-header .container {
    max-width: 1540px
  }
}

#contact-header .tablet-mobile-menu nav {
  display: flex;
  gap: 0rem
}

#contact-header .tablet-mobile-menu .navbar-toggler {
  border: none;
  color: var(--white)
}

#contact-header .tablet-mobile-menu .offcanvas {
  background: var(--blue);
  padding: 1.5625rem;
  gap: 1.875rem
}

#contact-header .tablet-mobile-menu .offcanvas::after {
  display: block;
  content: "";
  background-image: url(../images/transparent-white-g-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48%;
  height: 50vh;
  position: absolute;
  right: 0;
  bottom: 0
}

#contact-header .tablet-mobile-menu .offcanvas button {
  background: none;
  border: none;
  text-align: left;
  color: var(--gold);
  padding: 0px;
  font-size: 1.6875rem
}

#contact-header .tablet-mobile-menu .offcanvas ul li {
  max-width: 100%;
  font-size: 1.375rem
}

#contact-header .tablet-mobile-menu .offcanvas ul .show {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background: none;
  border: none;
  gap: 0.3125rem
}

@media(min-width: 1200px) {
  #contact-header .tablet-mobile-menu .offcanvas ul .show {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: none
  }
}

#contact-header .tablet-mobile-menu .offcanvas ul .show li a {
  color: var(--gold)
}

#quiz-header {
  padding: 15px 0px;
  background: var(--blue);
  position: relative
}

#quiz-header .quiz-header-strip {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  row-gap: 1.5625rem
}

@media(min-width: 576px) {
  #quiz-header .quiz-header-strip {
    justify-content: space-between;
    flex-direction: row;
    align-self: start;
    row-gap: 0rem
  }
}

#quiz-header .quiz-header-strip .return-to-quiz .button-ghost:hover svg {
  transform: rotate(180deg) translateX(2.8125rem)
}

#quiz-header .quiz-header-strip .return-to-quiz .button-ghost svg {
  transform: rotate(180deg) translateX(2.1875rem)
}

#posts-page .spotlight-category-posts .title {
  margin-bottom: 2.1875rem
}

@media(min-width: 1768px) {
  #posts-page .spotlight-category-posts .title {
    margin-bottom: 4.0625rem
  }
}

@media(min-width: 1200px) {
  #posts-page .spotlight-category-posts .title {
    margin-bottom: 6.9375rem
  }
}

#posts-page .spotlight-category-posts .post-carousel .spotlight-hero-image {
  overflow: hidden;
  position: relative;
  border-radius: 1.6875rem
}

#posts-page .spotlight-category-posts .post-carousel .spotlight-hero-image::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  background: url(../images/image-lines.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  height: 25.1875rem;
  width: 22.5rem
}

#posts-page .spotlight-category-posts .post-carousel .spotlight-hero-image img {
  border-radius: 1.6875rem;
  position: relative
}

#posts-page .spotlight-category-posts .post-carousel .post-carousel-content {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem;
  padding-top: 2.1875rem
}

@media(min-width: 992px) {
  #posts-page .spotlight-category-posts .post-carousel .post-carousel-content {
    padding-top: 0px
  }
}

#posts-page .spotlight-category-posts .post-carousel .post-carousel-content #pull-through {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem
}

#posts-page .spotlight-category-posts .post-carousel .post-carousel-content #pull-through .content {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem
}

#posts-page .spotlight-category-posts .post-carousel .post-carousel-content #pull-through h2 {
  margin-bottom: 0px
}

#posts-page .spotlight-category-posts .post-carousel .post-carousel-content #pull-through h2 a {
  color: var(--blue)
}

#posts-page .spotlight-category-posts .post-carousel .post-carousel-content #pull-through p {
  margin-bottom: 0px
}

#posts-page #site-posts {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem
}

@media(min-width: 768px) {
  #posts-page #site-posts {
    margin-top: 4.6875rem;
    margin-bottom: 4.6875rem
  }
}

@media(min-width: 1200px) {
  #posts-page #site-posts {
    margin-top: 9.5rem;
    margin-bottom: 9.5rem
  }
}

#posts-page #site-posts h2 {
  margin-bottom: 4rem
}

#posts-page #site-posts .slick-slide {
  margin: 0 15px
}

#posts-page #site-posts .slick-list {
  margin: 0 -15px
}

#posts-page #site-posts .blog-feed-item .post-image {
  background: var(--blue);
  border-radius: 0.625rem;
  overflow: hidden
}

#posts-page #site-posts .blog-feed-item .post-image img {
  opacity: 1;
  transition: .6s ease-in-out all;
  -o-object-fit: cover;
  object-fit: cover;
  height: 21.25rem
}

#posts-page #site-posts .blog-feed-item .post-image img:hover {
  opacity: .65
}

#posts-page #site-posts .blog-feed-item .blog-feed-item-content {
  max-width: 75%;
  padding-bottom: 2.1875rem;
  padding-top: 2.1875rem;
  padding-left: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem
}

@media(min-width: 768px) {
  #posts-page #site-posts .blog-feed-item .blog-feed-item-content {
    padding-top: 2.6875rem;
    padding-bottom: 2.6875rem
  }
}

@media(min-width: 1200px) {
  #posts-page #site-posts .blog-feed-item .blog-feed-item-content {
    padding-top: 3.875rem
  }
}

#posts-page #site-posts .blog-feed-item .blog-feed-item-content h3 {
  font-size: 1.875rem;
  margin-bottom: 0px
}

#posts-page #site-posts .blog-feed-item .blog-feed-item-content h3 a {
  color: var(--blue)
}

#posts-page #site-posts .blog-feed-item .blog-feed-item-content .blog-feed-item-excerpt {
  color: #00213d
}

#posts-page #site-posts .blog-feed-item .blog-feed-item-content .blog-feed-item-content-inner {
  display: flex;
  flex-direction: column;
  gap: 1.875rem
}

#posts-page #site-posts .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin-top: 3.75rem
}

#posts-page #site-posts .pagination li.active {
  background: none
}

#posts-page #site-posts .pagination li.active a {
  background: var(--blue);
  border: none;
  color: var(--gold)
}

#posts-page #site-posts .pagination li a {
  color: var(--blue)
}

#posts-page #site-posts .pagination .page-link {
  border-radius: 0.125rem
}

#post-content {
  padding: 3.125rem 0px
}

@media(min-width: 576px) {
  #post-content {
    padding: 3.75rem 0px
  }
}

@media(min-width: 768px) {
  #post-content {
    padding: 5rem 0px
  }
}

@media(min-width: 1200px) {
  #post-content {
    padding: 9.375rem 0px
  }
}

#post-content .insight-sidebar .post-image {
  background: var(--blue)
}

#post-content .insight-sidebar .post-image img {
  opacity: 1;
  transition: .3s ease-in-out all
}

#post-content .insight-sidebar .post-image img:hover {
  opacity: .65
}

#post-content .insight-sidebar .blog-feed-item {
  display: flex;
  flex-direction: column;
  gap: 1.9375rem;
  margin-bottom: 3.125rem;
  border-bottom: 1px solid var(--blue)
}

#post-content .insight-sidebar .blog-feed-item .blog-feed-item-content {
  display: flex;
  flex-direction: column;
  gap: 1.9375rem;
  padding: 0px 0.9375rem 2.1875rem 0.9375rem
}

#post-content .insight-sidebar .blog-feed-item .blog-feed-item-content h3 {
  font-size: 1.875rem;
  margin-bottom: 0px
}

@media(min-width: 576px) {
  #post-content .insight-sidebar .blog-feed-item .blog-feed-item-content h3 {
    font-size: 1.5rem
  }
}

@media(min-width: 1200px) {
  #post-content .insight-sidebar .blog-feed-item .blog-feed-item-content h3 {
    font-size: 1.875rem
  }
}

#post-content .insight-sidebar .blog-feed-item .blog-feed-item-content h3 a {
  color: var(--blue)
}

#post-content .insight-sidebar .blog-feed-item .blog-feed-item-content h3 a:hover {
  color: var(--gold)
}

#post-content .insight-sidebar .blog-feed-item:last-of-type {
  border-bottom: none
}

#hero {
  background: var(--blue);
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden
}

@media(min-width: 1200px) {
  #hero {
    height: 55.9375rem
  }
}

#hero .hero-container {
  width: 100vw;
  position: relative;
  overflow: hidden
}

#hero .hero-container:before {
  display: block;
  content: "";
  background: url(../images/transparent-white-g.png);
  width: 22.375rem;
  height: 50rem;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 100%
}

@media(min-width: 1200px) {
  #hero .hero-container:before {
    display: block;
    content: "";
    background: url(../images/transparent-white-g.png);
    width: 22.375rem;
    height: 50rem;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -25%
  }
}

#hero .hero-container .hero-content {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 50.625rem;
  padding: 0px 0.9375rem 2.5rem 0.9375rem
}

@media(min-width: 576px) {
  #hero .hero-container .hero-content {
    padding: 0px 2.8125rem 1.875rem 2.8125rem;
    height: 56.25rem
  }
}

@media(min-width: 768px) {
  #hero .hero-container .hero-content {
    padding: 0px 2.8125rem 5.625rem 2.8125rem;
    height: 67vh
  }
}

@media(min-width: 992px) {
  #hero .hero-container .hero-content {
    padding: 0px 2.8125rem 5.625rem 2.8125rem;
    height: 67vh
  }
}

@media only screen and (min-width: 1024px)and (max-height: 1366px) {
  #hero .hero-container .hero-content {
    padding: 0px 2.8125rem 5.625rem 8.125rem
  }
}

@media(min-width: 1200px) {
  #hero .hero-container .hero-content {
    padding: 0px 0px 0px 9.5%;
    flex-direction: row;
    gap: 3.125rem
  }
}

@media(min-width: 1400px) {
  #hero .hero-container .hero-content {
    padding: 0px 0px 0px 6.5%
  }
}

@media(min-width: 1600px) {
  #hero .hero-container .hero-content {
    padding: 190px 0px 0px 20.5%;
    gap: 4.625rem
  }
}

@media(min-width: 1800px) {
  #hero .hero-container .hero-content {
    padding: 190px 0px 0px 28.5%
  }
}

@media(min-width: 1920px) {
  #hero .hero-container .hero-content {
    padding: 190px 0px 0px 12.5rem
  }
}

#hero .hero-container .hero-content .hero-content-instruction {
  text-orientation: mixed;
  writing-mode: vertical-lr;
  transform: scale(-1);
  color: var(--white);
  height: auto;
  display: none;
  align-items: center;
  gap: 1.5625rem
}

@media(min-width: 1200px) {
  #hero .hero-container .hero-content .hero-content-instruction {
    display: flex
  }
}

@media(min-width: 1400px) {
  #hero .hero-container .hero-content .hero-content-instruction {
    height: 26.875rem
  }
}

#hero .hero-container .hero-content .hero-content-instruction p {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  margin: 0px
}

#hero .hero-container .hero-content .hero-content-instruction p .copy {
  height: 148px
}

#hero .hero-container .hero-content .hero-content-instruction p .line {
  width: 1px;
  height: 100%;
  background: var(--white)
}

#hero .hero-container .hero-content .hero-content-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.875rem
}

#hero .hero-container .hero-content .hero-content-container h1 {
  margin-bottom: 0 !important
}

#hero .hero-container .hero-content .hero-content-container .hero-link a {
  text-align: center
}

@media(max-width: 1600px) {
  #hero .hero-container .hero-content .hero-content-container .hero-link a {
    display: block
  }
}

#hero .hero-container .hero-content .hero-content-container .hero-link a:last-of-type {
  margin-top: 35px
}

@media(min-width: 1400px) {
  #hero .hero-container .hero-content .hero-content-container .hero-link a:last-of-type {
    margin-left: 0px;
    margin-top: 35px
  }
}

@media(min-width: 1600px) {
  #hero .hero-container .hero-content .hero-content-container .hero-link a:last-of-type {
    margin-left: 15px;
    margin-top: 0px
  }
}

@media(min-width: 1800px) {
  #hero .hero-container .hero-content .hero-content-container .hero-link a:last-of-type {
    margin-left: 50px;
    margin-top: 0px
  }
}

#hero .hero-container .hero-content h1 {
  color: var(--white);
  margin-bottom: 4.0625rem;
  max-width: 100%;
  font-size: 2.6875rem
}

@media(min-width: 580px) {
  #hero .hero-container .hero-content h1 {
    font-size: 3.75rem
  }
}

@media(min-width: 1200px) {
  #hero .hero-container .hero-content h1 {
    font-size: 3.375rem
  }
}

@media(min-width: 1400px) {
  #hero .hero-container .hero-content h1 {
    font-size: 4.0625rem
  }
}

@media(min-width: 1920px) {
  #hero .hero-container .hero-content h1 {
    font-size: 4.375rem
  }
}

#hero .hero-container .hero-content .hero-info p {
  color: var(--white)
}

#hero .hero-container .hero-content .hero-info p strong {
  color: var(--white)
}

#hero .hero-container .hero-image-block {
  position: relative;
  z-index: 0;
  height: 50vh
}

@media(min-width: 1200px) {
  #hero .hero-container .hero-image-block {
    height: auto
  }
}

#hero .hero-container .hero-image-block::after {
  display: block;
  content: "";
  background: url(../images/hero-trim-mobile.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  height: 230px;
  z-index: 0;
  position: relative;
  top: -2px
}

@media(min-width: 1200px) {
  #hero .hero-container .hero-image-block::after {
    padding: 0px 0px 0px 29.5%;
    flex-direction: row;
    background: url(../images/hero-trim.png);
    background-repeat: no-repeat;
    height: 55.9375rem
  }
}

#site-wide-hero {
  position: relative
}

@media(min-width: 1366px) {
  #site-wide-hero .container {
    max-width: 1340px
  }
}

@media(min-width: 1920px) {
  #site-wide-hero .container {
    max-width: 1540px
  }
}

#site-wide-hero .container .row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start
}

@media(min-width: 992px) {
  #site-wide-hero .container .row {
    flex-direction: row;
    align-items: center
  }
}

@media(min-width: 768px) {
  #site-wide-hero::before {
    display: block;
    content: "";
    background: url(../images/transparent-yellow-g-left.png);
    width: 23.625rem;
    height: 50rem;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -25%;
    top: 17%
  }
}

#site-wide-hero .hero-content-outer {
  display: flex;
  flex-direction: row;
  gap: 2.1875rem;
  margin-bottom: 2.1875rem
}

@media(min-width: 992px) {
  #site-wide-hero .hero-content-outer {
    margin-bottom: 0rem;
    gap: 4.625rem
  }
}

#site-wide-hero .hero-content-outer .hero-content-instruction {
  text-orientation: mixed;
  writing-mode: vertical-lr;
  transform: scale(-1);
  color: var(--blue);
  height: 26.875rem;
  display: flex;
  align-items: center;
  gap: 1.5625rem;
  display: none
}

@media(min-width: 1200px) {
  #site-wide-hero .hero-content-outer .hero-content-instruction {
    display: flex
  }
}

#site-wide-hero .hero-content-outer .hero-content-instruction p {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  margin: 0px
}

#site-wide-hero .hero-content-outer .hero-content-instruction p .copy {
  height: 148px
}

#site-wide-hero .hero-content-outer .hero-content-instruction p .line {
  width: 1px;
  height: 100%;
  background: var(--blue)
}

#site-wide-hero .hero-content-outer .hero-content-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px
}

#site-wide-hero .hero-content-outer .hero-content-container .hero-content {
  display: flex;
  flex-direction: column;
  gap: 0rem
}

#site-wide-hero .hero-content-outer .hero-content-container .hero-content p:last-of-type {
  margin-bottom: 2.1875rem
}

@media(min-width: 1200px) {
  #site-wide-hero .hero-content-outer .hero-content-container .hero-content p:last-of-type {
    margin-bottom: 4.0625rem
  }
}

#site-wide-hero .hero-image-block {
  overflow: hidden;
  position: relative;
  border-radius: 1.6875rem
}

#site-wide-hero .hero-image-block::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  background: url(../images/image-lines.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  height: 25.1875rem;
  width: 22.5rem
}

#site-wide-hero .hero-image-block img {
  border-radius: 1.6875rem;
  position: relative
}

#site-wide-hero+#full-height-text-image {
  margin-top: 4.0625rem
}

@media(min-width: 992px) {
  #site-wide-hero+#full-height-text-image {
    margin-top: 5.9375rem
  }
}

@media(min-width: 1200px) {
  #site-wide-hero+#full-height-text-image {
    margin-top: 7.1875rem
  }
}

@media(min-width: 1366px) {
  #site-wide-hero+#full-height-text-image {
    margin-top: 8.125rem
  }
}

@media(min-width: 1440px) {
  #site-wide-hero+#full-height-text-image {
    margin-top: 10.0625rem
  }
}

#archive-hero {
  margin-bottom: 8.3125rem
}

@media(min-width: 1366px) {
  #archive-hero .container {
    max-width: 1340px
  }
}

@media(min-width: 1920px) {
  #archive-hero .container {
    max-width: 1540px
  }
}

#archive-hero::before {
  display: block;
  content: "";
  background: url(../images/transparent-yellow-g-left.png);
  width: 23.625rem;
  height: 50rem;
  background-repeat: no-repeat;
  position: absolute;
  display: none
}

@media(min-width: 768px) {
  #archive-hero::before {
    display: block
  }
}

#archive-hero .hero-content {
  display: flex;
  flex-direction: row;
  gap: 2.5rem
}

@media(min-width: 992px) {
  #archive-hero .hero-content {
    gap: 4.625rem
  }
}

#archive-hero .hero-content .hero-content-instruction {
  text-orientation: mixed;
  writing-mode: vertical-lr;
  transform: scale(-1);
  color: var(--blue);
  height: 26.875rem;
  display: flex;
  align-items: center;
  gap: 1.5625rem;
  display: none
}

@media(min-width: 1200px) {
  #archive-hero .hero-content .hero-content-instruction {
    display: flex
  }
}

#archive-hero .hero-content .hero-content-instruction p {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  margin: 0px
}

#archive-hero .hero-content .hero-content-instruction p .copy {
  height: 148px
}

#archive-hero .hero-content .hero-content-instruction p .line {
  width: 1px;
  height: 100%;
  background: var(--blue)
}

#archive-hero .hero-content .hero-content-container {
  display: flex;
  flex-direction: column
}

#archive-hero .hero-content .hero-content-container .hero-content {
  display: flex;
  flex-direction: column;
  gap: 0rem
}

#archive-hero .hero-content .hero-content-container .hero-content p:last-of-type {
  margin-bottom: 4.0625rem
}

#archive-hero .hero-image-block {
  overflow: hidden;
  position: relative;
  border-radius: 1.6875rem
}

#archive-hero .hero-image-block::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  background: url(../images/image-lines.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  height: 25.1875rem;
  width: 22.5rem
}

#archive-hero .hero-image-block img {
  border-radius: 1.6875rem
}

#hero-contact {
  background: var(--blue);
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden
}

@media(min-width: 1200px) {
  #hero-contact {
    height: 50.9375rem
  }
}

#hero-contact .container {
  position: relative
}

@media(min-width: 1366px) {
  #hero-contact .container {
    max-width: 1340px
  }
}

@media(min-width: 1920px) {
  #hero-contact .container {
    max-width: 1540px
  }
}

#hero-contact .container:before {
  display: block;
  content: "";
  background: url(../images/transparent-white-g.png);
  width: 22.375rem;
  height: 50rem;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -76%;
  left: -11.375rem
}

#hero-contact .container .hero-content {
  display: flex;
  flex-direction: row;
  gap: 4.625rem
}

#hero-contact .container .hero-content .hero-content-instruction {
  text-orientation: mixed;
  writing-mode: vertical-lr;
  transform: scale(-1);
  color: var(--white);
  height: 26.875rem;
  display: flex;
  align-items: center;
  gap: 1.5625rem;
  display: none
}

@media(min-width: 1200px) {
  #hero-contact .container .hero-content .hero-content-instruction {
    display: flex
  }
}

#hero-contact .container .hero-content .hero-content-instruction p {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  margin: 0px
}

#hero-contact .container .hero-content .hero-content-instruction p .copy {
  height: 148px
}

#hero-contact .container .hero-content .hero-content-instruction p .line {
  width: 1px;
  height: 100%;
  background: var(--white)
}

#hero-contact .container .hero-content h1 {
  color: var(--white);
  margin-bottom: 2.5rem;
  max-width: 90%
}

#hero-contact .container .hero-content .hero-info p {
  color: var(--white)
}

#hero-contact .container .hero-content .hero-info p strong {
  color: var(--white)
}

#hero-contact .container .contact-form {
  border-radius: 1.25rem;
  color: var(--blue)
}

#timeline {
  padding: 3.75rem 0px
}

@media(min-width: 768px) {
  #timeline {
    padding: 4.375rem 0px
  }
}

@media(min-width: 1200px) {
  #timeline {
    padding: 5.5rem 0px
  }
}

#timeline .intro-content {
  max-width: 62.1875rem;
  margin: 0px auto
}

#timeline .intro-content p {
  font-size: 1.125rem
}

#timeline .intro-content p:last-child {
  margin-bottom: 0px
}

#timeline .timeline-items {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative
}

@media(min-width: 768px) {
  #timeline .timeline-items {
    margin-top: 6.25rem;
    margin-bottom: 5.125rem
  }
}

#timeline .timeline-items::after {
  display: none
}

@media(min-width: 576px) {
  #timeline .timeline-items::after {
    display: block;
    content: "";
    background: url(../images/transparent-yellow-g.png);
    height: 800px;
    background-repeat: no-repeat;
    position: absolute;
    width: 20.8125rem;
    bottom: -30%;
    right: -2.25rem
  }
}

@media(min-width: 768px) {
  #timeline .timeline-items::after {
    right: -2.25rem
  }
}

@media(min-width: 992px) {
  #timeline .timeline-items::after {
    right: -1.75rem
  }
}

@media(min-width: 1200px) {
  #timeline .timeline-items::after {
    right: -10.125rem
  }
}

@media(min-width: 1400px) {
  #timeline .timeline-items::after {
    right: -7rem
  }
}

@media(min-width: 1600px) {
  #timeline .timeline-items::after {
    right: -15.625rem
  }
}

@media(min-width: 1800px) {
  #timeline .timeline-items::after {
    right: -18.375rem
  }
}

@media(min-width: 1920px) {
  #timeline .timeline-items::after {
    right: -18.4375rem
  }
}

#timeline .timeline-items .row {
  flex-direction: row-reverse;
  min-height: auto;
  z-index: 0
}

@media(min-width: 1200px) {
  #timeline .timeline-items .row {
    min-height: 25rem
  }
}

#timeline .timeline-items .row:first-child {
  position: relative;
  z-index: 10
}

#timeline .timeline-items .row:nth-child(odd) {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 10
}

@media(min-width: 768px) {
  #timeline .timeline-items .row:nth-child(odd) .timeline-item-box .timeline-inner {
    border-right: 2px solid var(--gold);
    border-left: 0px solid var(--gold);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    border-bottom: 2px solid var(--gold);
    position: relative;
    padding-top: 3.125rem;
    padding-left: 0px;
    padding-right: 3.125rem
  }
}

@media(min-width: 768px) {
  #timeline .timeline-items .row:nth-child(odd) .timeline-item-box .timeline-inner::after {
    display: block;
    content: ".";
    width: 86px;
    height: 86px;
    background: #fff;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 50%);
    left: 100%;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3Csvg width='86' height='86' viewBox='0 0 86 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='43' cy='43' r='43' fill='white'/%3E%3Ccircle cx='43' cy='43' r='17' stroke='%23E4BA4C' stroke-width='2'/%3E%3C/svg%3E%0A");
    z-index: 10
  }
}

#timeline .timeline-items .row:last-child {
  position: relative;
  z-index: -80
}

@media(min-width: 768px) {
  #timeline .timeline-items .row .timeline-item-box .timeline-inner {
    border-left: 2px solid var(--gold);
    margin-left: -2px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    border-bottom: 2px solid var(--gold);
    position: relative;
    padding-top: 3.125rem;
    padding-left: 3.125rem;
    padding-right: 0px;
    position: relative
  }
}

@media(min-width: 768px) {
  #timeline .timeline-items .row .timeline-item-box .timeline-inner::after {
    display: block;
    content: ".";
    width: 86px;
    height: 86px;
    background: #fff;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 50%);
    left: 0%;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3Csvg width='86' height='86' viewBox='0 0 86 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='43' cy='43' r='43' fill='white'/%3E%3Ccircle cx='43' cy='43' r='17' stroke='%23E4BA4C' stroke-width='2'/%3E%3C/svg%3E%0A")
  }
}

#timeline .timeline-items .row .timeline-item-box .timeline-items-number h2 {
  font-size: 3.75rem;
  font-weight: 700;
  color: var(--blue);
  margin-bottom: 0px;
  text-align: center
}

@media(min-width: 768px) {
  #timeline .timeline-items .row .timeline-item-box .timeline-items-number h2 {
    font-size: 5rem;
    text-align: left
  }
}

@media(min-width: 992px) {
  #timeline .timeline-items .row .timeline-item-box .timeline-items-number h2 {
    font-size: 6.25rem
  }
}

@media(min-width: 1200px) {
  #timeline .timeline-items .row .timeline-item-box .timeline-items-number h2 {
    font-size: 7.5rem
  }
}

#timeline .timeline-items .row .timeline-item-box .timeline-items-content {
  font-size: 1.75rem;
  color: var(--blue);
  max-width: 40.75rem;
  padding: 35px 0px 35px;
  text-align: center
}

@media(min-width: 768px) {
  #timeline .timeline-items .row .timeline-item-box .timeline-items-content {
    font-size: 1.875rem;
    padding-bottom: 3.125rem;
    text-align: left
  }
}

@media(min-width: 992px) {
  #timeline .timeline-items .row .timeline-item-box .timeline-items-content {
    font-size: 2.25rem;
    padding-bottom: 4.375rem
  }
}

@media(min-width: 1200px) {
  #timeline .timeline-items .row .timeline-item-box .timeline-items-content {
    font-size: 2.5rem;
    padding-bottom: 6rem
  }
}

#timeline .timeline-items .row {
  position: relative;
  min-height: auto
}

@media(min-width: 1200px) {
  #timeline .timeline-items .row {
    min-height: 25rem
  }
}

#timeline .end-content {
  max-width: 71.9375rem;
  margin: 0px auto 4.375rem auto
}

#timeline .end-content p {
  font-size: 1.125rem
}

#image-text {
  padding: 3.125rem 0.9375rem 5.3125rem 0.9375rem;
  position: relative
}

@media(min-width: 1200px) {
  #image-text {
    padding: 3.75rem 0.9375rem 5.625rem 0.9375rem
  }
}

#image-text::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/white-waves.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left
}

@media(min-width: 992px) {
  #image-text::before {
    height: 27.9375rem;
    width: 34.5rem;
    background-size: contain
  }
}

#image-text.gold-g {
  position: relative;
  z-index: 0
}

@media(min-width: 768px) {
  #image-text.gold-g:after {
    display: block;
    content: "";
    background: url(../images/transparent-yellow-g.png);
    height: 800px;
    background-repeat: no-repeat;
    position: absolute;
    width: 20.8125rem;
    right: 0px;
    bottom: -50%;
    z-index: -1
  }
}

@media(min-width: 1440px) {
  #image-text.gold-g:after {
    bottom: -30%
  }
}

@media(min-width: 1680px) {
  #image-text.gold-g:after {
    bottom: -40%
  }
}

@media(min-width: 1920px) {
  #image-text.gold-g:after {
    bottom: -50%
  }
}

#image-text img {
  margin-bottom: 2.1875rem
}

@media(min-width: 992px) {
  #image-text img {
    margin-bottom: 0rem
  }
}

#image-text p.lead {
  margin-bottom: 2.1875rem !important
}

#news-insights-feed {
  overflow: hidden
}

#news-insights-feed .news-insights-feed-intro {
  padding: 4rem 0px 13.8125rem 0rem
}

@media(min-width: 576px) {
  #news-insights-feed .news-insights-feed-intro {
    padding: 6.25rem 0px 13.75rem 0rem
  }
}

@media(min-width: 768px) {
  #news-insights-feed .news-insights-feed-intro {
    padding: 6.25rem 0px 13.75rem 0rem
  }
}

@media(min-width: 992px) {
  #news-insights-feed .news-insights-feed-intro {
    padding: 8rem 0px 17.8125rem 0rem
  }
}

#news-insights-feed .news-insights-feed-intro .content h2 {
  color: #173545
}

#news-insights-feed .news-insights-feed-intro .content p {
  color: #173545
}

#news-insights-feed .latest-posts {
  position: relative;
  height: 29.0625rem;
  z-index: 0;
  display: flex
}

#news-insights-feed .latest-posts::before {
  content: "";
  display: block;
  position: absolute;
  width: 400px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: -50px;
  bottom: 0;
  top: 0;
  background: url(../images/white-wave-lines-left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0
}

#news-insights-feed .latest-posts::after {
  display: none
}

@media(min-width: 580px) {
  #news-insights-feed .latest-posts::after {
    content: "";
    display: block;
    position: absolute;
    width: 400px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: -50px;
    bottom: 0;
    top: 0;
    background: url(../images/white-wave-lines-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scaleX(-1);
    z-index: 0
  }
}

#news-insights-feed .latest-posts .content {
  display: flex;
  justify-content: center
}

#news-insights-feed .latest-posts .content .button-white-white-offset:hover {
  color: var(--blue)
}

#news-insights-feed .latest-posts .posts-block {
  margin-top: -12.5rem;
  margin-bottom: 6.25rem;
  position: relative;
  z-index: 10;
  overflow: hidden
}

#news-insights-feed .slick-slide {
  margin: 0 1rem
}

#news-insights-feed .slick-list {
  margin: 0 -1rem
}

#news-insights-feed .slick-list .slick-track {
  display: flex;
  margin-right: initial;
  margin-left: initial
}

#news-insights-feed .blog-feed-item {
  min-height: 25.125rem;
  border-radius: 0.625rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  padding: 1.9375rem;
  width: 100% !important;
  flex-direction: column;
  justify-content: flex-end;
  transition: .3s ease-in-out all;
  position: relative;
  overflow: hidden
}

#news-insights-feed .blog-feed-item::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 33, 61, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: .3s ease-in-out all
}

#news-insights-feed .blog-feed-item:hover:after {
  background-color: rgba(0, 33, 61, .6)
}

#news-insights-feed .blog-feed-item .blog-feed-item-content {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
  gap: 1.875rem;
  transform: translateY(15px);
  transition: .3s ease-in-out all
}

@media(min-width: 992px) {
  #news-insights-feed .blog-feed-item .blog-feed-item-content {
    transform: translateY(15px)
  }
}

@media(min-width: 1200px) {
  #news-insights-feed .blog-feed-item .blog-feed-item-content {
    transform: translateY(15px)
  }
}

#news-insights-feed .blog-feed-item .blog-feed-item-content h2 {
  color: var(--white);
  font-size: 1.875rem;
  margin-bottom: 0px
}

#news-insights-feed .blog-feed-item .blog-feed-item-content h2 a {
  color: var(--white)
}

#news-insights-feed .blog-feed-item .blog-feed-item-content h2 a:hover {
  color: var(--gold)
}

#news-insights-feed .blog-feed-item .blog-feed-item-content .blog-feed-item-content-inner {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  max-height: 0px;
  overflow: hidden;
  transition: .3s ease-in-out all
}

#news-insights-feed .blog-feed-item .blog-feed-item-content .blog-feed-item-content-inner .blog-feed-item-excerpt {
  color: var(--white)
}

#news-insights-feed .blog-feed-item .blog-feed-item-content .blog-feed-item-content-inner .blog-feed-item-link {
  display: flex;
  justify-content: flex-start;
  gap: 3rem
}

#news-insights-feed .blog-feed-item:hover .blog-feed-item-content {
  transform: translateY(0px);
  gap: 1.875rem
}

#news-insights-feed .blog-feed-item:hover .blog-feed-item-content .blog-feed-item-content-inner {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  max-height: 400px;
  overflow: hidden
}

#intergenerational-journey-static {
  padding: 3.125rem 0px;
  position: relative
}

#intergenerational-journey-static .hide-mobile {
  display: none
}

@media(min-width: 768px) {
  #intergenerational-journey-static .hide-mobile {
    display: block
  }
}

@media(min-width: 768px) {
  #intergenerational-journey-static {
    padding: 3.75rem 0px
  }
}

@media(min-width: 992px) {
  #intergenerational-journey-static {
    padding: 4.6875rem 0px
  }
}

@media(min-width: 1200px) {
  #intergenerational-journey-static {
    padding: 9.375rem 0px
  }
}

@media(min-width: 1400px) {
  #intergenerational-journey-static {
    padding: 11.25rem 0px
  }
}

#intergenerational-journey-static h2 {
  margin-bottom: 2.1875rem;
  text-align: left
}

@media(min-width: 992px) {
  #intergenerational-journey-static h2 {
    margin-bottom: 0px
  }
}

#intergenerational-journey-static .bar-column {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 2.1875rem
}

@media(min-width: 576px) {
  #intergenerational-journey-static .bar-column {
    width: 50%
  }
}

@media(min-width: 768px) {
  #intergenerational-journey-static .bar-column {
    width: 33%
  }
}

@media(min-width: 1200px) {
  #intergenerational-journey-static .bar-column {
    width: 20%;
    margin-bottom: 0px
  }
}

#intergenerational-journey-static::before {
  display: block;
  content: "";
  background: url(../images/transparent-yellow-g-flipped.png);
  height: 800px;
  background-repeat: no-repeat;
  width: 20.8125rem;
  position: absolute;
  left: 0rem;
  transform: translate(0%, 0)
}

#intergenerational-journey-static .return-to-quiz .button-ghost:hover svg {
  transform: rotate(180deg) translateX(2.8125rem)
}

#intergenerational-journey-static .return-to-quiz .button-ghost svg {
  transform: rotate(180deg) translateX(2.1875rem)
}

#intergenerational-journey-static .progress-bar-wrapper {
  height: 18.4375rem;
  display: flex;
  align-items: flex-end;
  width: 100%
}

@media(min-width: 992px) {
  #intergenerational-journey-static .progress-bar-wrapper {
    height: 25.3125rem
  }
}

#intergenerational-journey-static .progress-bar-wrapper .meter {
  background: url(../images/alt-lines.png) var(--gold);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 0.625rem;
  color: var(--white);
  padding: 1.375rem;
  transition: .3s ease-in-out all;
  transform: translateY(0);
  width: 100%
}

@media(max-width: 767px) {
  #intergenerational-journey-static .progress-bar-wrapper .meter {
    height: 100% !important
  }
}

#intergenerational-journey-static .progress-bar-wrapper .meter .content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  display: flex;
  flex-direction: column;
  color: var(--white);
  line-height: 1.1875rem
}

#intergenerational-journey-static .progress-bar-wrapper .meter .content img {
  width: 3.125rem;
  height: 3.125rem;
  transition: .3s ease-in-out all;
  display: flex;
  align-self: flex-start
}

#intergenerational-journey-static .progress-bar-wrapper .meter .content svg {
  transition: .35s ease-in-out all;
  transform: rotate(0deg)
}

#intergenerational-journey-static .progress-bar-wrapper .meter .content h4 {
  font-size: 1.25rem;
  color: var(--white);
  margin-bottom: 0px;
  transition: .3s ease-in-out all
}

#intergenerational-journey-static .progress-bar-wrapper .active {
  background-color: var(--blue)
}

@media(min-width: 1200px) {
  #intergenerational-journey-static .progress-bar-wrapper .active {
    transform: translateY(2.5rem);
    transform: translateY(2.5rem)
  }
}

#intergenerational-journey-static .progress-bar-wrapper .active .content h4 {
  color: var(--gold)
}

#intergenerational-journey-static .progress-bar-wrapper .active .content img {
  width: 3.75rem;
  height: 3.75rem
}

#intergenerational-journey-static .progress-bar-wrapper .active .content svg {
  transform: rotate(180deg)
}

#intergenerational-journey-static .secondary-block {
  padding: 0.9375rem 0rem 0rem 0.9375rem
}

@media(min-width: 992px) {
  #intergenerational-journey-static .secondary-block {
    padding: 3.125rem 0rem 0rem 3.125rem
  }
}

@media(min-width: 1200px) {
  #intergenerational-journey-static .secondary-block {
    padding: 5.3125rem 0rem 0rem 4.75rem
  }
}

#intergenerational-journey-static .secondary-block .heading-block {
  margin-bottom: 1.5625rem
}

#intergenerational-journey-static .secondary-block .heading-block h2 {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  font-size: 1.6875rem
}

@media(min-width: 992px) {
  #intergenerational-journey-static .secondary-block .heading-block h2 {
    justify-content: flex-start;
    font-size: 2.8125rem;
    text-align: left
  }
}

#intergenerational-journey-static .secondary-block .heading-block h2::after {
  display: none
}

@media(min-width: 992px) {
  #intergenerational-journey-static .secondary-block .heading-block h2::after {
    content: "";
    display: block;
    border-top: 0.0625rem solid var(--gold);
    margin: 0 1.25rem 0 0;
    flex: 1 0 1.25rem;
    margin: 0 0 0 3.3125rem
  }
}

#intergenerational-journey-static .secondary-block .content-box p {
  font-size: 1.25rem
}

#intergenerational-journey-static .secondary-block .content-box p:last-of-type {
  margin-bottom: 4.0625rem
}

#intergenerational-journey-static .secondary-block .button-group {
  flex-direction: column;
  gap: 4.375rem
}

@media(min-width: 768px) {
  #intergenerational-journey-static .secondary-block .button-group {
    flex-direction: row;
    gap: 0px
  }
}

#intergenerational-journey-static .secondary-block .button-group .button-gold-blue-offset {
  margin-right: 2.1875rem;
  font-size: 0.75rem
}

@media(min-width: 1200px) {
  #intergenerational-journey-static .secondary-block .button-group .button-gold-blue-offset {
    font-size: 1rem
  }
}

#intergenerational-journey {
  padding: 3.125rem 0px
}

@media(min-width: 768px) {
  #intergenerational-journey {
    padding: 3.75rem 0px
  }
}

@media(min-width: 992px) {
  #intergenerational-journey {
    padding: 4.6875rem 0px
  }
}

@media(min-width: 1200px) {
  #intergenerational-journey {
    padding: 9.375rem 0px
  }
}

@media(min-width: 1400px) {
  #intergenerational-journey {
    padding: 11.25rem 0px
  }
}

#intergenerational-journey h2 {
  margin-bottom: 2.1875rem
}

@media(min-width: 992px) {
  #intergenerational-journey h2 {
    margin-bottom: 0px
  }
}

#intergenerational-journey .bar-column {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 2.1875rem
}

@media(min-width: 576px) {
  #intergenerational-journey .bar-column {
    width: 50%
  }
}

@media(min-width: 768px) {
  #intergenerational-journey .bar-column {
    width: 33%
  }
}

@media(min-width: 1200px) {
  #intergenerational-journey .bar-column {
    width: 20%;
    margin-bottom: 0px
  }
}

#intergenerational-journey .animation-bar {
  width: 100%
}

#intergenerational-journey .animation-bar .progress-bar-wrapper {
  height: 25.3125rem;
  display: flex;
  align-items: flex-end
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter {
  background: url(../images/alt-lines.png) var(--gold);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 0.625rem;
  color: var(--white);
  padding: 1.375rem;
  transition: .3s ease-in-out all;
  cursor: pointer;
  transform: translateY(0);
  width: 100%
}

@media(max-width: 767px) {
  #intergenerational-journey .animation-bar .progress-bar-wrapper .meter {
    height: 100% !important
  }
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter:hover {
  background-color: var(--blue);
  transform: translateY(2.5rem)
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter:hover a .content h4 {
  color: var(--gold)
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter:hover a .content img {
  width: 3.75rem;
  height: 3.75rem
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter:hover a .content svg {
  transform: rotate(180deg)
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  gap: 0.9375rem;
  color: var(--white);
  line-height: 1.1875rem
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter a .content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter a .content img {
  width: 3.125rem;
  height: 3.125rem;
  transition: .3s ease-in-out all;
  display: flex;
  align-self: flex-start
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter a .content svg {
  transition: .35s ease-in-out all;
  transform: rotate(0deg)
}

#intergenerational-journey .animation-bar .progress-bar-wrapper .meter a .content h4 {
  font-size: 1.25rem;
  color: var(--white);
  margin-bottom: 0px;
  transition: .3s ease-in-out all
}

#intergenerational-journey .meter:has(.active) {
  background: url(../images/alt-lines.png) var(--blue) !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: translateY(0rem) !important
}

@media(max-width: 767px) {
  #intergenerational-journey .meter:has(.active) {
    height: 100% !important
  }
}

@media(min-width: 768px) {
  #intergenerational-journey .meter:has(.active) {
    transform: translateY(2.5rem) !important
  }
}

#intergenerational-journey .meter:has(.active) h4 {
  color: var(--gold) !important
}

#intergenerational-journey .meter:has(.active) img {
  width: 3.75rem !important;
  height: 3.75rem !important
}

#intergenerational-journey .meter:has(.active) svg {
  transform: rotate(180deg) !important
}

#intergenerational-journey .meter:has(.active) svg path {
  fill: var(--gold) !important
}

#intergenerational-journey .secondary-block {
  padding: 0.9375rem 0rem 0rem 0.9375rem
}

@media(min-width: 992px) {
  #intergenerational-journey .secondary-block {
    padding: 3.125rem 0rem 0rem 3.125rem
  }
}

@media(min-width: 1200px) {
  #intergenerational-journey .secondary-block {
    padding: 5.3125rem 0rem 0rem 4.75rem
  }
}

#intergenerational-journey .secondary-block .heading-block {
  margin-bottom: 1.5625rem
}

#intergenerational-journey .secondary-block .heading-block h2 {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  font-size: 1.6875rem
}

@media(min-width: 768px) {
  #intergenerational-journey .secondary-block .heading-block h2 {
    justify-content: center;
    text-align: center;
    font-size: inherit;
    align-items: center;
    font-size: 2.8125rem
  }
}

#intergenerational-journey .secondary-block .heading-block h2::after {
  display: none
}

@media(min-width: 768px) {
  #intergenerational-journey .secondary-block .heading-block h2::after {
    content: "";
    display: block;
    border-top: 0.0625rem solid var(--gold);
    margin: 0 1.25rem 0 0;
    flex: 1 0 1.25rem;
    margin: 0 0 0 3.3125rem
  }
}

#intergenerational-journey .secondary-block .content-box p {
  font-size: 1.125rem
}

@media(min-width: 768px) {
  #intergenerational-journey .secondary-block .content-box p {
    font-size: 1.25rem
  }
}

#intergenerational-journey .secondary-block .content-box p:last-of-type {
  margin-bottom: 4.0625rem
}

#intergenerational-journey .hidden {
  display: none
}

#intergenerational-journey .animation-bar .active .meter {
  background: url(../images/alt-lines.png) var(--blue) !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: translateY(0rem) !important
}

@media(max-width: 767px) {
  #intergenerational-journey .animation-bar .active .meter {
    height: 100% !important
  }
}

@media(min-width: 768px) {
  #intergenerational-journey .animation-bar .active .meter {
    transform: translateY(2.5rem) !important
  }
}

#intergenerational-journey .animation-bar .active .meter h4 {
  color: var(--gold) !important
}

#intergenerational-journey .animation-bar .active .meter img {
  width: 3.75rem !important;
  height: 3.75rem !important
}

#intergenerational-journey .animation-bar .active .meter svg {
  transform: rotate(180deg) !important
}

#intergenerational-journey .animation-bar .active .meter svg path {
  fill: var(--gold) !important
}

#contact-block {
  padding: 3.125rem 0px;
  position: relative
}

@media(min-width: 992px) {
  #contact-block {
    padding: 4.6875rem 0px
  }
}

@media(min-width: 1200px) {
  #contact-block {
    padding: 7.625rem 0px
  }
}

#contact-block .contact-methods {
  border-bottom: 0.09375rem solid var(--gold);
  margin-bottom: 2.1875rem
}

#contact-block .contact-methods:last-child {
  border-bottom: none
}

#contact-block .contact-methods h3 {
  font-size: 1.5625rem;
  margin-bottom: 1.25rem
}

#contact-block .contact-methods p {
  margin-bottom: 2.0625rem
}

#contact-block .contact-methods a {
  font-weight: 700;
  text-decoration: underline
}

#contact-block .social-content ul {
  margin-left: 0px;
  padding-left: 0px;
  display: flex;
  gap: 1.875rem
}

#contact-block .social-content ul li {
  list-style: none;
  font-size: 1.4375rem
}

#contact-block .social-content ul li:hover i {
  transform: rotateY(360deg)
}

#contact-block .social-content ul li i {
  font-weight: 900;
  transition: .6s ease-in-out all;
  transform: rotateY(0)
}

#contact-block .contact-container {
  position: relative
}

#contact-block .contact-container .contact-form {
  position: relative;
  width: 100%;
  top: 0rem
}

@media(min-width: 992px) {
  #contact-block .contact-container .contact-form {
    position: absolute;
    top: -43.75rem
  }
}

@media(min-width: 1200px) {
  #contact-block .contact-container .contact-form {
    position: absolute;
    top: -47.5rem
  }
}

#full-height-text-image {
  display: flex;
  justify-content: center;
  flex-direction: row;
  overflow: hidden
}

#full-height-text-image .content-block {
  position: relative;
  padding: 3.125rem 0px;
  z-index: 0
}

@media(min-width: 768px) {
  #full-height-text-image .content-block {
    padding: 3.75rem 0px
  }
}

@media(min-width: 992px) {
  #full-height-text-image .content-block {
    padding: 7.5rem 0px
  }
}

#full-height-text-image .content-block p:last-of-type {
  margin-bottom: 0px
}

#full-height-text-image .image-block-outer {
  position: relative
}

#full-height-text-image .image-block-outer::after {
  display: block;
  content: "";
  background: url(../images/hero-trim.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 55.9375rem;
  z-index: 0;
  position: absolute;
  width: 10.625rem
}

#full-height-text-image .image-block-outer .image-block {
  position: relative;
  top: 0;
  height: 400px;
  background-position: center;
  background-size: cover
}

@media(min-width: 992px) {
  #full-height-text-image .image-block-outer .image-block {
    position: absolute;
    height: 100%;
    width: 50vw
  }
}

#box-content {
  padding: 5rem 0px 5rem;
  position: relative
}

@media(min-width: 576px) {
  #box-content {
    padding: 3.75rem 0px 3.75rem
  }
}

@media(min-width: 768px) {
  #box-content {
    padding: 4.375rem 0px 4.6875rem
  }
}

@media(min-width: 992px) {
  #box-content {
    padding: 4.375rem 0px 9.0625rem
  }
}

@media(min-width: 1200px) {
  #box-content {
    padding: 8.75rem 0px 14.0625rem
  }
}

#box-content::after {
  display: block;
  content: "";
  background: url(../images/transparent-yellow-g.png);
  height: 800px;
  background-repeat: no-repeat;
  position: absolute;
  width: 20.8125rem;
  right: 0px;
  bottom: -10%;
  z-index: -1
}

#box-content .row {
  display: flex;
  justify-content: center;
  align-items: center
}

@media(min-width: 1200px) {
  #box-content .row {
    justify-content: center;
    align-items: center
  }
}

#box-content .box-columns {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  margin-bottom: 3.125rem
}

@media(min-width: 768px) {
  #box-content .box-columns {
    justify-content: center;
    flex-direction: row;
    align-items: center
  }
}

@media(min-width: 1200px) {
  #box-content .box-columns {
    margin-bottom: 0px;
    flex-direction: row;
    align-items: center
  }
}

#box-content .box-columns .box-col-2 {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem
}

#box-content .box-columns .box-col-content {
  background: var(--blue) url(../images/alt-lines.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  border-radius: 0.625rem;
  color: var(--white);
  height: 17.1875rem;
  width: 22.1875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: .3s ease-in-out all;
  cursor: pointer;
  margin-bottom: 2.1875rem
}

@media(min-width: 576px) {
  #box-content .box-columns .box-col-content {
    width: 31.25rem
  }
}

@media(min-width: 768px) {
  #box-content .box-columns .box-col-content {
    margin-bottom: 0px;
    width: 10.9375rem
  }
}

@media(min-width: 992px) {
  #box-content .box-columns .box-col-content {
    width: 12.5rem
  }
}

@media(min-width: 1200px) {
  #box-content .box-columns .box-col-content {
    width: 12.5rem
  }
}

@media(min-width: 1600px) {
  #box-content .box-columns .box-col-content {
    width: 13.75rem
  }
}

#box-content .box-columns .box-col-content img {
  max-height: 0;
  transition: .3s ease-in-out all
}

#box-content .box-columns .box-col-content h2 {
  color: var(--white);
  text-align: center;
  font-size: 2.3125rem;
  margin-bottom: 0px
}

#box-content .box-columns .box-col-content a {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 25px;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

#box-content .box-columns .box-col-content:hover {
  background: var(--gold) url(../images/alt-lines.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom
}

#box-content .box-columns .box-col-content:hover img {
  max-height: 4.375rem;
  transition: .3s ease-in-out all
}

#box-content .box-columns .box-col-content:has(.active) {
  background: url(../images/alt-lines.png) var(--gold) !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

#box-content .box-columns .box-col-content:has(.active) h4 {
  color: var(--white) !important
}

#box-content .box-columns .box-col-content:has(.active) img {
  max-height: 4.375rem !important;
  transition: .3s ease-in-out all !important
}

#box-content .box-columns .box-col-content:has(.active) svg {
  transform: rotate(180deg) !important
}

#box-content .box-columns .box-col-content:has(.active) svg path {
  fill: var(--gold) !important
}

#box-content .half {
  transition: all .3s ease
}

#box-content .half .posts-box h2 {
  margin-bottom: 2.625rem
}

#box-content .half .posts-box .content-box {
  margin-bottom: 4.0625rem
}

#box-content .hidden {
  display: none
}

#charts {
  padding: 3.125rem 0px 3.125rem;
  position: relative
}

@media(min-width: 768px) {
  #charts {
    padding: 5rem 0px 3.125rem
  }
}

@media(min-width: 992px) {
  #charts {
    padding: 8.75rem 0px 6.25rem
  }
}

@media(min-width: 1200px) {
  #charts {
    padding: 11.875rem 0px 8.75rem
  }
}

#charts .variation-two .chart-item-three,
#charts .variation-two .chart-item-two {
  background: var(--blue) !important;
  color: var(--gold) !important
}

#charts .variation-two .chart-item-three h3,
#charts .variation-two .chart-item-two h3 {
  color: var(--gold)
}

#charts .col-12 .content-block {
  margin-bottom: 1.3125rem;
  border-bottom: 1px solid var(--gold)
}

#charts .col-12 .content-block h4 {
  font-size: 1.25rem;
  margin-bottom: 1.0625rem
}

#charts .col-12 .content-block p {
  margin-bottom: 2.1875rem
}

#charts .col-12:last-of-type .content-block {
  border-bottom: none
}

#charts .title {
  position: relative;
  margin-top: 1.875rem;
  margin-bottom: 4.375rem;
  margin-left: 0px
}

@media(min-width: 992px) {
  #charts .title {
    margin-top: 2.5rem;
    margin-bottom: 0px
  }
}

@media(min-width: 1200px) {
  #charts .title {
    margin-top: 2.5rem;
    margin-left: 6.875rem;
    margin-bottom: 0px;
    position: absolute
  }
}

#charts .title h3 {
  display: inline-block;
  position: relative;
  z-index: 10
}

#charts .title h3.gold-underline {
  position: relative
}

#charts .title h3.gold-underline:after {
  display: block;
  content: "";
  position: absolute;
  width: 13.0625rem;
  height: 1.0625rem;
  background: var(--gold);
  top: 58%;
  left: 0.8125rem;
  z-index: -1
}

#charts .charts-cols {
  height: 800px;
  display: flex
}

@media(min-width: 768px) {
  #charts .charts-cols {
    height: 46.875rem
  }
}

@media(min-width: 992px) {
  #charts .charts-cols {
    height: 18.75rem
  }
}

@media(min-width: 1200px) {
  #charts .charts-cols {
    height: 100%
  }
}

#charts .charts-cols .row {
  display: flex;
  justify-content: flex-start
}

@media(min-width: 1200px) {
  #charts .charts-cols .row {
    justify-content: flex-end
  }
}

#charts .charts-cols .row .col-12 {
  margin-bottom: 2.1875rem
}

@media(min-width: 576px) {
  #charts .charts-cols .row .col-12 {
    -webkit-margin-end: 0px;
    margin-inline-end: 0px
  }
}

#charts .charts-cols .chart-outer {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2.5rem
}

@media(min-width: 768px) {
  #charts .charts-cols .chart-outer {
    margin-bottom: 0px;
    justify-content: center
  }
}

@media(min-width: 992px) {
  #charts .charts-cols .chart-outer {
    display: flex;
    align-items: flex-end;
    justify-content: center
  }
}

#charts .charts-cols .chart-outer .chart-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background: var(--gold);
  padding: 1.375rem;
  font-weight: 500;
  transition: .3s ease-in-out all;
  position: relative
}

@media(max-width: 1199px) {
  #charts .charts-cols .chart-outer .chart-item {
    height: 100% !important;
    font-size: 0.8125rem;
    width: 100%
  }
}

@media(min-width: 1200px) {
  #charts .charts-cols .chart-outer .chart-item {
    font-size: 0.8125rem
  }
}

@media(min-width: 1400px) {
  #charts .charts-cols .chart-outer .chart-item {
    font-size: 0.8125rem
  }
}

#charts .charts-cols .chart-outer .chart-item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 10px;
  left: 7px;
  width: 100%;
  height: 100%;
  border: 0.125rem solid var(--blue);
  z-index: -1;
  transition: .4s ease-in-out all
}

#charts .charts-cols .chart-outer .chart-item h3 {
  margin-bottom: 0px
}

#charts .charts-cols .chart-outer .chart-item-three {
  background: var(--blue);
  color: var(--white)
}

#charts .charts-cols .chart-outer .chart-item-three h3 {
  color: var(--gold)
}

#charts .charts-cols .chart-outer .chart-item-text {
  height: 18%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none
}

#charts .charts-cols .chart-outer .chart-item-text::after {
  display: none
}

#charts .charts-cols .chart-outer .chart-item-text:hover {
  background: none;
  color: var(--blue)
}

#charts .charts-cols .chart-outer .chart-item-text:hover p {
  color: var(--blue)
}

#charts .charts-cols .chart-outer .chart-item-text p {
  margin-bottom: 0px;
  font-size: 2.8125rem;
  font-weight: 700;
  color: var(--blue)
}

#quiz-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  justify-content: center;
  height: 90vh;
  padding: 90px 0px
}

@media(min-width: 1600px) {
  #quiz-block {
    height: 85vh;
    padding: 0px
  }
}

#quiz-block::before {
  display: none
}

@media(min-width: 768px) {
  #quiz-block::before {
    display: block;
    content: "";
    background: url(../images/transparent-yellow-g-flipped.png);
    height: 800px;
    background-repeat: no-repeat;
    width: 20.8125rem;
    position: absolute;
    left: 0rem;
    transform: translate(0%, 0)
  }
}

#quiz-block::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0%;
  background: url(../images/transparent-top-lines.png);
  width: 36rem;
  height: 36.0625rem;
  background-repeat: no-repeat;
  z-index: -1
}

#quiz-block .image-block {
  overflow: hidden;
  position: relative;
  border-radius: 1.6875rem
}

#quiz-block .image-block::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  background: url(../images/image-lines.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  height: 25.1875rem;
  width: 22.5rem
}

#quiz-block .image-block img {
  border-radius: 1.6875rem;
  margin-bottom: 2.1875rem
}

@media(min-width: 992px) {
  #quiz-block .image-block img {
    margin-bottom: 0px
  }
}

#quiz-block .quiz-content-block .quiz-question {
  font-size: 1.375rem;
  color: var(--blue);
  font-weight: 600;
  margin-bottom: 3.75rem
}

@media(min-width: 992px) {
  #quiz-block .quiz-content-block .quiz-question {
    font-size: 2.1875rem
  }
}

#quiz-block .quiz-content-block .button-group {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 35px;
  column-gap: 35px
}

@media(min-width: 1600px) {
  #quiz-block .quiz-content-block .button-group {
    flex-direction: row;
    gap: 35px
  }
}

#quiz-block .quiz-content-block .button-group .button-gold-blue-offset {
  margin-right: 2.1875rem;
  font-size: 0.75rem
}

@media(min-width: 1200px) {
  #quiz-block .quiz-content-block .button-group .button-gold-blue-offset {
    font-size: 1rem
  }
}

@media(min-width: 1600px) {
  #quiz-block .quiz-content-block .button-group .button-gold-blue-offset {
    margin-right: 2.1875rem
  }
}

.two-column-layout.background-image-gen-potential-g-right::after {
  position: absolute;
  top: 1.5625rem;
  right: 0;
  content: "";
  display: block;
  background: url(../images/transparent-white-g-footer.png);
  background-size: cover;
  height: 710px;
  width: 379px
}

@media(min-width: 992px) {
  .two-column-layout.background-image-gen-potential-g-right::after {
    top: 7.1875rem
  }
}

.two-column-layout.background-image-gen-potential-g-left::before {
  position: absolute;
  top: 1.5625rem;
  left: 0px;
  content: "";
  display: block;
  background: url(../images/transparent-yellow-g-left-block.png);
  background-size: cover;
  height: 648px;
  width: 213px
}

.two-column-layout.background-image-waves::after {
  position: absolute;
  bottom: 0rem;
  right: 0;
  content: "";
  display: block;
  background: url(../images/bottom-right-waves.png);
  background-size: cover;
  height: 380px;
  width: 580px
}

.two-column-layout {
  position: relative;
  padding: 3.125rem 0;
  z-index: 0
}

@media(min-width: 992px) {
  .two-column-layout {
    padding: 4.6875rem 0
  }
}

@media(min-width: 1200px) {
  .two-column-layout {
    padding: 6.25rem 0
  }
}

.two-column-layout h2 {
  margin-bottom: 60px
}

.two-column-layout ul {
  margin-left: 0px;
  padding-left: 0.9375rem
}

.two-column-layout ul li {
  font-style: italic
}

.two-column-layout .bullet-block-title {
  border-bottom: 0.0625rem solid var(--gold);
  margin-bottom: 1.6875rem
}

.two-column-layout .bullet-block-title p {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.5rem
}

.two-column-layout .bullet-block .bullet-row {
  margin-left: 0px;
  padding-left: 0;
  list-style: none;
  position: relative
}

.two-column-layout .bullet-block .bullet-row .bullet-item-point {
  margin-bottom: 1.875rem;
  left: 2rem;
  font-style: italic;
  font-weight: 500;
  position: relative;
  width: 90%
}

.two-column-layout .bullet-block .bullet-row .bullet-item-point::before {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  background: url(../images/tick.png);
  background-repeat: no-repeat;
  height: 18px;
  width: 24px
}

.two-column-layout .bullet-block .bullet-row .bullet-item-point a {
  text-decoration: underline
}

.two-column-layout .bullet-block .bullet-row .bullet-item-point svg {
  height: 0.875rem;
  width: 1.5rem
}

.two-column-layout .bullet-block .bullet-row .bullet-item-point:last-of-type {
  margin-bottom: 0
}

.two-column-layout .bullet-block:first-of-type {
  margin-bottom: 2.1875rem
}

@media(min-width: 992px) {
  .two-column-layout .bullet-block:first-of-type {
    margin-bottom: 3.5625rem
  }
}

#how-we-work {
  padding: 4.6875rem 0 3.125rem 0
}

@media(min-width: 768px) {
  #how-we-work {
    padding: 7.1875rem 0rem 60px 0
  }
}

@media(min-width: 1200px) {
  #how-we-work {
    padding: 11.125rem 0 4.875rem 0
  }
}

#how-we-work .how-we-work-intro {
  margin-bottom: 2.8125rem
}

@media(min-width: 992px) {
  #how-we-work .how-we-work-intro {
    margin-bottom: 4.0625rem
  }
}

@media(min-width: 1200px) {
  #how-we-work .how-we-work-intro {
    margin-bottom: 4.875rem
  }
}

#how-we-work .how-we-work-intro p {
  margin-bottom: 2.8125rem
}

@media(min-width: 992px) {
  #how-we-work .how-we-work-intro p {
    margin-bottom: 4.0625rem
  }
}

@media(min-width: 1200px) {
  #how-we-work .how-we-work-intro p {
    margin-bottom: 5.5rem
  }
}

#how-we-work .icon-row {
  margin-bottom: 2.8125rem
}

@media(min-width: 992px) {
  #how-we-work .icon-row {
    margin-bottom: 4.6875rem
  }
}

@media(min-width: 1200px) {
  #how-we-work .icon-row {
    margin-bottom: 6.5625rem
  }
}

#how-we-work .icon-item {
  margin-bottom: 3.4375rem
}

@media(min-width: 992px) {
  #how-we-work .icon-item {
    margin-bottom: 0px
  }
}

#how-we-work .icon-item:first-child .icon-block .icon-block-lower {
  border-left: 0px;
  border-right: 0px
}

#how-we-work .icon-item .icon-block {
  display: flex;
  flex-direction: column;
  height: 100%
}

#how-we-work .icon-item .icon-block .icon-block-lower {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
  padding: 0px 1.5625rem;
  height: 100%
}

@media(min-width: 992px) {
  #how-we-work .icon-item .icon-block .icon-block-lower {
    border-left: 1.5px solid var(--gold);
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px
  }
}

#how-we-work .icon-item .icon-block .icon-block-lower p {
  margin-bottom: 0;
  color: var(--blue)
}

#how-we-work .icon-item .icon-block img {
  margin-bottom: 2.8125rem
}

#how-we-work .icon-item .icon-block p {
  font-size: 1.125rem
}

@media(min-width: 1400px) {
  #how-we-work .icon-item .icon-block p {
    font-size: 1.375rem
  }
}

.page-cta {
  padding: 3.125rem 0;
  position: relative
}

@media(min-width: 992px) {
  .page-cta {
    padding: 50px 0 5.3125rem 0
  }
}

@media(min-width: 1200px) {
  .page-cta {
    padding: 50px 0 6.25rem 0
  }
}

@media(min-width: 1366px) {
  .page-cta {
    padding: 50px 0 7.1875rem 0
  }
}

@media(min-width: 1440px) {
  .page-cta {
    padding: 50px 0 7.8125rem 0
  }
}

.page-cta::after {
  display: block;
  content: "";
  background: url(../images/transparent-yellow-g.png);
  height: 800px;
  background-repeat: no-repeat;
  position: absolute;
  width: 20.8125rem;
  right: 0px;
  bottom: -10%;
  z-index: -1
}

.page-cta__row {
  position: relative
}

@media(min-width: 992px) {
  .page-cta__row {
    margin-top: -5rem
  }
}

@media(min-width: 1366px) {
  .page-cta__row {
    margin-top: -6.25rem
  }
}

@media(min-width: 1440px) {
  .page-cta__row {
    margin-top: -9.375rem
  }
}

.page-cta__row .row {
  row-gap: 4.375rem
}

.page-cta__row--item {
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

@media(min-width: 1200px) {
  .page-cta__row--item {
    gap: 2.5rem
  }
}

.page-cta__row--item--content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 1.25rem
}

@media(min-width: 1200px) {
  .page-cta__row--item--content {
    gap: 2.5rem
  }
}

@media(min-width: 1200px) {
  .page-cta__row--item--content h2 {
    max-width: 89%
  }
}

@media(min-width: 1920px) {
  .page-cta__row--item--content h2 {
    font-size: 50px
  }
}

.page-cta__row--item--content h2,
.page-cta__row--item--content p {
  margin-bottom: 0
}

.page-cta__row--item--content .button {
  max-width: 75%
}

.page-cta__row--item--image {
  overflow: hidden;
  position: relative;
  display: flex;
  border-radius: 1.6875rem
}

.page-cta__row--item--image::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  background: url(../images/image-lines.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  height: 25.1875rem;
  width: 22.5rem
}

.page-cta__row--item--image img {
  border-radius: 1.6875rem;
  border: 0.125rem solid var(--white);
  height: 18.625rem;
  width: 27.875rem;
  -o-object-fit: cover;
  object-fit: cover
}

.testimonial {
  background: #f2f4f9;
  padding: 1.875rem 0
}

@media(min-width: 768px) {
  .testimonial {
    padding: 4.375rem 0 2.5rem 0
  }
}

@media(min-width: 992px) {
  .testimonial {
    padding: 6.875rem 0 3.75rem 0
  }
}

@media(min-width: 992px) {
  .testimonial {
    padding: 6.875rem 0 3.75rem 0
  }
}

@media(min-width: 1200px) {
  .testimonial {
    padding: 7.5rem 0 4.375rem 0
  }
}

@media(min-width: 1440px) {
  .testimonial {
    padding: 8.125rem 0 5rem 0
  }
}

.testimonial__inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  position: relative
}

@media(min-width: 1366px) {
  .testimonial__inner:before {
    content: "";
    background: url(../images/speechmarks.svg);
    position: absolute;
    top: -1.875rem;
    left: -4.375rem;
    width: 8.75rem;
    height: 5.9375rem
  }
}

@media(min-width: 1440px) {
  .testimonial__inner:before {
    content: "";
    background: url(../images/speechmarks.svg);
    position: absolute;
    top: -1.875rem;
    left: -7.5rem;
    width: 8.75rem;
    height: 5.9375rem
  }
}

@media(min-width: 1680px) {
  .testimonial__inner:before {
    top: -1.875rem;
    left: -10rem;
    width: 8.75rem;
    height: 5.9375rem
  }
}

@media(min-width: 1920px) {
  .testimonial__inner:before {
    top: -1.875rem;
    left: -7.5rem;
    width: 8.75rem;
    height: 5.9375rem
  }
}

@media(min-width: 1366px) {
  .testimonial__inner:after {
    content: "";
    background: url(../images/speechmarks.svg);
    transform: scale(-1);
    position: absolute;
    bottom: 2.5rem;
    right: -4.375rem;
    width: 8.75rem;
    height: 5.9375rem
  }
}

@media(min-width: 1440px) {
  .testimonial__inner:after {
    content: "";
    background: url(../images/speechmarks.svg);
    transform: scale(-1);
    position: absolute;
    bottom: 2.5rem;
    right: -7.5rem;
    width: 8.75rem;
    height: 5.9375rem
  }
}

@media(min-width: 1680px) {
  .testimonial__inner:after {
    bottom: 2.5rem;
    right: -7.5rem;
    width: 8.75rem;
    height: 5.9375rem
  }
}

@media(min-width: 1920px) {
  .testimonial__inner:after {
    bottom: 2.5rem;
    right: -7.5rem;
    width: 8.75rem;
    height: 5.9375rem
  }
}

.testimonial__inner--quote {
  font-size: 1.375rem;
  line-height: 3rem;
  font-weight: 700;
  color: var(--blue);
  font-family: "DM Sans", sans-serif
}

@media(min-width: 992px) {
  .testimonial__inner--quote {
    font-size: 1.6875rem
  }
}

@media(min-width: 1200px) {
  .testimonial__inner--quote {
    font-size: 2.25rem
  }
}

@media(min-width: 1680px) {
  .testimonial__inner--quote {
    font-size: 2.8125rem
  }
}

.testimonial__inner--title h5 {
  margin-bottom: 0
}

.steps {
  padding: 4.0625rem 0
}

@media(min-width: 992px) {
  .steps {
    padding: 5.625rem 0
  }
}

@media(min-width: 1366px) {
  .steps {
    padding: 8.75rem 0
  }
}

@media(min-width: 1440px) {
  .steps {
    padding: 11.25rem 0
  }
}

@media(min-width: 1920px) {
  .steps {
    padding: 13.75rem 0
  }
}

.steps-inner {
  padding-left: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 2.1875rem
}

.steps__box--content h2 {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  font-size: 4.375rem
}

@media(min-width: 1200px) {
  .steps__box--content h2:after {
    content: "";
    width: 11.875rem;
    height: 1.625rem;
    position: absolute;
    left: 1.5625rem;
    bottom: 0.25rem;
    z-index: -1;
    background: var(--gold)
  }
}

@media(min-width: 1366px) {
  .steps__box--content h2:after {
    content: "";
    width: 18.1875rem;
    height: 1.625rem;
    position: absolute;
    left: 1.5625rem;
    bottom: 0.8125rem;
    z-index: -1;
    background: var(--gold)
  }
}

@media(min-width: 1366px) {
  .steps__box--content h2 {
    font-size: 6.25rem
  }
}

@media(min-width: 1440px) {
  .steps__box--content h2 {
    font-size: 7.5rem
  }
}

.steps__box--content--copy p {
  font-size: 1.25rem
}

@media(min-width: 1200px) {
  .steps__box--content--copy p {
    font-size: 1.625rem
  }
}

@media(min-width: 1366px) {
  .steps__box--content--copy p {
    font-size: 1.875rem
  }
}

@media(min-width: 1440px) {
  .steps__box--content--copy p {
    font-size: 2.125rem
  }
}

@media(min-width: 1680px) {
  .steps__box--content--copy p {
    font-size: 2.5rem
  }
}

.steps__box--content--copy p:last-of-type {
  margin-bottom: 0
}

.steps+#charts {
  padding-top: 0
}

.tabs {
  position: relative;
  z-index: 10
}

.tabs__intro {
  padding: 1.25rem 0.9375rem
}

@media(min-width: 768px) {
  .tabs__intro {
    padding: 2.25rem 0 7.5rem 0;
    border-bottom: 0.1875rem solid #fff
  }
}

.tabs__intro h5 {
  margin-bottom: 0
}

@media(min-width: 1200px) {
  .tabs__intro h5 {
    font-size: 2rem
  }
}

.tabs .nav {
  position: relative;
  border-bottom: 0
}

@media(min-width: 768px) {
  .tabs .nav {
    margin-top: -5.375rem;
    display: flex;
    flex-direction: row;
    gap: 1.25rem
  }
}

.tabs .nav-link {
  background: var(--blue);
  color: var(--gold);
  border: 0.1875rem solid var(--white);
  border-bottom: 0 !important;
  transition: .6s ease-in-out all;
  font-size: 1.25rem;
  border-radius: 1.5rem 1.5rem 0 0;
  padding: 0.9375rem 3.125rem;
  font-weight: 500
}

@media(min-width: 768px) {
  .tabs .nav-link {
    font-size: 1rem
  }
}

@media(min-width: 992px) {
  .tabs .nav-link {
    font-size: 1.5rem
  }
}

@media(min-width: 1200px) {
  .tabs .nav-link {
    font-size: 2.25rem
  }
}

.tabs .nav-link:hover {
  color: var(--white)
}

.tabs .nav-link.active {
  color: var(--white);
  background: var(--blue)
}

.tabs .tab-content {
  background: var(--blue);
  color: var(--white);
  padding: 3.125rem 0.9375rem;
  position: relative
}

@media(min-width: 992px) {
  .tabs .tab-content:before {
    content: "";
    position: absolute;
    left: -80px;
    bottom: 0;
    width: 34.375rem;
    height: 27.9375rem;
    background: url(../images/white-waves.png)
  }
}

@media(min-width: 992px) {
  .tabs .tab-content {
    padding: 4.6875rem
  }
}

@media(min-width: 1366px) {
  .tabs .tab-content {
    padding: 5rem
  }
}

@media(min-width: 1440px) {
  .tabs .tab-content {
    padding: 5.625rem
  }
}

.tabs .tab-content p {
  color: var(--white)
}

.tabs+#image-text {
  padding-top: 3.125rem
}

@media(min-width: 992px) {
  .tabs+#image-text {
    padding-top: 6.25rem
  }
}

@media(min-width: 1200px) {
  .tabs+#image-text {
    padding-top: 10.625rem
  }
}

@media(min-width: 1440px) {
  .tabs+#image-text {
    padding-top: 13.75rem
  }
}

@media(min-width: 1920px) {
  .tabs+#image-text {
    padding-top: 17.125rem
  }
}

.mobile-accordion .accordion-button {
  background: var(--white);
  color: var(--blue);
  border-radius: 0 !important;
  border: 0px !important
}

.latest-resource .latest-resources__resources__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
  padding: 0
}

.latest-resource .latest-resources__resources__item--image img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 21.875rem;
  width: 100%;
  border-radius: 1.6875rem
}

.latest-resource .latest-resources__resources__item--content {
  width: 100%
}

.latest-resources {
  position: relative
}

@media(min-width: 768px) {
  .latest-resources:after {
    display: block;
    content: "";
    background: url(../images/transparent-white-g-footer.png);
    height: 50rem;
    top: 3.125rem;
    background-repeat: no-repeat;
    width: 20.8125rem;
    position: absolute;
    right: 0rem;
    transform: translate(0%, 0)
  }
}

.latest-resources__feed {
  padding: 4.0625rem 0;
  margin-top: 3.75rem
}

@media(min-width: 992px) {
  .latest-resources__feed {
    padding: 5rem 0
  }
}

@media(min-width: 1440px) {
  .latest-resources__feed {
    padding: 6.25rem 0;
    margin-top: 7.3125rem
  }
}

@media(min-width: 1920px) {
  .latest-resources__feed {
    padding: 6.4375rem 0 11.5625rem 0
  }
}

.latest-resources__feed .latest-resource {
  margin-top: 5rem
}

@media(min-width: 1200px) {
  .latest-resources__feed .latest-resource {
    margin-top: 0
  }
}

.latest-resources__feed .spotlight-category-posts img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 21.875rem;
  width: 100%;
  border-radius: 1.6875rem
}

.latest-resources__feed .spotlight-hero-image {
  position: relative;
  overflow: hidden
}

.latest-resources__feed .spotlight-hero-image::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  background: url(../images/image-lines.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  height: 25.1875rem;
  width: 22.5rem;
  right: 12px
}

.latest-resources__feed .post-carousel-content {
  margin-top: 2.5rem
}

.latest-resources__feed .post-carousel-content .blog-feed-item-link {
  display: flex;
  flex-direction: column;
  gap: 2.1875rem
}

@media(min-width: 1440px) {
  .latest-resources__feed .post-carousel-content .blog-feed-item-link {
    gap: 3.75rem
  }
}

.latest-resources__feed .post-carousel-content .blog-feed-item-link .button-gold-white-offset {
  display: flex;
  align-self: flex-start
}

.latest-resources__resources {
  background: #f2f4f9;
  padding: 2.8125rem 0
}

@media(min-width: 992px) {
  .latest-resources__resources {
    padding: 3.75rem 0
  }
}

@media(min-width: 1200px) {
  .latest-resources__resources {
    padding: 4.6875rem 0
  }
}

@media(min-width: 1366px) {
  .latest-resources__resources {
    padding: 5.625rem 0
  }
}

@media(min-width: 1440px) {
  .latest-resources__resources {
    padding: 6.75rem 0
  }
}

.latest-resources__resources .container .row .col-12:nth-child(even) {
  border-top: 0.09375rem solid var(--gold);
  border-bottom: 0.09375rem solid var(--gold)
}

.latest-resources__resources__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  padding: 2.8125rem 0
}

@media(min-width: 1200px) {
  .latest-resources__resources__item {
    flex-direction: row;
    align-items: center;
    gap: 3.75rem;
    padding: 3.125rem 0
  }
}

@media(min-width: 1366px) {
  .latest-resources__resources__item {
    gap: 4.6875rem;
    padding: 4.0625rem 0
  }
}

@media(min-width: 1440px) {
  .latest-resources__resources__item {
    gap: 5rem
  }
}

@media(min-width: 1920px) {
  .latest-resources__resources__item {
    gap: 7.5rem
  }
}

.latest-resources__resources__item--image img {
  -o-object-fit: contain;
  object-fit: contain;
  height: auto;
  width: 100%;
  border-radius: 1.6875rem
}

@media(min-width: 992px) {
  .latest-resources__resources__item--image img {
    width: 31.25rem
  }
}

.latest-resources__resources__item--content {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media(min-width: 1200px) {
  .latest-resources__resources__item--content {
    width: 80%
  }
}

@media(min-width: 1366px) {
  .latest-resources__resources__item--content {
    width: 80%
  }
}

@media(min-width: 1440px) {
  .latest-resources__resources__item--content {
    width: 80%
  }
}

@media(min-width: 1680px) {
  .latest-resources__resources__item--content {
    width: 62.5rem
  }
}

.latest-resources__resources__item--content p:last-of-type {
  margin-bottom: 0
}

.latest-resources__resources__item--link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.1875rem
}

@media(min-width: 1440px) {
  .latest-resources__resources__item--link {
    gap: 3.75rem
  }
}

.latest-resources__resources__item--link .button-gold-blue-offset {
  text-align: center
}

.latest-resources__more-insights {
  padding: 4.0625rem 0
}

@media(min-width: 1440px) {
  .latest-resources__more-insights {
    padding: 4.375rem 0
  }
}

@media(min-width: 1920px) {
  .latest-resources__more-insights {
    padding: 4rem 0 6rem 0
  }
}

.latest-resources__more-insights .container .row {
  row-gap: 2.1875rem
}

@media(min-width: 768px) {
  .latest-resources__more-insights .container .row {
    row-gap: 3.125rem
  }
}

@media(min-width: 1200px) {
  .latest-resources__more-insights .container .row {
    row-gap: 5rem
  }
}

.latest-resources__more-insights .title {
  margin-bottom: 2.1875rem
}

@media(min-width: 992px) {
  .latest-resources__more-insights .title {
    margin-bottom: 2.1875rem
  }
}

@media(min-width: 1200px) {
  .latest-resources__more-insights .title {
    margin-bottom: 3.75rem
  }
}

.latest-resources__more-insights .title h2 {
  margin-bottom: 0
}

.latest-resources__more-insights--item {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 2rem
}

@media(min-width: 1200px) {
  .latest-resources__more-insights--item {
    align-items: center
  }
}

.latest-resources__more-insights--item--image img {
  border-radius: 1.6875rem;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 24.75rem
}

.latest-resources__more-insights--item--content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
  padding: 0 0.9375rem
}

@media(min-width: 992px) {
  .latest-resources__more-insights--item--content {
    padding: 0 1.75rem
  }
}

.latest-resources__more-insights--item--content h2 {
  margin-bottom: 0
}

.latest-resources__more-insights--item--content--data h4 {
  margin-bottom: 0
}

.latest-resources__more-insights--item--content .content p {
  margin-bottom: 0
}

.latest-resources__more-insights--item--link {
  padding: 0 0.9375rem;
  width: 100%
}

@media(min-width: 992px) {
  .latest-resources__more-insights--item--link {
    padding: 0 1.75rem
  }
}

header {
  padding-top: 2.8125rem;
  position: absolute;
  top: 0;
  width: 100%;
  transition: .3s ease-in-out all;
  z-index: 10
}

@media(min-width: 768px) {
  header {
    padding-top: 3.4375rem
  }
}

@media(min-width: 1200px) {
  header {
    padding-top: 3.75rem
  }
}

@media(min-width: 1600px) {
  header {
    padding-top: 5.1875rem
  }
}

@media(min-width: 1200px) {
  header .container {
    max-width: 1080px
  }
}

@media(min-width: 1366px) {
  header .container {
    max-width: 1340px
  }
}

@media(min-width: 1920px) {
  header .container {
    max-width: 1540px
  }
}

header .tablet-mobile-menu nav {
  display: flex;
  gap: 0rem
}

header .tablet-mobile-menu .navbar-toggler {
  border: none;
  color: var(--white)
}

header .tablet-mobile-menu .offcanvas {
  background: var(--blue);
  padding: 1.5625rem;
  gap: 1.875rem
}

header .tablet-mobile-menu .offcanvas::after {
  display: block;
  content: "";
  background-image: url(../images/transparent-white-g-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48%;
  height: 50vh;
  position: absolute;
  right: 0;
  bottom: 0
}

header .tablet-mobile-menu .offcanvas button {
  background: none;
  border: none;
  text-align: left;
  color: var(--gold);
  padding: 0px;
  font-size: 1.6875rem
}

header .tablet-mobile-menu .offcanvas ul li {
  max-width: 100%;
  font-size: 1.375rem
}

header .tablet-mobile-menu .offcanvas ul .show {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background: none;
  border: none;
  gap: 0.3125rem
}

@media(min-width: 1200px) {
  header .tablet-mobile-menu .offcanvas ul .show {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: none
  }
}

header .tablet-mobile-menu .offcanvas ul .show li a {
  color: var(--gold)
}

header .tablet-mobile-menu .offcanvas .dropdown-toggle {
  white-space: nowrap;
  justify-content: flex-end;
  display: flex
}

.site-logo {
  height: 2.875rem
}

nav {
  gap: 5rem
}

@media(min-width: 1680px) {
  nav {
    gap: 2.5rem
  }
}

@media(min-width: 1920px) {
  nav {
    gap: 5rem
  }
}

nav ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3.75rem;
  margin-left: 0rem;
  padding: 0
}

@media(min-width: 1200px) {
  nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.75rem;
    margin-left: 0rem
  }
}

@media(min-width: 1366px) {
  nav ul {
    gap: 2rem
  }
}

@media(min-width: 1440px) {
  nav ul {
    gap: 2.0625rem
  }
}

@media(min-width: 1680px) {
  nav ul {
    gap: 1.5625rem
  }
}

@media(min-width: 1920px) {
  nav ul {
    gap: 4.125rem
  }
}

nav ul li {
  max-width: 6.25rem
}

@media(min-width: 992px) {
  nav ul li {
    max-width: 6.25rem
  }
}

@media(min-width: 1200px) {
  nav ul li {
    max-width: 6.6875rem
  }
}

@media(min-width: 1366px) {
  nav ul li {
    max-width: 6.5rem
  }
}

@media(min-width: 1440px) {
  nav ul li {
    max-width: 6.625rem
  }
}

@media(min-width: 1600px) {
  nav ul li {
    max-width: 8.125rem
  }
}

@media(min-width: 1800px) {
  nav ul li {
    max-width: 6.75rem
  }
}

@media(min-width: 1920px) {
  nav ul li {
    max-width: 6.4375rem
  }
}

nav ul li a {
  color: var(--white);
  padding: 0rem;
  font-weight: 700
}

nav ul li a:hover {
  color: var(--gold)
}

@media(min-width: 1200px) {
  nav ul li a.dropdown-toggle {
    white-space: wrap;
    display: flex;
    align-items: flex-end
  }
}

nav ul li a.dropdown-toggle:after {
  padding-bottom: 0rem !important;
  margin-right: 10px;
  content: "";
  border: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 8px
}

nav ul li .dropdown-menu {
  background: #d8cfb5;
  padding: 1.125rem;
  margin-top: 30px;
  left: -19%;
  border: 0px
}

nav ul li .dropdown-menu.show:before {
  content: "";
  height: 30px;
  width: 100%;
  top: -30px;
  position: absolute;
  left: 0
}

nav ul li .dropdown-menu li {
  max-width: 100%;
  padding-bottom: 0.6875rem
}

nav ul li .dropdown-menu li:last-of-type {
  padding-bottom: 0
}

nav ul li .dropdown-menu li:nth-child(2) {
  border-top: 1px solid rgba(0, 33, 61, .29);
  border-bottom: 1px solid rgba(0, 33, 61, .29);
  padding: 0.6875rem 0;
  margin: 0.25rem 0 12px 0
}

nav ul li .dropdown-menu li a {
  padding: 0;
  font-weight: 700;
  opacity: 1;
  transition: .6s ease-in-out all
}

nav ul li .dropdown-menu li a:hover {
  color: var(--blue);
  opacity: .75
}

nav ul li .dropdown-menu li a:hover {
  background: none
}

nav ul li .dropdown-menu li a.active {
  background: none !important
}

nav ul li .dropdown-menu li.current-page-item {
  background: none !important
}

#site-header-inner {
  position: relative;
  margin-bottom: 6.25rem
}

@media(min-width: 992px) {
  #site-header-inner {
    margin-bottom: 8.5625rem
  }
}

#site-header-inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0%;
  background: url(images/transparent-top-lines.png);
  background-repeat: repeat;
  width: 36rem;
  height: 36.0625rem;
  background-repeat: no-repeat;
  z-index: -1
}

#site-header-inner nav ul li {
  position: relative
}

#site-header-inner nav ul li:hover>ul {
  display: block;
  visibility: visible;
  opacity: 1
}

#site-header-inner nav ul li a {
  color: var(--blue)
}

#site-header-inner nav ul li a:hover {
  color: var(--gold)
}

#site-header-inner nav ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
  background: var(--blue);
  padding: 0.625rem;
  transition: opacity .3s ease, visibility .3s ease
}

#site-header-inner nav ul li ul li {
  width: 100%
}

#site-header-inner nav ul li ul li a {
  padding: 0.625rem;
  display: block
}

#site-header-inner nav ul li ul li a:hover {
  color: var(--gold)
}

#site-header-inner nav ul li .dropdown-menu {
  background: #d8cfb5;
  padding: 1.125rem;
  margin-top: 30px;
  left: -50%;
  border: 0px
}

#site-header-inner nav ul li .dropdown-menu.show:before {
  content: "";
  height: 30px;
  width: 100%;
  top: -30px;
  position: absolute;
  left: 0
}

#site-header-inner nav ul li .dropdown-menu li {
  max-width: 100%;
  padding-bottom: 0.6875rem
}

#site-header-inner nav ul li .dropdown-menu li:last-of-type {
  padding-bottom: 0
}

#site-header-inner nav ul li .dropdown-menu li a {
  padding: 0;
  font-weight: 700;
  opacity: 1;
  transition: .6s ease-in-out all
}

#site-header-inner nav ul li .dropdown-menu li a:hover {
  color: var(--blue);
  opacity: .75
}

#site-header-inner nav ul li .dropdown-menu li a:hover {
  background: none
}

#site-header-inner .tablet-mobile-menu nav {
  display: flex;
  gap: 0rem
}

#site-header-inner .tablet-mobile-menu .navbar-toggler {
  border: none;
  color: var(--blue)
}

#site-header-inner .tablet-mobile-menu .offcanvas {
  background: var(--blue);
  padding: 1.5625rem;
  gap: 1.875rem
}

#site-header-inner .tablet-mobile-menu .offcanvas::after {
  display: block;
  content: "";
  background-image: url(../images/transparent-white-g-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48%;
  height: 50vh;
  position: absolute;
  right: 0;
  bottom: 0
}

#site-header-inner .tablet-mobile-menu .offcanvas button {
  background: none;
  border: none;
  text-align: left;
  color: var(--gold);
  padding: 0px;
  font-size: 1.6875rem
}

#site-header-inner .tablet-mobile-menu .offcanvas ul li {
  max-width: 100%;
  font-size: 1.375rem
}

#site-header-inner .tablet-mobile-menu .offcanvas ul li a {
  color: var(--white)
}

#site-header-inner .tablet-mobile-menu .offcanvas ul .show {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background: none;
  border: none;
  gap: 0.3125rem
}

@media(min-width: 1200px) {
  #site-header-inner .tablet-mobile-menu .offcanvas ul .show {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: none
  }
}

#site-header-inner .tablet-mobile-menu .offcanvas ul .show li a {
  color: var(--gold)
}

#site-header-inner .tablet-mobile-menu .offcanvas .dropdown-menu {
  left: 0;
  top: 0;
  position: relative
}

#contact-header {
  padding-top: 2.8125rem;
  position: absolute;
  top: 0;
  width: 100%;
  transition: .3s ease-in-out all;
  z-index: 10
}

@media(min-width: 768px) {
  #contact-header {
    padding-top: 3.4375rem
  }
}

@media(min-width: 1200px) {
  #contact-header {
    padding-top: 3.75rem
  }
}

@media(min-width: 1600px) {
  #contact-header {
    padding-top: 5.1875rem
  }
}

@media(min-width: 1200px) {
  #contact-header .container {
    max-width: 1080px
  }
}

@media(min-width: 1366px) {
  #contact-header .container {
    max-width: 1340px
  }
}

@media(min-width: 1920px) {
  #contact-header .container {
    max-width: 1540px
  }
}

#contact-header .tablet-mobile-menu nav {
  display: flex;
  gap: 0rem
}

#contact-header .tablet-mobile-menu .navbar-toggler {
  border: none;
  color: var(--white)
}

#contact-header .tablet-mobile-menu .offcanvas {
  background: var(--blue);
  padding: 1.5625rem;
  gap: 1.875rem
}

#contact-header .tablet-mobile-menu .offcanvas::after {
  display: block;
  content: "";
  background-image: url(../images/transparent-white-g-footer.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 48%;
  height: 50vh;
  position: absolute;
  right: 0;
  bottom: 0
}

#contact-header .tablet-mobile-menu .offcanvas button {
  background: none;
  border: none;
  text-align: left;
  color: var(--gold);
  padding: 0px;
  font-size: 1.6875rem
}

#contact-header .tablet-mobile-menu .offcanvas ul li {
  max-width: 100%;
  font-size: 1.375rem
}

#contact-header .tablet-mobile-menu .offcanvas ul .show {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background: none;
  border: none;
  gap: 0.3125rem
}

@media(min-width: 1200px) {
  #contact-header .tablet-mobile-menu .offcanvas ul .show {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: none
  }
}

#contact-header .tablet-mobile-menu .offcanvas ul .show li a {
  color: var(--gold)
}

#quiz-header {
  padding: 15px 0px;
  background: var(--blue);
  position: relative
}

#quiz-header .quiz-header-strip {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  row-gap: 1.5625rem
}

@media(min-width: 576px) {
  #quiz-header .quiz-header-strip {
    justify-content: space-between;
    flex-direction: row;
    align-self: start;
    row-gap: 0rem
  }
}

#quiz-header .quiz-header-strip .return-to-quiz .button-ghost:hover svg {
  transform: rotate(180deg) translateX(2.8125rem)
}

#quiz-header .quiz-header-strip .return-to-quiz .button-ghost svg {
  transform: rotate(180deg) translateX(2.1875rem)
}

footer #quiz-footer {
  background: var(--blue);
  padding: 1.125rem 1.125rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center
}

footer #quiz-footer::before {
  display: block;
  content: "";
  background: url(../images/transparent-white-g-footer.png);
  width: 23.6875rem;
  height: 44.375rem;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -17%
}

footer #quiz-footer h2,
footer #quiz-footer h3,
footer #quiz-footer h4,
footer #quiz-footer h5,
footer #quiz-footer h6 {
  color: var(--white)
}

footer #quiz-footer p {
  color: var(--white)
}

footer #quiz-footer a {
  color: var(--white);
  text-decoration: none
}

footer #quiz-footer a:hover {
  color: var(--gold)
}

footer #quiz-footer i {
  color: var(--gold)
}

footer #quiz-footer .footer-bottom {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  row-gap: 0.4375rem
}

@media(min-width: 768px) {
  footer #quiz-footer .footer-bottom {
    flex-direction: row;
    justify-content: space-between
  }
}

footer #quiz-footer .footer-bottom p {
  text-align: center;
  margin-bottom: 0px
}

@media(min-width: 768px) {
  footer #quiz-footer .footer-bottom p {
    text-align: right
  }
}

footer #quiz-footer .footer-bottom .footer-logo img {
  width: 9.6875rem
}

footer #site-footer {
  background: var(--blue);
  padding: 9.688rem 0 4.875rem 0;
  position: relative;
  z-index: 0;
  overflow: hidden
}

@media(min-width: 768px) {
  footer #site-footer {
    padding: 6.25rem 0 3.125rem 0
  }
}

@media(min-width: 992px) {
  footer #site-footer {
    padding: 9.6875rem 0 4.875rem 0
  }
}

footer #site-footer img {
  margin: 0px auto 2.1875rem auto;
  display: flex
}

@media(min-width: 992px) {
  footer #site-footer img {
    margin-bottom: 0rem
  }
}

footer #site-footer::before {
  display: block;
  content: "";
  background: url(../images/transparent-white-g-footer.png);
  width: 23.6875rem;
  height: 44.375rem;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -17%;
  left: 1.25rem;
  display: none
}

@media(min-width: 576px) {
  footer #site-footer::before {
    left: 14rem;
    display: block
  }
}

@media(min-width: 992px) {
  footer #site-footer::before {
    left: 82%
  }
}

footer #site-footer h2,
footer #site-footer h3,
footer #site-footer h4,
footer #site-footer h5,
footer #site-footer h6 {
  color: var(--white)
}

footer #site-footer p {
  color: var(--white)
}

footer #site-footer i {
  color: var(--gold)
}

footer #site-footer .footer-contact-details {
  margin-bottom: 2.375rem
}

footer #site-footer .footer-contact-details ul {
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.125rem
}

footer #site-footer .footer-contact-details ul li {
  display: flex;
  flex-direction: row;
  gap: 0.9375rem;
  align-items: center;
  justify-content: center
}

@media(min-width: 992px) {
  footer #site-footer .footer-contact-details ul li {
    justify-content: flex-start
  }
}

footer #site-footer .footer-contact-details ul li a {
  color: var(--white);
  text-decoration: none
}

footer #site-footer .footer-contact-details ul li a:hover {
  color: var(--gold)
}

footer #site-footer .footer-social ul {
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 1.125rem;
  justify-content: center
}

@media(min-width: 992px) {
  footer #site-footer .footer-social ul {
    justify-content: flex-start
  }
}

footer #site-footer .footer-social ul li {
  display: flex;
  flex-direction: row;
  gap: 0.9375rem;
  align-items: center
}

footer #site-footer .footer-social ul li a {
  transition: .3s ease-in-out all
}

footer #site-footer .footer-social ul li a:hover {
  color: var(--white)
}

footer #site-footer .footer-social ul li a:hover i {
  color: var(--white);
  transform: rotateY(360deg)
}

footer #site-footer .footer-social ul li a i {
  font-size: 1.4375rem;
  transition: .6s ease-in-out all;
  transform: rotateY(0)
}

footer #site-footer .footer-cta-block {
  margin-bottom: 7.8125rem
}

footer #site-footer .footer-cta-block .footer-content {
  text-align: center
}

@media(min-width: 992px) {
  footer #site-footer .footer-cta-block .footer-content {
    text-align: left
  }
}

footer #site-footer .footer-cta-block .footer-content h2 {
  margin-bottom: 2.1875rem
}

footer #site-footer .footer-cta-block .footer-content p {
  margin-bottom: 3.4375rem
}

footer #site-footer .footer-col h6 {
  text-align: center
}

@media(min-width: 992px) {
  footer #site-footer .footer-col h6 {
    text-align: left
  }
}

footer #site-footer .footer-download {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem
}

@media(min-width: 992px) {
  footer #site-footer .footer-download {
    align-items: flex-start
  }
}

footer #site-footer .footer-download h2,
footer #site-footer .footer-download h3,
footer #site-footer .footer-download h4,
footer #site-footer .footer-download h5,
footer #site-footer .footer-download h6 {
  margin-bottom: 0
}

footer #site-footer .footer-download p {
  text-align: center
}

@media(min-width: 992px) {
  footer #site-footer .footer-download p {
    text-align: left
  }
}

footer #site-footer .footer-download p:last-of-type {
  margin-bottom: 0
}

footer #site-footer .footer-nav {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  margin-bottom: 2.1875rem;
  align-items: center
}

@media(min-width: 992px) {
  footer #site-footer .footer-nav {
    margin-bottom: 0rem;
    align-items: flex-start
  }
}

footer #site-footer .footer-nav li a {
  color: var(--white);
  text-decoration: none
}

footer #site-footer .footer-nav li a:hover {
  color: var(--gold)
}

footer #site-footer .footer-nav .sub-menu {
  display: none
}

footer #site-footer .footer-bottom {
  padding-top: 1.6875rem;
  margin-top: 2.0625rem;
  border-top: 0.03125rem solid var(--white);
  display: flex;
  justify-content: center;
  flex-direction: column
}

@media(min-width: 768px) {
  footer #site-footer .footer-bottom {
    flex-direction: row;
    justify-content: space-between
  }
}

footer #site-footer .footer-bottom p {
  text-align: center
}

@media(min-width: 768px) {
  footer #site-footer .footer-bottom p {
    text-align: right
  }
}

footer #site-footer .footer-bottom .footer-logo img {
  width: 9.6875rem
}

@media(min-width: 992px) {
  footer #site-footer .footer-bottom .footer-logo img {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0px
  }
}

.background-colour-blue {
  background-color: var(--blue);
  color: var(--white)
}

.background-colour-blue h2,
.background-colour-blue h3,
.background-colour-blue h3,
.background-colour-blue h4,
.background-colour-blue h5,
.background-colour-blue h6,
.background-colour-blue p {
  color: var(--white)
}

.background-colour-blue strong {
  color: var(--white)
}

.background-colour-blue a {
  color: var(--gold)
}

.background-colour-blue a:hover {
  color: var(--white)
}

.background-colour-blue .button-gold-white-offset {
  color: var(--blue)
}

.background-colour-blue .button-gold-white-offset:hover {
  color: var(--blue)
}

.background-colour-white {
  background-color: var(--white);
  color: var(--blue)
}

.background-colour-white h2,
.background-colour-white h3,
.background-colour-white h3,
.background-colour-white h4,
.background-colour-white h5,
.background-colour-white h6,
.background-colour-white p {
  color: var(--blue)
}

.background-colour-white a {
  color: var(--gold)
}

.background-colour-white a:hover {
  color: var(--blue)
}

.background-colour-white .button-gold-white-offset {
  color: var(--blue)
}

.background-colour-white .button-gold-white-offset:hover {
  color: var(--blue)
}

.background-colour-white .button-gold-white-offset:after {
  border: 2px solid var(--blue)
}

.background-colour-grey {
  background-color: var(--grey);
  color: var(--blue)
}

.background-colour-grey h2,
.background-colour-grey h3,
.background-colour-grey h3,
.background-colour-grey h4,
.background-colour-grey h5,
.background-colour-grey h6,
.background-colour-grey p {
  color: var(--blue)
}

.background-colour-grey a {
  color: var(--gold)
}

.background-colour-grey a:hover {
  color: var(--blue)
}

.background-colour-grey .button-gold-white-offset {
  color: var(--blue)
}

.background-colour-grey .button-gold-white-offset:hover {
  color: var(--blue)
}

.background-colour-grey .button-gold-white-offset:after {
  border: 2px solid var(--blue)
}

.background-colour-gold {
  background-color: var(--gold);
  color: var(--blue)
}

.background-colour-gold h2,
.background-colour-gold h3,
.background-colour-gold h3,
.background-colour-gold h4,
.background-colour-gold h5,
.background-colour-gold h6,
.background-colour-gold p {
  color: var(--blue)
}

.background-colour-gold a {
  color: var(--blue)
}

.background-colour-gold a:hover {
  color: var(--white)
}

.background-colour-gold .gold-text {
  color: var(--white)
}

.background-colour-gold .button-gold-white-offset {
  background: var(--white);
  color: var(--blue)
}

.background-colour-gold .button-gold-white-offset:hover {
  color: var(--blue)
}

.background-colour-gold .button-gold-white-offset:after {
  border: 2px solid var(--white)
}

.button-gold {
  background: var(--gold)
}

.button-gold-white-offset {
  background: var(--gold);
  color: var(--blue);
  font-size: 1.125rem;
  font-weight: 700;
  padding: 1.3125rem 1.4375rem;
  position: relative;
  transition: .4s ease-in-out all
}

.button-gold-white-offset:hover {
  color: var(--blue)
}

.button-gold-white-offset:hover:after {
  bottom: 0px;
  left: 0
}

.button-gold-white-offset:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 7px;
  width: 100%;
  height: 100%;
  border: 2px solid var(--white);
  z-index: -1;
  transition: .4s ease-in-out all
}

.button-gold-blue-offset {
  background: var(--gold);
  color: var(--blue);
  font-size: 1.125rem;
  font-weight: 700;
  padding: 1.3125rem 3.125rem;
  position: relative;
  transition: .4s ease-in-out all;
  min-width: 15.6875rem;
  text-align: center
}

.button-gold-blue-offset:hover {
  color: var(--blue)
}

.button-gold-blue-offset:hover:after {
  bottom: 0px;
  left: 0
}

.button-gold-blue-offset:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 7px;
  width: 100%;
  height: 100%;
  border: 2px solid var(--blue);
  z-index: -1;
  transition: .4s ease-in-out all
}

.button-white-white-offset {
  background: var(--white);
  color: var(--blue);
  font-size: 1.125rem;
  font-weight: 700;
  padding: 1.3125rem 1.4375rem;
  position: relative;
  transition: .4s ease-in-out all;
  min-width: 15.6875rem
}

.button-white-white-offset:hover {
  color: var(--blue)
}

.button-white-white-offset:hover:after {
  bottom: 0px;
  left: 0
}

.button-white-white-offset:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 7px;
  width: 100%;
  height: 100%;
  border: 2px solid var(--white);
  z-index: -1;
  transition: .4s ease-in-out all
}

.button-ghost {
  color: var(--gold) !important;
  font-weight: 500;
  font-size: 1.125rem
}

.button-ghost:hover svg {
  transform: translateX(3.625rem)
}

.button-ghost svg {
  transform: translateX(3rem);
  transition: .3s ease-in-out all
}

.contact-form {
  border-radius: 1.25rem;
  padding: 2.1875rem
}

@media(min-width: 992px) {
  .contact-form {
    padding: 2.8125rem
  }
}

@media(min-width: 1200px) {
  .contact-form {
    padding: 4.6875rem
  }
}

.contact-form input {
  width: 100%;
  height: 4.75rem;
  color: var(--blue);
  border-radius: 0.625rem;
  border: 1px solid var(--blue);
  padding: 1.25rem
}

.contact-form input::-moz-placeholder {
  color: var(--blue)
}

.contact-form input::placeholder {
  color: var(--blue)
}

.contact-form input:focus {
  border: 1px solid var(--gold)
}

.contact-form textarea {
  width: 100%;
  color: var(--blue);
  border-radius: 0.625rem;
  border: 1px solid var(--blue);
  padding: 1.25rem
}

.contact-form textarea::-moz-placeholder {
  color: var(--blue)
}

.contact-form textarea::placeholder {
  color: var(--blue)
}

.contact-form textarea:focus {
  border: 1px solid var(--gold)
}

.contact-form button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  width: 100%;
  border-radius: 0.625rem;
  background: var(--blue);
  border: none;
  height: 4.6875rem;
  font-weight: 600
}

.contact-form .forminator-checkbox__wrapper {
  display: flex;
  align-items: center;
  gap: 0.625rem
}

.contact-form .forminator-checkbox__wrapper p {
  margin-bottom: 0px
}

.contact-form .forminator-checkbox-box {
  width: 1.25rem;
  display: flex
}

.contact-form .forminator-error-message {
  width: 100%;
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
  display: flex;
  padding: 15px;
  border-radius: 5px;
  margin-top: 5px
}

.contact-form .forminator-success {
  width: 100%;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  display: flex;
  padding: 15px;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 10px
}

.contact-form .forminator-success p {
  margin-bottom: 0px
}

.contact-form .forminator-success a {
  text-decoration: underline
}

.contact-form .forminator-response-message.forminator-error.forminator-accessible {
  display: none
}

@media(min-width: 1366px) {
  .container {
    max-width: 1200px
  }
}

@media(min-width: 1920px) {
  .container {
    max-width: 1340px
  }
}

.gold-underline {
  position: relative
}

.gold-underline::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0px auto;
  width: 12.5rem;
  height: 1.625rem;
  background: var(--gold)
}

@media(min-width: 768px) {
  .gold-underline::after {
    top: 71%;
    left: 20%;
    z-index: 0
  }
}

@media(min-width: 992px) {
  .gold-underline::after {
    width: 18.1875rem
  }
}

.gold-underline p,
.gold-underline h2,
.gold-underline h3,
.gold-underline h4,
.gold-underline h5,
.gold-underline h6 {
  position: relative;
  z-index: 10
}

.clickBox {
  cursor: pointer
}

.iv {
  opacity: 0;
  transition: all .45s ease-in-out
}

.iv--from-below {
  transform: translateY(60px)
}

.iv--from-above {
  transform: translateY(-60px)
}

.iv--from-right {
  transform: translateX(60px)
}

.iv--from-left {
  transform: translateX(-60px)
}

.iv.iv-delay {
  transition-delay: .75s
}

.iv.iv-loaded {
  opacity: 1;
  transform: translateY(0)
}

@media screen and (max-width: 1199px) {
  .iv--from-right-mobile {
    transform: translateY(60px)
  }

  .iv--from-left-mobile {
    transform: translateY(60px)
  }
}

@media screen and (min-width: 1200px) {
  .iv--from-right-desktop {
    transform: translateX(60px)
  }

  .iv--from-left-desktop {
    transform: translateX(-60px)
  }
}

@media screen and (min-width: 1400px) {
  .naviv {
    opacity: 0;
    transition: all .45s ease-in-out
  }

  .naviv--from-above {
    transform: translateY(-60px)
  }

  .naviv.naviv-delay {
    transition-delay: .75s
  }

  .naviv.naviv-loaded {
    opacity: 1;
    transform: translateY(0)
  }
}