@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-grey: #2a2a2a;
  --color-yellow: #e5772d;
  --color-yellow-light: #EEEEEE;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 auto;
  background: var(--color-yellow);
  overflow-x: hidden;
  width: 100%;
}
body.menu-open {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h5 {
  font-family: "Overpass", sans-serif;
  font-weight: 700;
  font-size: 20px;
}

a.link-underline {
  position: relative;
  text-decoration: none;
}
a.link-underline::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: #000;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}
a.link-underline:hover::before {
  transform: scaleX(1);
}

.fade {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease 0.3s;
}
.fade.visible {
  opacity: 1;
  transform: translateY(0px);
}

select {
  cursor: pointer;
}

.button {
  display: inline-flex;
  background: var(--color-grey);
  padding: 2px 95px 0 20px;
  min-height: 50px;
  align-items: center;
  text-decoration: none;
  color: var(--color-white);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  font-family: "Overpass", sans-serif;
}
.button:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 1/0.85;
  background: var(--color-yellow);
  transition: all 0.3s ease;
  clip-path: polygon(0 100%, 30% 0, 100% 0, 100% 100%);
}
.button:after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 20px;
  background-image: url("../img/arrow.png");
  background-size: 100% auto;
  width: 17px;
  height: 13px;
  z-index: 10;
  transition: all 0.3s ease;
}
.button:hover {
  background: var(--color-yellow);
  color: var(--color-grey);
}
.button:hover:before {
  background: var(--color-grey);
}
.button:hover:after {
  background-image: url("../img/arrow-yellow.png");
}
.button--ql {
  background: var(--color-white);
  color: var(--color-grey);
}
.button--ql:before {
  background: var(--color-grey);
}
.button--ql:after {
  background-image: url("../img/arrow-white.png");
}
.button--ql-img:hover {
  background: var(--color-white);
}
.button--back {
  display: none;
}
.button--white {
  background: var(--color-white);
  color: var(--color-grey) !important;
}
.button--white:before {
  background: var(--color-yellow);
}
.button--white:after {
  background-image: url("../img/arrow.png");
}
.button--white:hover {
  background: var(--color-yellow);
}
.button--white:hover:before {
  background: var(--color-white);
}
.button--white:hover:after {
  background-image: url("../img/arrow.png");
}

.divider {
  width: 70px;
  height: 1px;
  background: var(--color-grey);
  display: inline-block;
}
.divider--yellow {
  background: var(--color-yellow);
}

.hr {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}

.page-sidebar {
  padding: 30px 30px 90px;
  background: linear-gradient(180deg, #FFF 0%, #F6F6F6 100%);
}
@media screen and (max-width: 1300px) {
  .page-sidebar {
    padding: 30px 30px 0px;
  }
}
@media screen and (max-width: 767px) {
  .page-sidebar {
    padding: 30px 10px 0px 10px;
  }
}
.page-sidebar__inner {
  display: flex;
  margin: 0 auto;
  max-width: 1600px;
  gap: 60px;
  position: relative;
  z-index: 20;
}
@media screen and (max-width: 1024px) {
  .page-sidebar__inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .page-sidebar__inner {
    padding: 0 20px;
  }
}
.page-sidebar__inner .main {
  width: 100%;
  flex-basis: auto;
  display: flex;
  justify-content: center;
  padding-top: 60px;
}
.page-sidebar__inner .main .wysiwyg {
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .page-sidebar__inner .main {
    order: 2;
    margin-right: 0;
    padding: 0;
    margin-top: -60px;
  }
}
.page-sidebar__inner aside {
  flex-shrink: 0;
  width: 400px;
  flex-basis: auto;
}
@media screen and (max-width: 1024px) {
  .page-sidebar__inner aside {
    order: 1;
    width: 100%;
    margin-bottom: 30px;
  }
}

.page-news {
  padding: 0px 30px 90px;
  background: linear-gradient(180deg, #FFF 0%, #F6F6F6 100%);
}
@media screen and (max-width: 1300px) {
  .page-news {
    padding: 30px 30px 0px;
  }
}
@media screen and (max-width: 767px) {
  .page-news {
    padding: 30px 10px 0px 10px;
  }
}
.page-news__inner {
  display: flex;
  margin: 0 auto;
  max-width: 1600px;
  gap: 60px;
  position: relative;
  z-index: 20;
}
@media screen and (max-width: 1024px) {
  .page-news__inner {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .page-news__inner {
    padding: 0 20px;
  }
}
.page-news__inner .main {
  width: 100%;
  flex-basis: auto;
  display: flex;
  justify-content: center;
  padding-top: 60px;
  position: relative;
}
.page-news__inner .main::after {
  content: "";
  height: 100%;
  width: 100vw;
  background: linear-gradient(180deg, #FFF 0%, #E3E3E3 100%);
  position: absolute;
  left: 100%;
  bottom: -90px;
  z-index: -1;
}
@media screen and (max-width: 1300px) {
  .page-news__inner .main::after {
    left: calc(100% + 30px);
    bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-news__inner .main::after {
    display: none;
  }
}
.page-news__inner .main .wysiwyg {
  max-width: 800px;
}
@media screen and (max-width: 1024px) {
  .page-news__inner .main .wysiwyg {
    max-width: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-news__inner .main {
    order: 1;
    margin-right: 0;
    padding: 0;
  }
}
.page-news__inner aside {
  flex-shrink: 0;
  width: 400px;
  flex-basis: auto;
  padding-top: 76px;
}
.page-news__inner aside h2 {
  margin-bottom: 18px;
}
@media screen and (max-width: 1024px) {
  .page-news__inner aside {
    order: 2;
    padding-top: 0;
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .page-news__inner aside .news-articles {
    display: flex;
    margin: 0 -10px;
  }
}
@media screen and (max-width: 767px) {
  .page-news__inner aside .news-articles {
    flex-wrap: wrap;
  }
}
.page-news .news__slash {
  position: absolute;
  bottom: -180px;
  left: 85%;
  width: 500px;
  aspect-ratio: 1/1.4;
  background: #474747;
  clip-path: polygon(60% 0, 100% 0%, 40% 100%, 0 100%);
  z-index: 0;
}
@media screen and (max-width: 1300px) {
  .page-news .news__slash {
    width: 260px;
    bottom: -50px;
  }
}
@media screen and (max-width: 1024px) {
  .page-news .news__slash {
    display: none;
  }
}

#skipto {
  scroll-margin-top: 70px; /* adjust to your offset */
}

.skip-link {
  padding: 10px 20px;
  position: absolute;
  background: var(--color-yellow);
  color: var(--color-grey);
  left: 10px;
  top: 10px;
  transform: translateY(-70px);
  z-index: 100;
  transition: transform 0.3s;
  font-weight: 700;
  text-decoration: none;
}
.skip-link:focus {
  transform: translateY(0%);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  display: flex;
  padding: 20px 0 0 36px;
  justify-content: space-between;
  z-index: 90;
  transition: all 0.3s ease;
  height: 102px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .header {
    padding: 20px 0 20px 20px;
    height: 80px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  }
}
.header__logo {
  transition: all 0.3s ease;
  position: relative;
  top: 0px;
  z-index: 10;
}
.header__logo .logo-image {
  width: 260px;
  height: auto;
  transition: all 0.3s ease;
}
.header__logo .logo-image path {
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .header__logo .logo-image {
    width: 160px;
  }
}
.header__socials {
  display: flex;
  margin-right: 0px;
  position: relative;
  z-index: 10;
}
.header__socials .social-link {
  width: 50px;
  height: 50px;
  background: var(--color-yellow);
  justify-content: center;
  align-items: center;
  display: flex;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-left: 7px;
}
@media screen and (max-width: 767px) {
  .header__socials .social-link {
    display: none;
  }
}
.header__socials .social-link svg path {
  transition: all 0.3s ease;
}
.header__socials .social-link:hover, .header__socials .social-link.active {
  background: var(--color-grey);
  color: var(--color-yellow);
}
.header__socials .social-link:hover svg path, .header__socials .social-link.active svg path {
  fill: var(--color-white);
}
@media screen and (max-width: 1300px) {
  .header__socials .social-link.search {
    display: none;
  }
}
.header__socials .social-link.search {
  background: var(--color-white);
}
.header__socials .social-link.search:hover {
  color: var(--color-white);
  background: var(--color-grey);
}
.header__socials .social-link.search:focus-visible {
  outline: 2px solid var(--color-yellow);
  outline-offset: 2px;
}
.header__socials .social-link.search.active {
  background: var(--color-grey);
}
.header__socials .search-box {
  position: absolute;
  top: 0;
  right: 50px;
  height: 50px;
  width: 45vw;
  width: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .header__socials .search-box {
    display: none;
  }
}
.header__socials .search-box.active {
  width: 45vw;
  opacity: 1;
  pointer-events: all;
}
.header__socials .search-box-close {
  position: absolute;
  top: 15px;
  left: 20px;
  cursor: pointer;
}
.header__socials .search-box-close svg path {
  transition: all 0.3s ease;
}
.header__socials .search-box-close:hover svg path {
  fill: var(--color-yellow);
}
.header__socials .search-box-close:focus-visible {
  outline: 2px solid var(--color-yellow);
  outline-offset: 4px;
}
.header__socials .search-box input {
  width: 100%;
  height: 50px;
  border: 1px solid var(--color-grey);
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  color: var(--color-black);
  padding-left: 60px;
}
.header__socials .search-box input::-moz-placeholder {
  opacity: 1;
  color: var(--color-black);
  position: relative;
  bottom: -3px;
}
.header__socials .search-box input::placeholder {
  opacity: 1;
  color: var(--color-black);
  position: relative;
  bottom: -3px;
}
.header__socials .search-box input:focus {
  outline: none;
  border: 1px solid var(--color-yellow);
}
.header__mobile-trigger {
  display: none;
}
@media screen and (max-width: 1300px) {
  .header__mobile-trigger {
    display: flex;
    height: 50px;
  }
}

.menu-desktop {
  position: absolute;
  right: 250px;
  font-weight: 500;
  z-index: -1;
}
@media screen and (max-width: 1300px) {
  .menu-desktop {
    display: none;
  }
}
.menu-desktop > ul {
  margin: 10px 0 0 0;
}
.menu-desktop ul > li {
  height: 67px;
  vertical-align: top;
}
.menu-desktop ul > li.sub-menu {
  position: relative;
}
.menu-desktop ul > li.sub-menu::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none"><path d="M1.5 2L7 7L12.5 2" stroke="%23e5772d" stroke-width="2.5" stroke-linecap="round"/></svg>');
  position: absolute;
  left: 50%;
  bottom: 20px;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}
.menu-desktop ul > li.sub-menu:hover::after {
  transform: rotate(-180deg) translateX(50%);
}
.menu-desktop ul li {
  display: inline-block;
  padding: 0 10px;
  margin: 0;
  z-index: 100;
}
.menu-desktop ul li > ul > li {
  display: block;
  padding: 0;
}
@media screen and (max-width: 1400px) {
  .menu-desktop ul li {
    padding: 6px;
  }
}
.menu-desktop ul li.active {
  font-weight: 900;
}
.menu-desktop ul li a {
  color: var(--color-white);
  text-decoration: none;
  transition: all 0.3s ease;
}
.menu-desktop ul li a:hover {
  color: var(--color-yellow);
}
.menu-desktop ul li > ul {
  position: fixed;
  left: 0px;
  width: 100vw;
  background: var(--color-white);
  padding: 90px 60px 90px 25%;
  transition: all 0.3s ease;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  top: 102px;
  display: block;
  overflow: hidden;
  min-height: 488px;
  box-shadow: 0px 21px 33px -1px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1700px) {
  .menu-desktop ul li > ul {
    padding: 90px 60px 90px 22.5%;
  }
}
.menu-desktop ul li > ul.academies {
  padding: 40px 60px 40px 60px;
  min-height: auto;
}
.menu-desktop ul li > ul.academies .acadmies-grid {
  z-index: 10;
  position: relative;
}
.menu-desktop ul li > ul .menu-slash {
  position: absolute;
  height: auto;
  width: 25%;
  aspect-ratio: 1/1.1;
  background: #F0F0F0;
  background: #F0F0F0;
  background: linear-gradient(0deg, rgba(240, 240, 240, 0) 0%, rgb(240, 240, 240) 77%, rgba(240, 240, 240, 0) 77%, rgba(240, 240, 240, 0) 100%);
  left: 0;
  top: -110px;
  clip-path: polygon(0 0, 100% 0%, 58% 100%, 0% 100%);
}
.menu-desktop ul li > ul li {
  padding: 10px 0 10px 60px;
  height: auto;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: 500;
  max-width: 35%;
}
.menu-desktop ul li > ul .menu-image-wrapper {
  position: absolute;
  right: 20%;
  height: calc(100% - 180px);
  top: 80px;
  min-height: 300px;
}
@media screen and (max-width: 1700px) {
  .menu-desktop ul li > ul .menu-image-wrapper {
    right: 10%;
  }
}
.menu-desktop ul li > ul .menu-image-wrapper::before {
  content: "";
  position: absolute;
  aspect-ratio: 3/3;
  height: 40%;
  background: var(--color-yellow);
  top: -30px;
  left: -25%;
  clip-path: polygon(50% 0%, 100% 0%, 50% 100%, 0% 100%);
}
.menu-desktop ul li > ul .menu-image-wrapper::after {
  content: "";
  position: absolute;
  aspect-ratio: 3/3;
  height: 60%;
  background: rgba(71, 71, 71, 0.8);
  bottom: -30px;
  right: -30%;
  clip-path: polygon(50% 0%, 100% 0%, 50% 100%, 0% 100%);
}
.menu-desktop ul li > ul .menu-image-wrapper .menu-image {
  height: 100%;
  width: auto;
}
.menu-desktop ul li .submenu-toggle {
  background: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
}
.menu-desktop ul li .submenu-toggle:focus {
  opacity: 1;
  outline: 2px solid var(--color-yellow);
  outline-offset: 2px;
  pointer-events: all;
}
.menu-desktop ul li .submenu-toggle[aria-expanded=true] {
  opacity: 1;
  pointer-events: all;
}
.menu-desktop ul li:hover > ul, .menu-desktop ul li.submenu-focused > ul, .menu-desktop ul li.submenu-keyboard-open > ul {
  opacity: 1;
  pointer-events: all;
}
.menu-desktop ul li.submenu-blur > ul {
  opacity: 0 !important;
  pointer-events: none !important;
}
.menu-desktop ul li.sub-menu:hover > a {
  color: var(--color-yellow);
}

.sub-menu-open .header {
  background: var(--color-white);
}
.sub-menu-open.scrolled .header {
  background: var(--color-white);
}
.sub-menu-open .menu-desktop a {
  color: var(--color-grey);
}
.sub-menu-open .menu-desktop a:hover {
  color: var(--color-yellow);
}
.sub-menu-open .logo-image path {
  fill: var(--color-grey);
}

.search-open .menu-desktop {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.scrolled .header {
  height: 75px;
}
.scrolled .header .social-link.search {
  background: var(--color-yellow);
}
.scrolled .header .social-link.search:hover {
  background: var(--color-grey);
}
.scrolled .menu-desktop {
  margin-top: 0px;
}
.scrolled .menu-desktop ul > li > a {
  color: var(--color-grey);
}
.scrolled .header {
  background: rgba(255, 255, 255, 0.95);
  padding: 0 0 24px 36px;
}
@media screen and (max-width: 1300px) {
  .scrolled .header {
    padding: 12px 0 20px 36px;
  }
}
@media screen and (max-width: 767px) {
  .scrolled .header {
    padding: 12px 0 20px 20px;
  }
}
.scrolled .header .sub-menu > ul {
  top: 75px;
}
.scrolled .header__logo {
  top: 12px;
}
@media screen and (max-width: 1300px) {
  .scrolled .header__logo {
    top: 0;
  }
}
.scrolled .header__logo .logo-image {
  width: 200px;
}
@media screen and (max-width: 767px) {
  .scrolled .header__logo .logo-image {
    width: 160px;
  }
}
.scrolled .header__logo .logo-image path {
  fill: var(--color-grey);
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  background: var(--color-yellow-light);
  padding: 180px 60px 60px 60px;
  font-family: "Overpass", sans-serif;
  overflow-y: scroll;
  opacity: 0;
  pointer-events: none;
  transition: all 0.7s ease;
  display: none;
}
@media screen and (max-width: 1300px) {
  .menu {
    display: block;
    padding: 240px 40px 60px 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .menu {
    padding: 200px 40px 60px 40px !important;
  }
}
.menu .search-box {
  transition: all 0.3s ease;
  position: fixed;
  margin-bottom: 30px;
  display: none;
  width: 100%;
  background: var(--color-yellow-light);
  padding: 30px;
  left: 0;
  top: 130px;
  z-index: 10;
}
@media screen and (max-width: 1300px) {
  .menu .search-box {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .menu .search-box {
    top: 80px;
  }
}
.menu .search-box-search {
  position: absolute;
  top: 30px;
  right: 30px;
  height: 60px;
  width: 60px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-yellow);
}
.menu .search-box-search svg path {
  transition: all 0.3s ease;
}
.menu .search-box-search:hover svg path {
  fill: var(--color-white);
}
.menu .search-box input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--color-white);
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  color: var(--color-black);
  padding-left: 15px;
}
.menu .search-box input::-moz-placeholder {
  opacity: 1;
  color: var(--color-grey);
  position: relative;
  bottom: -3px;
}
.menu .search-box input::placeholder {
  opacity: 1;
  color: var(--color-grey);
  position: relative;
  bottom: -3px;
}
.menu .search-box input:focus {
  outline: none;
  border: 1px solid var(--color-yellow);
}
.menu__inner {
  -moz-columns: 1;
       columns: 1;
  margin: 0 auto;
  max-width: 1600px;
  -moz-column-gap: 80px;
       column-gap: 80px;
}
.menu__inner ul {
  margin: 0;
  padding: 0;
}
.menu__inner ul > li {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  /* Vendor prefixes for broader support */
  page-break-inside: avoid;
  list-style: none;
  font-weight: 400;
  padding: 15px 0;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu__inner ul > li.active {
  font-weight: 800 !important;
}
.menu__inner ul > li .sub-link {
  width: 50px;
  height: 50px;
  background: url("../img/menu-arrow.png");
  background-size: 30px auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  position: absolute;
  right: 0;
  top: 1px;
  display: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
@media screen and (max-width: 1300px) {
  .menu__inner ul > li .sub-link {
    display: block;
  }
}
.menu__inner ul > li .sub-link:hover {
  transform: scale(1.4);
}
.menu__inner ul > li > a {
  color: var(--color-grey);
  font-size: 26px;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1300px) {
  .menu__inner ul > li > a {
    font-size: 18px;
  }
}
.menu__inner ul > li > a:before {
  content: "";
  width: 30px;
  height: 31px;
  background: url("../img/menu-arrow.png");
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
  left: -42px;
  top: 3px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1300px) {
  .menu__inner ul > li > a:before {
    left: auto;
    right: 0;
    display: none;
  }
}
.menu__inner ul > li > a:hover {
  color: var(--color-yellow);
}
.menu__inner ul > li > a:hover:before {
  transform: scale(1.1);
}
.menu__inner ul > li > ul {
  margin-bottom: 30px;
}
@media screen and (max-width: 1300px) {
  .menu__inner ul > li > ul {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 190px;
    right: -100%;
    padding: 0 40px;
    background: var(--color-yellow-light);
    z-index: 10;
    transition: all 0.3s ease;
    overflow: scroll;
    padding-bottom: 230px;
  }
}
.menu__inner ul > li > ul.active {
  right: 0;
}
.menu__inner ul > li > ul .menu-nav {
  color: var(--color-grey);
  text-align: right;
  font-size: 20px;
  padding: 30px 0 20px 0;
  position: relative;
  display: none;
}
@media screen and (max-width: 1300px) {
  .menu__inner ul > li > ul .menu-nav {
    display: block;
  }
}
.menu__inner ul > li > ul .menu-nav .back {
  width: 30px;
  height: 31px;
  background: url("../img/menu-arrow.png");
  position: absolute;
  background-size: 100% auto;
  background-repeat: no-repeat;
  left: 0;
  top: 25px;
  transform: rotate(180deg);
  transition: all 0.3s ease;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: transparent;
}
.menu__inner ul > li > ul .menu-nav .back:hover {
  transform: scale(1.4) rotate(180deg);
}
.menu__inner ul > li > ul > li.active > a {
  font-weight: 800 !important;
}
.menu__inner ul > li > ul > li > a {
  position: relative;
  text-decoration: none;
  color: var(--color-grey);
  margin-bottom: 1px;
  font-size: 16px;
}
@media screen and (max-width: 1300px) {
  .menu__inner ul > li > ul > li > a {
    display: block;
    font-weight: 400;
  }
}
.menu__inner ul > li > ul > li > a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  top: auto;
  background: var(--color-white) !important;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 1300px) {
  .menu__inner ul > li > ul > li > a::before {
    display: none;
  }
}
.menu__inner ul > li > ul > li > a:hover::before {
  transform: scaleX(1);
}
.menu__inner a {
  color: var(--color-white);
  text-decoration: none;
}

.menu-open .menu {
  pointer-events: all;
  opacity: 1;
  top: 0;
}
.menu-open .menu .menu__inner ul > li > ul {
  top: 230px;
}
@media screen and (max-width: 767px) {
  .menu-open .menu .menu__inner ul > li > ul {
    top: 190px;
  }
}
@media screen and (max-width: 1300px) {
  .menu-open .header {
    background: var(--color-white);
  }
}
.menu-open .logo-image path {
  fill: var(--color-grey);
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: var(--color-yellow);
}

.hamburger-box {
  width: 30px;
  height: 21px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 3px;
  background-color: var(--color-yellow);
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -9px;
}
.hamburger-inner::after {
  bottom: -9px;
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

.partner-logos {
  padding: 60px 100px 100px;
  background: var(--color-white);
  position: relative;
}
@media screen and (max-width: 767px) {
  .partner-logos {
    padding: 60px 20px 100px;
  }
}
.partner-logos__inner {
  max-width: 1800px;
  margin: 0 auto;
  position: relative;
}
.partner-logos__slider {
  position: relative;
}
.partner-logos__slider .slick-track {
  display: flex !important;
  align-items: center;
}
.partner-logos__slider__item {
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.partner-logos__slider__item img {
  display: block !important;
  height: 180px;
  width: auto;
  margin: 0 auto;
}
.partner-logos__slider__controls .slide-toggle {
  bottom: -70px;
  position: absolute;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translateX(-50%);
  color: var(--color-grey);
  transition: all 0.3s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: 100% auto;
  background-repeat: no-repeat;
  z-index: 10;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 0;
}
.partner-logos__slider__controls .slide-toggle:focus-visible {
  outline: 2px solid var(--color-yellow);
  outline-offset: 3px;
}
.partner-logos__slider__controls .slide-toggle.play {
  background-image: url(../img/play-dark.svg);
}
.partner-logos__slider__controls .slide-toggle.pause {
  background-image: url(../img/pause-dark.svg);
}
.partner-logos__slider__controls .next, .partner-logos__slider__controls .prev {
  width: 60px;
  height: 50px;
  background: var(--color-yellow);
  position: absolute;
  bottom: -100px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}
.partner-logos__slider__controls .next:hover, .partner-logos__slider__controls .prev:hover {
  background: var(--color-grey);
}
.partner-logos__slider__controls .next:after, .partner-logos__slider__controls .prev:after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 17px;
  background-image: url("../img/arrow.png");
  background-size: 100% auto;
  width: 17px;
  height: 13px;
  z-index: 20;
  transition: all 0.3s ease;
}
.partner-logos__slider__controls .next:hover, .partner-logos__slider__controls .prev:hover {
  background: var(--color-grey);
}
.partner-logos__slider__controls .next:hover:after, .partner-logos__slider__controls .prev:hover:after {
  background-image: url("../img/arrow-yellow.png");
}
.partner-logos__slider__controls .next {
  right: -100px;
  clip-path: polygon(0 100%, 30% 0, 100% 0, 100% 100%);
}
@media screen and (max-width: 767px) {
  .partner-logos__slider__controls .next {
    right: -20px;
  }
}
.partner-logos__slider__controls .prev {
  left: -100px;
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
}
@media screen and (max-width: 767px) {
  .partner-logos__slider__controls .prev {
    left: -20px;
  }
}
.partner-logos__slider__controls .prev:after {
  right: auto;
  left: 12px;
  transform: rotate(180deg);
}

.footer {
  z-index: 10;
  position: relative;
}
.footer-top {
  background: var(--color-white);
  padding: 40px 20px;
  border-top: 1px solid var(--color-yellow);
}
.footer-top__inner {
  max-width: 685px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}
.footer-top__inner .footer-logo {
  height: 95px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .footer-top__inner .footer-logo {
    height: 60px;
  }
}
.footer-mid {
  background: var(--color-grey);
  color: var(--color-white);
  padding: 80px 60px;
}
@media screen and (max-width: 1300px) {
  .footer-mid {
    padding: 60px 16px;
  }
}
@media screen and (max-width: 767px) {
  .footer-mid {
    padding: 40px 0 10px;
  }
}
.footer-mid__inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .footer-mid__inner {
    flex-wrap: wrap;
  }
}
.footer-mid .moblink {
  display: none;
  color: var(--color-yellow);
}
.footer-mid .moblink a {
  color: var(--color-yellow);
}
.footer-mid .moblink a.link-underline::before {
  background-color: var(--color-yellow);
}
@media screen and (max-width: 767px) {
  .footer-mid .moblink {
    display: block;
  }
}
.footer-mid__col1 {
  padding: 0 20px;
}
@media screen and (max-width: 1024px) {
  .footer-mid__col1 {
    width: 50%;
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .footer-mid__col1 {
    width: 100%;
    margin-bottom: 30px;
  }
}
.footer-mid__col1 .logo {
  width: 300px;
  height: auto;
  margin-bottom: 45px;
  margin-top: 5px;
}
@media screen and (max-width: 1300px) {
  .footer-mid__col1 .logo {
    width: 200px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .footer-mid__col1 .logo {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1300px) {
  .footer-mid__col1 h5 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .footer-mid__col1 h5 {
    display: none;
  }
}
.footer-mid__col1 a::before {
  background-color: var(--color-yellow);
}
.footer-mid__col2 {
  padding: 0 20px;
  font-size: 18px;
  line-height: 1.72;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .footer-mid__col2 {
    width: 40%;
    order: 2;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .footer-mid__col2 {
    width: 100%;
    margin-bottom: 30px;
    line-height: 1.4;
  }
}
.footer-mid__col2 a::before {
  background-color: var(--color-white);
}
.footer-mid__col3 {
  padding: 0 20px;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .footer-mid__col3 {
    width: 40%;
    order: 4;
  }
}
@media screen and (max-width: 767px) {
  .footer-mid__col3 {
    width: 100%;
    margin-bottom: 20px;
    order: 3;
  }
}
.footer-mid__col3 ul {
  margin: 0;
  padding: 6px 0 0 0;
}
.footer-mid__col3 ul li {
  list-style: none;
  margin-bottom: 14px;
}
.footer-mid__col3 a::before {
  background-color: var(--color-white);
}
.footer-mid__col4 {
  padding: 0 20px 20px;
  max-width: 400px;
}
@media screen and (max-width: 1300px) {
  .footer-mid__col4 {
    order: 4;
  }
}
@media screen and (max-width: 1024px) {
  .footer-mid__col4 {
    width: 50%;
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  .footer-mid__col4 {
    width: 100%;
  }
}
.footer-mid__col4 strong {
  font-weight: 600;
}
.footer-mid__col4 .social-links {
  display: flex;
  width: 220px;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .footer-mid__col4 .social-links {
    margin: 0 auto;
    width: 100%;
    justify-content: flex-start;
    gap: 20px;
  }
}
.footer-mid__col4 .social-links .social-link {
  background: var(--color-yellow);
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.footer-mid__col4 .social-links .social-link:hover {
  background: var(--color-white);
}
.footer-mid__col4 a::before {
  background-color: var(--color-white);
}
.footer-mid a {
  color: var(--color-white);
  text-decoration: none;
}
.footer-mid h5 {
  color: var(--color-yellow);
  margin-bottom: 18px;
}
.footer-mid h5 a {
  color: var(--color-yellow);
}
.footer-bottom {
  background: #2A2A2A;
  text-align: center;
  color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .footer-bottom {
    text-align: left;
  }
}
.footer-bottom ul {
  margin: 0;
  padding: 20px;
}
.footer-bottom ul li {
  display: inline;
  padding: 0 12px;
  border-right: 1px solid var(--color-white);
}
@media screen and (max-width: 767px) {
  .footer-bottom ul li {
    padding: 0;
    display: block;
    border-right: none;
  }
}
.footer-bottom ul li:last-child {
  border-right: 0;
}
.footer-bottom ul li a {
  color: var(--color-white);
  text-decoration: none;
}
.footer-bottom ul li a.link-underline::before {
  background-color: var(--color-white);
}

.home .footer-top {
  border-top: none;
}

.image-slider {
  --slider-height-mob: 1 / 1.3;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-grey);
  position: relative;
  max-height: 95vh;
}
@media screen and (max-width: 767px) {
  .image-slider {
    height: auto;
    aspect-ratio: var(--slider-height-mob);
  }
}
.image-slider__inner {
  aspect-ratio: 16/9;
  width: 100%;
  max-height: 95vh;
}
@media screen and (max-width: 767px) {
  .image-slider__inner {
    height: auto;
    aspect-ratio: var(--slider-height-mob);
  }
}
.image-slider__next, .image-slider__prev {
  width: 60px;
  height: 50px;
  background: var(--color-yellow);
  position: absolute;
  bottom: 90px;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  border: none;
}
@media screen and (max-width: 1300px) {
  .image-slider__next, .image-slider__prev {
    bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .image-slider__next, .image-slider__prev {
    bottom: 30px;
  }
}
.image-slider__next:hover, .image-slider__prev:hover {
  background: var(--color-grey);
}
.image-slider__next:after, .image-slider__prev:after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 17px;
  background-image: url("../img/arrow.png");
  background-size: 100% auto;
  width: 17px;
  height: 13px;
  z-index: 20;
  transition: all 0.3s ease;
}
.image-slider__next:hover, .image-slider__prev:hover {
  background: var(--color-grey);
}
.image-slider__next:hover:after, .image-slider__prev:hover:after {
  background-image: url("../img/arrow-yellow.png");
}
.image-slider__next {
  right: 0;
  clip-path: polygon(0 100%, 30% 0, 100% 0, 100% 100%);
}
.image-slider__prev {
  left: 0;
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
}
.image-slider__prev:after {
  right: auto;
  left: 12px;
  transform: rotate(180deg);
}
.image-slider .image-slide {
  width: 100%;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: center;
  position: relative;
  max-height: 95vh;
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide {
    height: auto;
    aspect-ratio: var(--slider-height-mob);
    background-size: 170% auto;
    background-position: 80% 0;
  }
}
.image-slider .image-slide__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../img/hero-overlay.svg");
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide__overlay {
    background: url("../img/mobile-overlay.svg");
    background-size: 100% 100%;
  }
}
.image-slider .image-slide__overlay__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
}
.image-slider .image-slide__inner {
  position: absolute;
  max-width: 880px;
  bottom: 90px;
  left: 100px;
  font-family: "Overpass", sans-serif;
  color: var(--color-white);
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.7s ease;
}
@media screen and (max-width: 1300px) {
  .image-slider .image-slide__inner {
    max-width: 700px;
    bottom: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .image-slider .image-slide__inner {
    max-width: 500px;
  }
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide__inner {
    left: 20px;
    max-width: calc(100vw - 40px);
    bottom: 100px;
  }
}
.image-slider .image-slide__inner .title {
  font-size: 120px;
  line-height: 0.9;
  font-weight: 900;
  margin-bottom: 30px;
  text-transform: uppercase;
  display: block;
}
@media screen and (max-width: 1300px) {
  .image-slider .image-slide__inner .title {
    font-size: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .image-slider .image-slide__inner .title {
    font-size: 60px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide__inner .title {
    font-size: 44px;
  }
}
.image-slider .image-slide__inner .intro {
  font-size: 25px;
  line-height: 1.3;
  display: block;
}
@media screen and (max-width: 1024px) {
  .image-slider .image-slide__inner .intro {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide__inner .intro {
    font-size: 18px;
  }
}
.image-slider .slick-active .image-slide__inner {
  transform: translateY(0);
  opacity: 1;
}

.link-grid {
  background: var(--color-white);
  padding: 60px 100px;
}
@media screen and (max-width: 1300px) {
  .link-grid {
    padding: 60px 60px;
  }
}
@media screen and (max-width: 767px) {
  .link-grid {
    padding: 30px 10px 30px 10px;
  }
}
.link-grid__inner {
  padding: 0 20px;
  max-width: 1920px;
  margin: 0 auto;
}
.link-grid__inner h2 {
  text-align: center;
  margin: 20px 0 90px 0;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Overpass", sans-serif;
  font-size: 50px;
}
@media screen and (max-width: 1300px) {
  .link-grid__inner h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .link-grid__inner h2 {
    font-size: 32px;
    margin: 10px 0 50px 0;
  }
}
.link-grid__grid {
  display: flex;
  margin: 0 -10px;
}
@media screen and (max-width: 1024px) {
  .link-grid__grid {
    flex-wrap: wrap;
    margin-bottom: -30px;
  }
}
.link-grid__card {
  width: 25%;
  margin: 0 10px;
  background: var(--color-white);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  .link-grid__card {
    width: calc(50% - 20px);
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .link-grid__card {
    width: calc(100% - 20px);
    margin-bottom: 50px;
  }
  .link-grid__card:last-child {
    margin-bottom: 0;
  }
}
.link-grid__card__top {
  width: 100%;
  aspect-ratio: 6.7/4;
  position: relative;
  background-size: 100%;
  background-position: center;
  transition: all 0.3s ease;
}
.link-grid__card__top__logo {
  position: absolute;
  width: 88px;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
}
.link-grid__card__top__logo img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1400px) {
  .link-grid__card__top__logo {
    width: 60px;
    top: -30px;
  }
}
.link-grid__card__bottom {
  color: var(--color-grey);
  padding: 15px;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .link-grid__card__bottom {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .link-grid__card__bottom {
    padding-bottom: 15px;
  }
}
.link-grid__card__bottom h4 {
  font-family: "Overpass", sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: -10px;
}
@media screen and (max-width: 1400px) {
  .link-grid__card__bottom h4 {
    font-size: 24px;
  }
}
.link-grid__card__bottom span {
  font-family: "Overpass", sans-serif;
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
}
@media screen and (max-width: 1400px) {
  .link-grid__card__bottom span {
    font-size: 16px;
  }
}
.link-grid__card__bottom:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  aspect-ratio: 1/1;
  background: var(--color-grey);
  border-radius: 100px 0 0 0;
  transition: all 0.3s ease;
}
.link-grid__card__bottom:after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 13px;
  background-image: url("../img/arrow-white.png");
  background-size: 100% auto;
  width: 17px;
  height: 13px;
  z-index: 10;
  transition: all 0.3s ease;
}
.link-grid__card:hover .link-grid__card__top {
  background-size: 105%;
}
.link-grid__card:hover .link-grid__card__bottom:before {
  background: var(--color-yellow);
}
.link-grid__card:hover .link-grid__card__bottom:after {
  background-image: url("../img/arrow.png");
  transform: rotate(-45deg);
}

.featured-content {
  background: var(--color-white);
  padding: 90px 100px 90px;
  z-index: 10;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .featured-content {
    padding: 60px 0px 60px;
  }
}
@media screen and (max-width: 767px) {
  .featured-content {
    padding: 0;
  }
}
.featured-content__inner {
  padding: 20px;
  display: flex;
  max-width: 1520px;
  margin: 0 auto;
  color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .featured-content__inner {
    flex-wrap: wrap;
    padding: 0;
  }
}
.featured-content__inner::after {
  content: "";
  position: absolute;
  top: -80px;
  left: -290px;
  width: 440px;
  height: calc(100% + 200px);
  background: var(--color-yellow);
  clip-path: polygon(60% 0, 100% 0%, 40% 100%, 0 100%);
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .featured-content__inner::after {
    top: -20px;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .featured-content__inner::after {
    display: none;
  }
}
.featured-content__inner__l {
  width: 40%;
  flex-basis: auto;
  flex-shrink: 0;
  aspect-ratio: 1/1.1;
  background-size: cover;
  background-position: center;
  margin-top: -60px;
  margin-bottom: -60px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .featured-content__inner__l {
    margin-top: 0;
    margin-bottom: 30%;
  }
}
@media screen and (max-width: 767px) {
  .featured-content__inner__l {
    width: 100%;
    margin: 0;
    order: 1;
  }
}
.featured-content__inner__r {
  width: 60%;
  flex-basis: auto;
  background: var(--color-grey);
  padding: 60px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .featured-content__inner__r {
    width: 100%;
    padding: 40px 20px;
    order: 1;
  }
}
.featured-content__inner__r::after {
  content: "";
  position: absolute;
  top: 20px;
  left: calc(100% - 20px);
  width: 150px;
  height: calc(100% - 40px);
  background: var(--color-grey);
  clip-path: polygon(0 0, 100% 0%, 0 100%, 0% 100%);
}
.featured-content__inner__r h2 {
  font-weight: 700;
  font-family: "Overpass", sans-serif;
  font-size: 40px;
  margin-bottom: 30px;
  line-height: 1.2;
}
@media screen and (max-width: 1300px) {
  .featured-content__inner__r h2 {
    font-size: 36px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .featured-content__inner__r h2 {
    font-size: 32px;
  }
}
.featured-content__inner__r h3 {
  font-weight: 300;
  font-family: "Overpass", sans-serif;
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 1.1;
}
@media screen and (max-width: 1300px) {
  .featured-content__inner__r h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .featured-content__inner__r h3 {
    font-size: 32px;
  }
}
.featured-content__inner__r p {
  margin-bottom: 15px;
}
.featured-content__inner__r .button {
  margin-top: 30px;
}
.featured-content__inner__r .slashes {
  letter-spacing: -5px;
  color: var(--color-yellow);
  margin-right: 10px;
}
.featured-content.switched .featured-content__inner__l {
  order: 2;
}
@media screen and (max-width: 767px) {
  .featured-content.switched .featured-content__inner__l {
    order: 1;
  }
}
.featured-content.switched .featured-content__inner__r {
  order: 1;
}
@media screen and (max-width: 767px) {
  .featured-content.switched .featured-content__inner__r {
    order: 2;
  }
}
.featured-content.switched .featured-content__inner__r .dolphin {
  margin-left: -60px;
  margin-right: calc(-60px - 0%);
}
.featured-content.overlap .featured-content__inner {
  margin-top: -240px;
}
@media screen and (max-width: 767px) {
  .featured-content.overlap .featured-content__inner {
    margin-top: 0;
  }
}

.upcoming-events {
  background: var(--color-white);
  text-align: center;
  color: var(--color-grey);
  overflow-x: hidden;
}
.upcoming-events .dolphin {
  padding: 0px 100px 30px;
  max-width: 2080px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .upcoming-events .dolphin {
    padding: 0px 100px 30px;
  }
}
@media screen and (max-width: 1300px) {
  .upcoming-events .dolphin {
    padding: 60px 60px;
  }
}
@media screen and (max-width: 767px) {
  .upcoming-events .dolphin {
    padding: 30px 0px 30px 0px;
    margin-left: -30px;
    margin-right: -30px;
  }
}
.upcoming-events__inner {
  padding: 0 20px;
  margin: 0 auto;
}
.upcoming-events__inner h2 {
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Overpass", sans-serif;
  font-size: 50px;
}
@media screen and (max-width: 1300px) {
  .upcoming-events__inner h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .upcoming-events__inner h2 {
    font-size: 32px;
    margin: 10px 0 50px 0;
  }
}
.upcoming-events__buttons {
  margin: 0 auto 40px auto;
  display: inline-block;
}
.upcoming-events__buttons .button {
  margin-left: 8px;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .upcoming-events__buttons .button {
    width: 200px;
    display: flex;
    margin-bottom: 10px;
  }
}
.upcoming-events__slider {
  padding: 60px 160px 0px 160px;
  margin-bottom: 100px;
  z-index: 10;
}
@media screen and (max-width: 1300px) {
  .upcoming-events__slider {
    padding: 60px 60px 0px 60px;
  }
}
@media screen and (max-width: 767px) {
  .upcoming-events__slider {
    padding: 0px 20px 0px 20px;
    margin-bottom: 40px;
  }
}
.upcoming-events__slider__next, .upcoming-events__slider__prev {
  width: 50px;
  height: 50px;
  background: var(--color-yellow);
  position: absolute;
  bottom: -15px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.upcoming-events__slider__next:hover, .upcoming-events__slider__prev:hover {
  background: var(--color-grey);
}
.upcoming-events__slider__next:after, .upcoming-events__slider__prev:after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 17px;
  background-image: url("../img/arrow.png");
  background-size: 100% auto;
  width: 17px;
  height: 13px;
  z-index: 20;
  transition: all 0.3s ease;
}
.upcoming-events__slider__next:hover, .upcoming-events__slider__prev:hover {
  background: var(--color-grey);
}
.upcoming-events__slider__next:hover:after, .upcoming-events__slider__prev:hover:after {
  background-image: url("../img/arrow-yellow.png");
}
.upcoming-events__slider__next {
  right: 0;
  border-radius: 30px 0 0 30px;
}
.upcoming-events__slider__prev {
  border-radius: 0 30px 30px 0;
  left: 0;
}
.upcoming-events__slider__prev:after {
  right: auto;
  left: 12px;
  transform: rotate(180deg);
}
.upcoming-events__mainline {
  height: 1px;
  width: calc(100vw - 100px);
  position: absolute;
  background: var(--color-yellow);
  bottom: 10px;
  left: 50px;
  z-index: 0;
}
.upcoming-events__event {
  padding: 0 15px;
  color: var(--color-grey);
  text-decoration: none;
  position: relative;
}
.upcoming-events__event__top {
  background: var(--color-yellow);
  font-family: "Overpass", sans-serif;
  font-weight: 700;
  padding-top: 10px;
  transition: all 0.3s ease;
}
.upcoming-events__event__top .day {
  font-size: 50px;
  display: block;
  margin-bottom: -16px;
}
.upcoming-events__event__top .month {
  font-size: 30px;
  display: block;
  padding-bottom: 14px;
}
.upcoming-events__event__bottom {
  border: 1px solid var(--color-yellow);
  padding: 20px;
  transition: all 0.3s ease;
}
.upcoming-events__event__bottom .time {
  font-weight: 700;
  margin-bottom: 6px;
}
.upcoming-events__event__bottom span {
  display: block;
}
.upcoming-events__event__line {
  position: relative;
  width: 1px;
  height: 70px;
  background: var(--color-yellow);
  z-index: 10;
  left: 50%;
  transition: all 0.3s ease;
}
.upcoming-events__event__circle {
  position: absolute;
  width: 22px;
  height: 22px;
  background: var(--color-yellow);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50px;
  transition: all 0.3s ease;
  z-index: 30;
}
.upcoming-events__event:hover .upcoming-events__event__top {
  background: var(--color-grey);
  color: var(--color-yellow);
}
.upcoming-events__event:hover .upcoming-events__event__bottom {
  border: 1px solid var(--color-grey);
}
.upcoming-events__event:hover .upcoming-events__event__inner {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.upcoming-events__event:hover .upcoming-events__event__line {
  background: var(--color-grey);
}
.upcoming-events__event:hover .upcoming-events__event__circle {
  background: var(--color-grey);
}

.latest-news {
  background: var(--color-yellow-light);
  text-align: center;
  color: var(--color-grey);
  overflow: hidden;
}
.latest-news__inner {
  padding: 60px 20px 0px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .latest-news__inner {
    padding: 30px 0 0;
  }
}
.latest-news__inner h2 {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Overpass", sans-serif;
  font-size: 50px;
}
@media screen and (max-width: 1300px) {
  .latest-news__inner h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .latest-news__inner h2 {
    font-size: 32px;
    margin: 10px 0 30px 0;
  }
}
.latest-news__buttons {
  margin: 0 auto 60px auto;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .latest-news__buttons {
    margin: 0 auto 30px auto;
    width: 250px;
    padding: 0;
  }
}
.latest-news__buttons .button {
  margin-left: 8px;
  margin-right: 8px;
  height: 55px;
}
@media screen and (max-width: 767px) {
  .latest-news__buttons .button {
    display: flex;
    margin-bottom: 10px;
  }
}
.latest-news__slider {
  padding: 40px 100px 0px 100px;
  margin-bottom: 40px;
  z-index: 10;
  max-width: 2080px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1300px) {
  .latest-news__slider {
    padding: 40px 60px 0px 60px;
  }
}
@media screen and (max-width: 767px) {
  .latest-news__slider {
    padding: 0px 20px 0px 20px;
    margin-bottom: 40px;
  }
}
.latest-news__slider__next, .latest-news__slider__prev {
  width: 60px;
  height: 50px;
  background: var(--color-yellow);
  position: absolute;
  bottom: -104px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}
@media screen and (max-width: 767px) {
  .latest-news__slider__next, .latest-news__slider__prev {
    bottom: -92px;
  }
}
.latest-news__slider__next:hover, .latest-news__slider__prev:hover {
  background: var(--color-grey);
}
.latest-news__slider__next:after, .latest-news__slider__prev:after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 17px;
  background-image: url("../img/arrow.png");
  background-size: 100% auto;
  width: 17px;
  height: 13px;
  z-index: 20;
  transition: all 0.3s ease;
}
.latest-news__slider__next:hover, .latest-news__slider__prev:hover {
  background: var(--color-grey);
}
.latest-news__slider__next:hover:after, .latest-news__slider__prev:hover:after {
  background-image: url("../img/arrow-yellow.png");
}
.latest-news__slider__next {
  right: 0;
  clip-path: polygon(0 100%, 30% 0, 100% 0, 100% 100%);
}
.latest-news__slider__prev {
  left: 0;
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
}
.latest-news__slider__prev:after {
  right: auto;
  left: 12px;
  transform: rotate(180deg);
}
.latest-news__card {
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
}
@media screen and (max-width: 1024px) {
  .latest-news__card {
    width: calc(50% - 20px);
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .latest-news__card {
    width: calc(100% - 20px);
    margin-bottom: 50px;
  }
  .latest-news__card:last-child {
    margin-bottom: 0;
  }
}
.latest-news__card__top {
  width: 100%;
  aspect-ratio: 7/4;
  position: relative;
  background-size: 100%;
  background-position: center;
  transition: all 0.3s ease;
}
.latest-news__card__top__logo {
  position: absolute;
  width: 88px;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
}
.latest-news__card__top__logo img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1400px) {
  .latest-news__card__top__logo {
    width: 60px;
    top: -30px;
  }
}
.latest-news__card__bottom {
  color: var(--color-grey);
  padding: 20px;
  position: relative;
  background: var(--color-white);
  transition: background 0.3s ease;
}
@media screen and (max-width: 1300px) {
  .latest-news__card__bottom {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .latest-news__card__bottom {
    padding-bottom: 15px;
  }
}
.latest-news__card__bottom h4 {
  font-family: "Overpass", sans-serif;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0px;
}
@media screen and (max-width: 1400px) {
  .latest-news__card__bottom h4 {
    font-size: 20px;
  }
}
.latest-news__card__bottom span {
  color: var(--color-black);
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
}
@media screen and (max-width: 1400px) {
  .latest-news__card__bottom span {
    font-size: 16px;
  }
}
.latest-news__card:hover .latest-news__card__top {
  background-size: 105%;
}
.latest-news__card:hover .latest-news__card__bottom {
  background: #f5f5f5;
}

.testimonials {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  padding: 120px 100px 80px;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .testimonials {
    padding: 120px 60px 80px;
  }
}
@media screen and (max-height: 800px) and (min-width: 767px) {
  .testimonials {
    padding: 80px 100px 60px;
  }
}
@media screen and (max-width: 767px) {
  .testimonials {
    padding: 40px 0px 40px 0px;
  }
}
.testimonials__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.testimonials__inner {
  position: relative;
  z-index: 10;
  padding: 20px 20px 70px;
  color: var(--color-white);
  text-align: center;
}
.testimonials__inner .testimonial {
  font-family: "Overpass", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  max-width: 1100px;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .testimonials__inner .testimonial {
    font-size: 18px;
  }
}
.testimonials__inner .testimonial blockquote {
  margin: 0;
}
.testimonials__inner .testimonial footer {
  font-size: 20px;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .testimonials__inner .testimonial footer {
    font-size: 16px;
  }
}
.testimonials {
  /* Dots */
}
.testimonials .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.testimonials .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.testimonials .slick-dots li {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
}
.testimonials .slick-dots li button:not(.pause-toggle) {
  border: 0;
  background: transparent;
  display: block;
  height: 30px;
  width: 30px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0px;
  cursor: pointer;
}
.testimonials .slick-dots li button:not(.pause-toggle):hover, .testimonials .slick-dots li button:not(.pause-toggle):focus {
  outline: none;
}
.testimonials .slick-dots li button:not(.pause-toggle):hover:before, .testimonials .slick-dots li button:not(.pause-toggle):focus:before {
  opacity: 1;
}
.testimonials .slick-dots li button:not(.pause-toggle):before {
  position: absolute;
  top: 3px;
  left: 0;
  content: "•";
  width: 15px;
  height: 15px;
  background: var(--color-white);
  border-radius: 30px;
  text-align: center;
  color: var(--color-white);
  opacity: 0.5;
  transition: all 0.3s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.testimonials .slick-dots li.slick-active button:before {
  color: var(--color-white);
  opacity: 1;
}
.testimonials .pause-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px auto 0;
  position: relative;
  z-index: 20;
  color: var(--color-white);
  transition: all 0.3s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  transform: translateX(-21%);
}
.testimonials .pause-toggle:focus-visible {
  outline: 2px solid var(--color-yellow);
  outline-offset: 3px;
}
.testimonials .pause-toggle.play {
  background-image: url(../img/play.svg);
}
.testimonials .pause-toggle.pause {
  background-image: url(../img/pause.svg);
}

.inner-header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding: 200px 100px 60px;
  height: 800px;
}
@media screen and (max-width: 1300px) {
  .inner-header {
    padding: 200px 60px 60px;
    height: 700px;
  }
}
@media screen and (max-width: 767px) {
  .inner-header {
    padding: 30px 0px 30px 0px;
    height: 400px;
    background-position: top 0;
  }
}
.inner-header__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../img/generic-overlay.png");
  z-index: 1;
  background-size: 100% 100%;
}
.inner-header.small {
  height: 600px;
}
@media screen and (max-width: 767px) {
  .inner-header.small {
    height: 400px;
  }
}
.inner-header__inner {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: calc(100% - 60px);
  z-index: 10;
  padding: 20px 0 0;
  color: var(--color-white);
}
@media screen and (max-width: 1300px) {
  .inner-header__inner {
    width: calc(100% - 60px);
  }
}
.inner-header__inner h1 {
  margin: 10px 0 30px 0;
  font-weight: 900;
  text-transform: uppercase;
  font-family: "Overpass", sans-serif;
  font-size: 90px;
  line-height: 1.3;
}
@media screen and (max-width: 1300px) {
  .inner-header__inner h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .inner-header__inner h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .inner-header__inner h1 {
    font-size: 32px;
    margin: 10px 0 30px 0;
  }
}
.inner-header__inner .page-top {
  width: 100%;
  padding: 40px 0px 20px;
  color: var(--color-white);
  text-align: left;
}
.inner-header__inner .page-top__inner {
  max-width: 1600px;
  margin: 0 auto;
}
.inner-header__inner .page-top__inner ul {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .inner-header__inner .page-top__inner ul {
    display: none;
  }
}
.inner-header__inner .page-top__inner ul li {
  display: inline-block;
  list-style: none;
}
.inner-header__inner .page-top__inner ul li.current-page {
  font-weight: 700;
}
.inner-header__inner .page-top__inner ul li::after {
  content: "/";
  font-weight: 700;
  margin: 0 8px;
  display: inline-block;
  color: var(--color-yellow);
}
.inner-header__inner .page-top__inner ul li:nth-last-child(2)::after {
  content: "//";
  letter-spacing: -2px;
  margin: 0 8px;
  display: inline-block;
  color: var(--color-yellow);
}
.inner-header__inner .page-top__inner ul li:last-child::after {
  content: "";
}
.inner-header__inner .page-top__inner ul li a {
  text-decoration: none;
  color: var(--color-white);
  transition: all 0.3s ease;
}
.inner-header__inner .page-top__inner ul li a:hover {
  color: var(--color-yellow);
  text-decoration: none;
}

.archive .breadcrumb {
  display: none;
}

.button-grid {
  background: var(--color-white);
  padding: 30px 100px;
}
@media screen and (max-width: 1300px) {
  .button-grid {
    padding: 30px 60px;
  }
}
@media screen and (max-width: 767px) {
  .button-grid {
    padding: 30px 10px 0px 10px;
  }
}
.button-grid__inner {
  padding: 0 20px;
  max-width: 1360px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.button-grid__inner .button {
  width: calc(25% - 15px);
  margin: 0 10px 10px 0;
  height: 70px;
}
@media screen and (max-width: 1300px) {
  .button-grid__inner .button {
    width: calc(33.33% - 10px);
  }
}
@media screen and (max-width: 1024px) {
  .button-grid__inner .button {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .button-grid__inner .button {
    width: 100%;
    margin: 0 0 10px 0;
  }
}

.news-listing {
  background: var(--color-yellow-light);
  text-align: center;
  color: var(--color-grey);
  padding: 30px 100px 0px;
}
@media screen and (max-width: 1300px) {
  .news-listing {
    padding: 30px 30px 0px;
  }
}
@media screen and (max-width: 767px) {
  .news-listing {
    padding: 30px 10px 0px 10px;
  }
}
.news-listing__inner {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1640px;
  position: relative;
  z-index: 10;
}
.news-listing__inner .breadcrumbs {
  width: 100%;
  color: var(--color-black);
  text-align: left;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .news-listing__inner .breadcrumbs {
    display: none;
  }
}
.news-listing__inner .breadcrumbs__inner {
  margin: 0 auto;
  padding: 0 10px;
}
.news-listing__inner .breadcrumbs__inner ul {
  margin: 0;
  padding: 0;
}
.news-listing__inner .breadcrumbs__inner ul li {
  display: inline-block;
  list-style: none;
}
.news-listing__inner .breadcrumbs__inner ul li.current-page {
  font-weight: 700;
}
.news-listing__inner .breadcrumbs__inner ul li::after {
  content: "/";
  margin: 0 8px;
  display: inline-block;
}
.news-listing__inner .breadcrumbs__inner ul li:last-child::after {
  content: "";
}
.news-listing__inner .breadcrumbs__inner ul li a {
  text-decoration: none;
  color: var(--color-black);
}
.news-listing__inner .filters {
  display: flex;
  padding: 20px 10px 60px 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .news-listing__inner .filters {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
}
.news-listing__inner .filters select {
  width: 240px;
  height: 55px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 16px;
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 0 18px;
  margin-bottom: 10px;
  color: var(--color-grey);
  background-image: url("../img/chevron.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 54%;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.news-listing__inner .filters select ::-ms-expand {
  display: none;
}
.news-listing__inner .filters select:focus {
  outline: none;
  border: 1px solid var(--color-yellow);
}
@media screen and (max-width: 1024px) {
  .news-listing__inner .filters select {
    width: calc(50% - 8px);
  }
  .news-listing__inner .filters select:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .news-listing__inner .filters select {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.news-listing__inner .filters .button {
  height: 55px;
}
@media screen and (max-width: 767px) {
  .news-listing__inner .filters .button {
    width: 100%;
  }
}
.news-listing__grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.news-listing__buttons {
  margin: 0 auto 60px auto;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .news-listing__buttons {
    width: 100%;
    display: block;
  }
}
.news-listing__buttons .button {
  margin-left: 8px;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .news-listing__buttons .button {
    width: 200px;
    display: flex;
    margin-bottom: 10px;
  }
}
.news-listing__card {
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
  width: calc(25% - 0px);
}
@media screen and (max-width: 1400px) {
  .news-listing__card {
    width: calc(33.33% - 0px);
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1300px) {
  .news-listing__card {
    width: calc(50% - 0px);
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .news-listing__card {
    width: calc(100% - 0px);
    margin-bottom: 20px;
  }
  .news-listing__card:last-child {
    margin-bottom: 0;
  }
}
.news-listing__card__top {
  width: 100%;
  aspect-ratio: 7/4;
  position: relative;
  background-size: 100%;
  background-position: center;
  transition: all 0.3s ease;
}
.news-listing__card__top__logo {
  position: absolute;
  width: 88px;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
}
.news-listing__card__top__logo img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1400px) {
  .news-listing__card__top__logo {
    width: 60px;
    top: -30px;
  }
}
.news-listing__card__bottom {
  color: var(--color-grey);
  padding: 20px 20px 20px;
  position: relative;
  background: var(--color-white);
}
@media screen and (max-width: 1300px) {
  .news-listing__card__bottom {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .news-listing__card__bottom {
    padding-bottom: 15px;
  }
}
.news-listing__card__bottom h4 {
  font-family: "Overpass", sans-serif;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0px;
}
@media screen and (max-width: 1400px) {
  .news-listing__card__bottom h4 {
    font-size: 20px;
  }
}
.news-listing__card__bottom span {
  color: var(--color-black);
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
}
@media screen and (max-width: 1400px) {
  .news-listing__card__bottom span {
    font-size: 16px;
  }
}
.news-listing__card:hover .news-listing__card__top {
  background-size: 105%;
}
.news-listing__card:hover .news-listing__card__bottom:before {
  background: var(--color-grey);
}
.news-listing__card:hover .news-listing__card__bottom:after {
  background-image: url("../img/arrow-yellow.png");
  transform: rotate(-45deg);
}

.breadcrumb-top {
  width: 100%;
  background: var(--color-white);
  padding: 40px 0 60px 0;
  color: var(--color-black);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .breadcrumb-top {
    display: none;
  }
}
.breadcrumb-top__inner {
  margin: 0 auto;
}
.breadcrumb-top__inner ul {
  padding: 0;
  margin: 0;
}
.breadcrumb-top__inner ul li {
  display: inline-block;
  list-style: none;
}
.breadcrumb-top__inner ul li.current-page {
  font-weight: 700;
}
.breadcrumb-top__inner ul li::after {
  content: "/";
  margin: 0 8px;
  display: inline-block;
}
.breadcrumb-top__inner ul li:last-child::after {
  content: "";
}
.breadcrumb-top__inner ul li a {
  text-decoration: none;
  color: var(--color-black);
}

.wysiwyg h1 {
  font-size: 50px;
  font-weight: 300;
  line-height: 1.2;
  font-family: "Overpass", sans-serif;
  color: var(--color-grey);
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .wysiwyg h1 {
    font-size: 30px;
  }
}
.wysiwyg h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.4;
  font-family: "Overpass", sans-serif;
  color: var(--color-grey);
}
.wysiwyg h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.4;
  font-family: "Overpass", sans-serif;
  color: var(--color-grey);
}
.wysiwyg h4 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.5;
  font-family: "Overpass", sans-serif;
  color: var(--color-grey);
}
.wysiwyg h5 {
  font-family: "Overpass", sans-serif;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-grey);
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, .wysiwyg p, .wysiwyg .image-block, .wysiwyg .columns, .wysiwyg blockquote {
  margin-bottom: 30px;
}
.wysiwyg a {
  color: var(--color-grey);
  font-weight: 700;
  transition: all 0.3s ease;
}
.wysiwyg a:hover {
  color: var(--color-yellow);
}
@media screen and (max-width: 767px) {
  .wysiwyg p {
    font-size: 16px;
  }
}
.wysiwyg p strong {
  font-weight: 800;
}
.wysiwyg .image-block {
  display: flex;
  margin: 60px -80px;
}
@media screen and (max-width: 1400px) {
  .wysiwyg .image-block {
    flex-wrap: wrap;
    margin: 30px 0;
  }
}
.wysiwyg .image-block__left {
  width: 50%;
  flex-basis: auto;
  padding: 90px 30px;
  color: var(--color-white);
  background: var(--color-grey);
}
.wysiwyg .image-block__left h1, .wysiwyg .image-block__left h2, .wysiwyg .image-block__left h3, .wysiwyg .image-block__left h4, .wysiwyg .image-block__left h5 {
  color: var(--color-white);
}
@media screen and (max-width: 1400px) {
  .wysiwyg .image-block__left {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .wysiwyg .image-block__left {
    padding: 30px;
  }
}
.wysiwyg .image-block__right {
  width: 50%;
  flex-basis: auto;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1400px) {
  .wysiwyg .image-block__right {
    width: 100%;
    aspect-ratio: 3/2;
  }
}
.wysiwyg .accordions {
  margin: 60px -80px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1400px) {
  .wysiwyg .accordions {
    margin: 60px 0;
  }
}
.wysiwyg .accordions .accordion {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.wysiwyg .accordions .accordion__handle {
  padding: 30px 30px;
  background: var(--color-white);
  color: var(--color-grey);
  font-weight: 500;
  position: relative;
  transition: all 0.3s ease;
  width: 100%;
  cursor: pointer;
  font-weight: 700;
}
.wysiwyg .accordions .accordion__handle h5 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .wysiwyg .accordions .accordion__handle {
    padding: 30px 30px;
  }
}
.wysiwyg .accordions .accordion__handle__arrow {
  width: 65px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wysiwyg .accordions .accordion__handle__arrow-horizontal {
  width: 20px;
  height: 3px;
  background: var(--color-yellow);
}
.wysiwyg .accordions .accordion__handle__arrow-vertical {
  width: 3px;
  height: 20px;
  background: var(--color-yellow);
  left: 11px;
  position: relative;
  transition: all 0.3s ease;
}
.wysiwyg .accordions .accordion__handle:hover {
  background: var(--color-yellow-light);
  color: var(--color-grey);
}
.wysiwyg .accordions .accordion__handle:hover h5 {
  color: var(--color-grey);
}
.wysiwyg .accordions .accordion__handle.active {
  background: var(--color-grey);
  color: var(--color-white);
}
.wysiwyg .accordions .accordion__handle.active h5 {
  color: var(--color-white);
}
.wysiwyg .accordions .accordion__handle.active .accordion__handle__arrow-vertical {
  height: 0;
}
.wysiwyg .accordions .accordion__drawer {
  padding: 30px 60px 10px 60px;
  display: none;
}
@media screen and (max-width: 767px) {
  .wysiwyg .accordions .accordion__drawer {
    padding: 20px 30px 0px 30px;
  }
}
.wysiwyg .accordions .accordion.simplified {
  border: 1px solid rgba(var(--color-grey), 0.4);
}
.wysiwyg .accordions .accordion.simplified .accordion__handle {
  background: var(--color-white);
  padding: 20px;
}
.wysiwyg .accordions .accordion.simplified .accordion__handle__arrow {
  background: transparent;
}
.wysiwyg .accordions .accordion.simplified .accordion__handle.active {
  color: var(--color-grey);
}
.wysiwyg .accordions .accordion.simplified .accordion__handle.active .accordion__handle__arrow svg {
  transform: rotate(0deg);
}
.wysiwyg .accordions .accordion.simplified .accordion__handle.active .accordion__handle__arrow svg path {
  stroke: var(--color-grey);
}
.wysiwyg .accordions .accordion.simplified .accordion__handle:hover {
  color: var(--color-grey);
}
.wysiwyg .accordions .accordion.simplified .accordion__handle:hover .accordion__handle__arrow svg path {
  stroke: var(--color-grey);
}
.wysiwyg .accordions .accordion.simplified .accordion__drawer {
  padding: 20px 20px 0 20px;
  background: var(--color-white);
}
.wysiwyg .columns {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  margin: 0 -80px 60px -80px;
}
@media screen and (max-width: 1400px) {
  .wysiwyg .columns {
    margin: 0 0 60px 0;
  }
}
@media screen and (max-width: 1024px) {
  .wysiwyg .columns.columns-2 {
    flex-wrap: wrap;
  }
}
.wysiwyg .columns.columns-2 > .col {
  width: calc(50% - 30px);
}
@media screen and (max-width: 1024px) {
  .wysiwyg .columns.columns-2 > .col {
    width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .wysiwyg .columns.columns-3 {
    flex-wrap: wrap;
  }
}
.wysiwyg .columns.columns-3 > .col {
  width: calc(33.33% - 30px);
}
@media screen and (max-width: 1300px) {
  .wysiwyg .columns.columns-3 > .col {
    width: 100%;
  }
}
.wysiwyg .columns .col.center {
  text-align: center;
  padding: 20px;
}
.wysiwyg .columns .col.bg-light {
  padding: 60px 20px;
  background: var(--color-yellow-light);
}
.wysiwyg .columns .col.bg-dark h1, .wysiwyg .columns .col.bg-dark h2, .wysiwyg .columns .col.bg-dark h3, .wysiwyg .columns .col.bg-dark h4, .wysiwyg .columns .col.bg-dark h5, .wysiwyg .columns .col.bg-dark h6 {
  color: white;
}
.wysiwyg .columns .col.bg-dark {
  padding: 60px 20px;
  background: var(--color-grey);
  color: white;
}
.wysiwyg .image {
  padding: 0 0 60px 0;
  text-align: center;
}
.wysiwyg .image img {
  width: 100%;
}
.wysiwyg .large-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .wysiwyg .large-buttons {
    flex-wrap: wrap;
  }
}
.wysiwyg .large-buttons .button {
  height: 100px;
  width: calc(33.33% - 15px);
}
@media screen and (max-width: 767px) {
  .wysiwyg .large-buttons .button {
    width: 100%;
    margin-bottom: 20px;
  }
}
.wysiwyg .large-buttons .button::before {
  height: 50%;
  bottom: 0;
  top: auto;
}
.wysiwyg .button {
  color: var(--color-white);
}
.wysiwyg .button:hover {
  color: var(--color-grey);
}
.wysiwyg blockquote {
  background: var(--color-yellow-light);
  margin: 0 -80px;
  padding: 90px 60px 40px 60px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .wysiwyg blockquote {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .wysiwyg blockquote {
    padding: 90px 30px 40px;
    margin: 0 -30px;
  }
}
.wysiwyg blockquote::before {
  background-image: url('data:image/svg+xml,<svg width="48" height="36" viewBox="0 0 48 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.871 0L12.3956 36H0L16.239 0H27.871Z" fill="%23e5772d"/><path d="M47.0321 0L31.5567 36H19.1611L35.4001 0H47.0321Z" fill="%23e5772d"/></svg>');
  content: "";
  width: 48px;
  height: 31px;
  display: block;
  position: absolute;
}
.wysiwyg blockquote::before {
  top: 40px;
  transform: rotate(180deg);
}
.wysiwyg blockquote p {
  font-weight: 700;
  font-family: "Overpass", sans-serif;
  line-height: 1.5;
  color: var(--color-grey);
}
.wysiwyg blockquote cite {
  font-style: normal;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .wysiwyg blockquote cite {
    font-size: 16px;
  }
}
.wysiwyg .link-blocks {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 60px -80px;
}
@media screen and (max-width: 1400px) {
  .wysiwyg .link-blocks {
    margin: 60px 0;
  }
}
.wysiwyg .link-blocks .link-block {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 30px 30px 30px 70px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-grey);
  text-decoration: none;
  font-family: "Overpass", sans-serif;
  position: relative;
}
.wysiwyg .link-blocks .link-block:hover {
  background: var(--color-yellow-light);
}
.wysiwyg .link-blocks .link-block.url::before {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  left: 24px;
  top: 33px;
  background: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.2083 10.3496L17.8056 12.7572C17.3942 13.1684 16.7224 13.1692 16.3103 12.7572C15.8982 12.3444 15.8982 11.6714 16.3103 11.2586L18.713 8.85103C19.4688 8.09473 19.8856 7.09385 19.8863 6.03221C19.8863 5.03678 19.5256 4.08575 18.8708 3.35515C18.1835 2.58794 17.2037 2.14942 16.1128 2.11982C16.0724 2.11904 16.0327 2.11826 15.9923 2.11826C14.8213 2.11826 13.6845 2.58638 12.8587 3.41279L10.6683 5.60694C10.2562 6.01975 9.58515 6.01897 9.17226 5.60694C8.97321 5.40676 8.86279 5.14038 8.86279 4.85764C8.86279 4.5749 8.97321 4.30852 9.17226 4.10834L11.3627 1.91419C12.6239 0.651605 14.3843 -0.0423903 16.168 0.00200672C17.846 0.0479615 19.3638 0.734947 20.4431 1.93756C21.4469 3.05761 21.9998 4.51259 21.9998 6.03143C21.9998 7.65932 21.3637 9.19141 20.2083 10.3496Z" fill="%23e5772d"/><path d="M13.5502 17.0193L11.3458 19.2283C10.0885 20.4877 8.3576 21.1809 6.55287 21.1342C4.87877 21.0883 3.36407 20.4005 2.28792 19.1971C1.28641 18.0778 0.735116 16.626 0.735116 15.1063C0.720343 13.48 1.3525 11.9432 2.51574 10.7788L4.91842 8.37201C5.11826 8.17184 5.38341 8.06201 5.66566 8.06201C5.94792 8.06201 6.21385 8.17262 6.41368 8.37201C6.61274 8.57219 6.72315 8.83857 6.72315 9.12131C6.72315 9.40405 6.61274 9.67043 6.41368 9.87061L4.011 12.2774C3.25288 13.0368 2.84077 14.0393 2.8501 15.0962C2.8501 16.0987 3.21011 17.0536 3.86326 17.7834C4.5483 18.5491 5.52492 18.9868 6.61118 19.0164C7.80475 19.0359 9.00142 18.5802 9.8513 17.7289L12.0557 15.5207C12.4663 15.1087 13.1381 15.1079 13.551 15.5207C13.9623 15.9343 13.9623 16.6065 13.5502 17.0193Z" fill="%23e5772d"/><path d="M6.64101 13.8006L14.5924 5.83559C14.7985 5.62918 15.0691 5.52637 15.3396 5.52637C15.6102 5.52637 15.8808 5.62996 16.0869 5.83559C16.499 6.2484 16.499 6.92137 16.0869 7.33418L8.13627 15.2992C7.73661 15.6995 7.04068 15.6995 6.64101 15.2992C6.44196 15.099 6.33154 14.8326 6.33154 14.5499C6.33154 14.2671 6.44196 14.0007 6.64101 13.8006Z" fill="%23e5772d"/></svg>');
}
.wysiwyg .link-blocks .link-block.url::after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 20px;
  right: 24px;
  top: 36px;
  background-image: url("../img/arrow.png");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: right top 5px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 400;
}
.wysiwyg .link-blocks .link-block.download::before {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 27px;
  left: 24px;
  top: 31px;
  background: url('data:image/svg+xml,<svg width="22" height="27" viewBox="0 0 22 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6191 16.8426C12.2601 16.5362 11.9012 16.1532 11.4909 15.7447C11.2089 15.4383 10.9012 15.0043 10.6448 14.5447C11.132 12.8851 11.3627 11.3021 10.8499 10.5362C10.6192 10.1787 10.2602 10 9.79867 10C9.28586 10 8.90126 10.2298 8.72178 10.6638C8.31153 11.583 8.9269 13.2681 9.67047 14.6468C9.46534 15.3106 9.20894 16.0255 8.90126 16.817C8.72178 17.2511 8.51666 17.6851 8.31153 18.0936C6.20904 18.9106 4.92702 19.8298 4.74754 20.6979C4.67062 21.1064 4.79882 21.4638 5.15779 21.7447C5.36291 21.8979 5.59367 22 5.85007 22C5.95263 22 6.05519 21.9745 6.15775 21.9489C7.13208 21.6936 8.18333 20.2638 8.95254 18.8085C9.41406 18.6298 9.95251 18.4511 10.5422 18.2979C11.2345 18.0936 11.8499 17.9404 12.3883 17.8383C13.3883 18.6298 14.2344 19.0638 14.978 19.0638C15.5421 19.0894 15.9523 18.8851 16.3369 18.5021C16.901 17.9404 16.6702 17.4553 16.5933 17.3277C16.1318 16.6128 14.7216 16.4596 12.6191 16.8426ZM5.90135 21.0553C5.79879 21.0809 5.74751 21.0553 5.69623 21.0298C5.59367 20.9532 5.59367 20.9021 5.61931 20.8511C5.67059 20.5447 6.26032 19.983 7.54233 19.3702C6.92696 20.2894 6.3116 20.9532 5.90135 21.0553ZM9.54227 11.0213C9.56791 10.9702 9.59355 10.8936 9.79867 10.8936C9.97815 10.8936 10.0551 10.9702 10.1064 11.0213C10.3371 11.3532 10.3115 12.1957 10.0294 13.3191C9.59355 12.3489 9.36278 11.4298 9.54227 11.0213ZM10.2602 17.4043C10.0038 17.4809 9.74739 17.5574 9.49098 17.634C9.56791 17.4553 9.64483 17.2766 9.72175 17.1234C9.90123 16.6383 10.1064 16.1532 10.2858 15.6426C10.491 15.9234 10.6704 16.1787 10.8499 16.3574C11.0807 16.6128 11.3114 16.8426 11.5422 17.0723C11.132 17.1745 10.6961 17.2766 10.2602 17.4043ZM15.6703 17.8638C15.4908 18.0681 15.26 18.1447 14.978 18.1447C14.5934 18.1447 14.1319 17.966 13.5934 17.6085C15.0806 17.4043 15.9267 17.5574 15.6703 17.8638Z" fill="%23e5772d"/><path d="M20.1208 7.34211L14.3675 1.57895C13.9997 1.21053 13.5006 1 13.0014 1H2.67696C2.15154 1 1.67866 1.21053 1.31087 1.57895C0.943077 1.94737 0.73291 2.42105 0.73291 2.94737V24.0526C0.73291 25.1316 1.59985 26 2.67696 26H18.7547C19.8319 26 20.6988 25.1316 20.6988 24.0526V8.71053C20.6988 8.21053 20.4886 7.71053 20.1208 7.34211ZM19.0175 7.81579H14.7616C14.2887 7.81579 13.8946 7.42105 13.8946 6.94737V2.71053L19.0175 7.81579ZM18.7547 24.8684H2.67696C2.23035 24.8684 1.86256 24.5 1.86256 24.0526V2.94737C1.86256 2.73684 1.94137 2.52632 2.099 2.36842C2.25662 2.21053 2.46679 2.13158 2.67696 2.13158H12.765V6.94737C12.765 8.05263 13.6582 8.94737 14.7616 8.94737H19.5691V24.0526C19.5691 24.5 19.2013 24.8684 18.7547 24.8684Z" fill="%23e5772d" stroke="%23e5772d"/></svg>');
}
.wysiwyg .link-blocks .link-block.download::after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 20px;
  right: 24px;
  top: 36px;
  background-image: url("../img/arrow.png");
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: right top 5px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 400;
}

.sidebar {
  padding: 30px;
  font-family: "Overpass", sans-serif;
  background: var(--color-grey);
  color: var(--color-white);
  margin-top: -60px;
  z-index: 1;
  position: sticky;
  top: 100px;
}
.sidebar::before {
  content: "";
  position: absolute;
  height: 100%;
  aspect-ratio: 1/2;
  background: var(--color-grey);
  right: 100%;
  top: 0;
  clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 767px) {
  .sidebar {
    padding: 20px;
  }
}
.sidebar__top {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .sidebar__top {
    margin-bottom: 0;
    font-size: 20px;
  }
}
.sidebar__top .slashes {
  letter-spacing: -6px;
  color: var(--color-yellow);
  margin-right: 10px;
}
.sidebar__top .sb-toggle {
  background: var(--color-yellow);
  width: 25px;
  height: 25px;
  border-radius: 30px;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  margin-left: 0.5rem;
  position: absolute;
  right: 0;
  top: 3px;
  display: none;
  color: var(--color-grey);
  padding-top: 2px;
}
@media screen and (max-width: 1024px) {
  .sidebar__top .sb-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.sidebar__bottom {
  display: block;
  padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .sidebar__bottom {
    display: none;
  }
}
.sidebar ul,
.sidebar .submenu {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.sidebar li {
  position: relative;
}
.sidebar li.active {
  font-weight: 800;
}
.sidebar li::after {
  content: "";
  height: 1px;
  width: 100%;
  background: var(--color-yellow);
  display: block;
  bottom: 0px;
  position: absolute;
}
.sidebar li a {
  text-decoration: none;
  display: inline-block;
  margin: 12px 0;
  position: relative;
  color: var(--color-white);
  transition: all 0.3s ease;
}
.sidebar li a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: var(--color-grey);
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}
.sidebar li a:hover {
  color: var(--color-yellow);
}
.sidebar li a:hover::before {
  transform: scaleX(1);
}
.sidebar li .submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.sidebar li .submenu > li {
  position: relative;
}
.sidebar li .submenu > li::after {
  content: "";
  height: 1px;
  width: 100%;
  background: var(--color-yellow);
  display: block;
  bottom: auto;
  top: 0;
  position: absolute;
}
.sidebar li .submenu > li::before {
  content: "";
  background-image: url("../img/arrow-yellow.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  bottom: auto;
  top: 19px;
  left: 0;
  height: 8px;
  width: 11px;
  position: absolute;
}
.sidebar li .submenu > li a {
  margin-left: 20px;
}
.sidebar li .submenu > li li::before {
  left: 30px;
}
.sidebar li .submenu > li li a {
  margin-left: 50px;
}
.sidebar li .toggle {
  background: var(--color-yellow);
  width: 25px;
  height: 25px;
  border-radius: 30px;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  margin-left: 0.5rem;
  position: absolute;
  right: 0;
  top: 11px;
}
.sidebar li .toggle:focus {
  outline: none;
}
.sidebar {
  /*

  ul {
  	padding: 0;
  	margin: 0;

  	& > li > ul {
  		display: none;
  	}

  	li {
  		list-style: none;
  			padding: 8px 0;
  			position: relative;
  			display: block;

  			&::after {
  			  	content: '';
  			  	height: 1px;
  			  	width: 100%;
  			  	background: var(--color-yellow);
  			  	display: block;
  			  	bottom: 0px;
  			  	position: absolute;
  			  } 

  		a {
  			color: var(--color-grey);
  			text-decoration: none;
  			font-weight: 700;
  			  position: relative;
  			  text-decoration: none;



  			  &::before {
  			    content: "";
  			    position: absolute;
  			    display: block;
  			    width: 100%;
  			    height: 1px;
  			    bottom: 0;
  			    left: 0;
  			    background-color: var(--color-grey);
  			    transform: scaleX(0);
  			    transform-origin: top left;
  			    transition: transform 0.3s ease;
  			  }

  			  &:hover {
  			    &::before {
  			      transform: scaleX(1);
  			    }
  			  }


  		}
  	}
  } */
}

.sixth-form-hero {
  width: 100%;
  aspect-ratio: 1920/900;
  position: relative;
  background: var(--color-white);
}
@media screen and (max-width: 1024px) {
  .sixth-form-hero {
    aspect-ratio: 1/0.65;
  }
}
@media screen and (max-width: 767px) {
  .sixth-form-hero {
    aspect-ratio: 1/0.8;
  }
}
.sixth-form-hero__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  filter: saturate(0);
  opacity: 0.2;
  z-index: 2;
}
.sixth-form-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(252.69deg, #44D4BC -7.01%, #010E77 99.38%);
  z-index: 1;
}
.sixth-form-hero__text {
  position: absolute;
  left: 200px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  font-family: "Overpass", sans-serif;
  text-transform: uppercase;
  color: var(--color-white);
  font-size: 2.6vw;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .sixth-form-hero__text {
    font-size: 2.8vw;
    left: 60px;
  }
}
@media screen and (max-width: 767px) {
  .sixth-form-hero__text {
    top: auto;
    bottom: 30px;
    left: 20px;
    font-size: 4vw;
  }
}

.results .inner-header .breadcrumb {
  display: none;
}

.search-results {
  padding: 30px 100px 60px;
  background: var(--color-yellow-light);
}
@media screen and (max-width: 1300px) {
  .search-results {
    padding: 30px 60px 40px;
  }
}
@media screen and (max-width: 767px) {
  .search-results {
    padding: 30px 10px 40px 10px;
  }
}
.search-results .breadcrumb-top {
  padding: 0 20px 60px 20px;
  background: transparent;
}
.search-results__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}
.search-results__inner__top .result-count {
  font-weight: 700;
  font-family: "Overpass", sans-serif;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
.search-results__inner__top .no-results {
  text-align: center;
  margin-bottom: 30px;
}
.search-results__inner__bottom {
  padding: 60px 0px;
}
.search-results__inner .search-box {
  transition: all 0.3s ease;
  margin-bottom: 30px;
  width: 100%;
  left: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .search-results__inner .search-box {
    margin-bottom: 10px;
  }
}
.search-results__inner .search-box-search {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  width: 60px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-grey);
}
.search-results__inner .search-box-search svg path {
  transition: all 0.3s ease;
  fill: var(--color-yellow);
}
.search-results__inner .search-box-search:hover {
  background: var(--color-yellow);
}
.search-results__inner .search-box-search:hover svg path {
  fill: var(--color-grey);
}
.search-results__inner .search-box input {
  width: 100%;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  color: var(--color-black);
  padding-left: 15px;
}
.search-results__inner .search-box input::-moz-placeholder {
  opacity: 1;
  color: var(--color-black);
  position: relative;
  bottom: -3px;
}
.search-results__inner .search-box input::placeholder {
  opacity: 1;
  color: var(--color-black);
  position: relative;
  bottom: -3px;
}
.search-results__inner .search-box input:focus {
  outline: none;
  border: 1px solid var(--color-yellow);
}
.search-results__inner .filters {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .search-results__inner .filters {
    flex-wrap: wrap;
    justify-content: end;
  }
}
.search-results__inner label {
  font-weight: 700;
  font-family: "Overpass", sans-serif;
  margin-right: 12px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .search-results__inner label {
    width: 80px;
  }
}
.search-results__inner select {
  width: 240px;
  height: 55px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 16px;
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 0 18px;
  color: var(--color-grey);
  background-image: url("../img/chevron.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 54%;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.search-results__inner select ::-ms-expand {
  display: none;
}
.search-results__inner select:focus {
  outline: none;
  border: 1px solid var(--color-yellow);
}
@media screen and (max-width: 767px) {
  .search-results__inner select {
    width: calc(100% - 92px);
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.search-results__inner .button {
  height: 55px;
}
.search-results .search-result {
  display: flex;
  background: var(--color-white);
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .search-results .search-result {
    flex-wrap: wrap;
  }
}
.search-results .search-result__l {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .search-results .search-result__l {
    width: 100%;
    flex-basis: auto !important;
    margin-bottom: 15px;
  }
}
.search-results .search-result__l h5 {
  font-size: 20px;
  color: var(--color-grey);
}
.search-results .search-result__l {
  margin-right: 50px;
}
.search-results .search-result__r {
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .search-results .search-result__r {
    flex-basis: auto !important;
    width: 100%;
  }
}

.academies {
  background: linear-gradient(180deg, #FFF 0%, #F6F6F6 100%);
  text-align: center;
  color: var(--color-grey);
  position: relative;
  width: 100%;
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .academies {
    margin: 0;
  }
}
.academies__slash {
  position: absolute;
  top: -85%;
  left: auto;
  right: -70px;
  width: 440px;
  height: 100%;
  background: #474747;
  clip-path: polygon(60% 0, 100% 0%, 40% 100%, 0 100%);
  z-index: 0;
}
@media screen and (max-width: 1300px) {
  .academies__slash {
    width: 220px;
    height: 65%;
    top: -50%;
    right: -50px;
  }
}
@media screen and (max-width: 1024px) {
  .academies__slash {
    display: none;
  }
}
.academies__slash2 {
  position: absolute;
  top: 90%;
  left: auto;
  right: 90%;
  width: 440px;
  height: 100%;
  background: var(--color-yellow);
  clip-path: polygon(60% 0, 100% 0%, 40% 100%, 0 100%);
  z-index: 0;
}
@media screen and (max-width: 1300px) {
  .academies__slash2 {
    width: 220px;
    height: 65%;
    top: -50%;
    right: -50px;
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .academies__slash2 {
    display: none;
  }
}
.academies__inner {
  padding: 60px 40px 90px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .academies__inner {
    padding: 50px 20px 30px;
  }
}
@media screen and (max-width: 767px) {
  .academies__inner {
    padding: 30px 20px 20px;
  }
}
.academies__inner h2 {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Overpass", sans-serif;
  font-size: 50px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1300px) {
  .academies__inner h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .academies__inner h2 {
    font-size: 32px;
    margin: 10px 0 30px 0;
  }
}
.academies__grid {
  display: flex;
  max-width: 1480px;
  margin: 0 auto;
  gap: 40px;
}
@media screen and (max-width: 1024px) {
  .academies__grid {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
}
.academies__grid .academy {
  flex-grow: 1;
  aspect-ratio: 2/1.4;
  display: flex;
  width: 33.33%;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .academies__grid .academy {
    width: calc(50% - 10px);
    flex-grow: 0;
  }
}
@media screen and (max-width: 767px) {
  .academies__grid .academy {
    width: 100%;
  }
}
.academies__grid .academy img {
  width: 60%;
  transition: width 0.3s ease;
}
.academies__grid .academy:hover img {
  width: 65%;
}

.home .academies {
  padding-top: 0px;
  background: white;
  margin: 0;
}
.home .academies .academies__slash {
  background: rgba(71, 71, 71, 0.8);
}
.home .academies .academies__slash2 {
  display: none;
}

.news .academies .academies__slash {
  display: none;
}/*# sourceMappingURL=styles.css.map */