@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "Century Gothic Pro";
  src: url("../fonts/CenturyGothicPro-Italic.woff2") format("woff2"), url("../fonts/CenturyGothicPro-Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Century Gothic Pro";
  src: url("../fonts/CenturyGothicPro-BoldItalic.woff2") format("woff2"), url("../fonts/CenturyGothicPro-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Century Gothic Pro";
  src: url("../fonts/CenturyGothicPro.woff2") format("woff2"), url("../fonts/CenturyGothicPro.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Century Gothic Pro";
  src: url("../fonts/CenturyGothicPro-Bold.woff2") format("woff2"), url("../fonts/CenturyGothicPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-green: #003F0B;
  --color-yellow: #FFA800;
  --color-yellow-light: #FFF6E5;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

body {
  font-family: "Century Gothic Pro", serif;
  font-size: 16px;
  font-weight: 400;
  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: "Montserrat", 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: 0;
  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);
}

.button {
  display: inline-flex;
  background: var(--color-green);
  padding: 2px 65px 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: "Montserrat", sans-serif;
}
.button:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 1/1;
  background: var(--color-yellow);
  border-radius: 100px 0 0 0;
  transition: all 0.3s ease;
}
.button:after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 15px;
  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-green);
}
.button:hover:before {
  background: var(--color-green);
}
.button:hover:after {
  background-image: url("../img/arrow-yellow.png");
  transform: rotate(-45deg);
}
.button--ql {
  background: var(--color-white);
  color: var(--color-green);
}
.button--ql:before {
  background: var(--color-green);
}
.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-green);
}
.button--white:before {
  background: var(--color-green);
}
.button--white:after {
  background-image: url("../img/arrow-white.png");
}
.button--white:hover {
  background: var(--color-green);
  color: var(--color-yellow);
}
.button--white:hover:before {
  background: var(--color-white);
}
.button--white:hover:after {
  background-image: url("../img/arrow.png");
}

.dolphin {
  display: flex;
  align-items: center;
}
.dolphin-line-l {
  height: 1px;
  width: 50%;
  background: var(--color-yellow);
}
.dolphin-line-r {
  height: 1px;
  width: 50%;
  background: var(--color-yellow);
}
.dolphin-image {
  width: 80px;
  height: 45px;
  background: url("../img/dolphin-yellow.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin: 0 20px;
}
.dolphin--green .dolphin-line-l, .dolphin--green .dolphin-line-r {
  background: var(--color-green);
}
.dolphin--green .dolphin-image {
  background: url("../img/dolphin-green.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.dolphin--white .dolphin-line-l, .dolphin--white .dolphin-line-r {
  background: var(--color-white);
}
.dolphin--white .dolphin-image {
  background: url("../img/dolphin-white.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}

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

.page-sidebar {
  padding: 30px 100px 0px;
  background: var(--color-white);
}
@media screen and (max-width: 1300px) {
  .page-sidebar {
    padding: 30px 60px 0px;
  }
}
@media screen and (max-width: 767px) {
  .page-sidebar {
    padding: 30px 10px 0px 10px;
  }
}
.page-sidebar__inner {
  display: flex;
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1600px;
}
@media screen and (max-width: 1024px) {
  .page-sidebar__inner {
    flex-wrap: wrap;
  }
}
.page-sidebar__inner .main {
  width: 100%;
  flex-basis: auto;
  margin-right: 60px;
}
@media screen and (max-width: 1024px) {
  .page-sidebar__inner .main {
    order: 2;
    margin-right: 0;
  }
}
.page-sidebar__inner aside {
  flex-shrink: 0;
  width: 400px;
  flex-basis: auto;
}
@media screen and (max-width: 1300px) {
  .page-sidebar__inner aside {
    width: 300px;
  }
}
@media screen and (max-width: 1024px) {
  .page-sidebar__inner aside {
    order: 1;
    width: 100%;
    margin-bottom: 30px;
  }
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  display: flex;
  padding: 36px 0 36px 100px;
  justify-content: space-between;
  z-index: 90;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1300px) {
  .header {
    padding: 36px 0 36px 60px;
  }
}
@media screen and (max-width: 767px) {
  .header {
    padding: 10px 0 36px 20px;
    height: 80px !important;
  }
}
.header__logo {
  transition: all 0.3s ease;
}
.header__logo .logo-image {
  width: 150px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .header__logo .logo-image {
    width: 60px;
    height: 60px;
  }
}
.header__socials {
  display: flex;
  margin-right: 190px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header__socials {
    display: none;
  }
}
.header__socials .social-link {
  width: 60px;
  height: 60px;
  background: var(--color-white);
  justify-content: center;
  align-items: center;
  display: flex;
  transition: all 0.3s ease;
  cursor: pointer;
}
.header__socials .social-link svg path {
  transition: all 0.3s ease;
}
.header__socials .social-link:hover, .header__socials .social-link.active {
  background: var(--color-green);
  color: var(--color-yellow);
}
.header__socials .social-link:hover svg path, .header__socials .social-link.active svg path {
  fill: var(--color-yellow);
}
.header__socials .search-box {
  position: absolute;
  top: 0;
  right: 60px;
  height: 60px;
  width: 45vw;
  width: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.header__socials .search-box.active {
  width: 45vw;
  opacity: 1;
  pointer-events: all;
}
.header__socials .search-box-close {
  position: absolute;
  top: 20px;
  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 input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--color-green);
  font-family: "Century Gothic Pro", serif;
  font-size: 18px;
  color: var(--color-black);
  padding-left: 60px;
}
.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);
}

.burger-menu {
  position: fixed;
  right: 0;
  top: 36px;
  background: var(--color-yellow);
  width: 190px;
  height: 60px;
  transition: background 0.3s ease;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .burger-menu {
    width: 80px;
    height: 80px;
    top: 0;
  }
}
.burger-menu.active {
  background: var(--color-yellow);
  color: var(--color-green);
}
.burger-menu.active:hover {
  background: var(--color-white);
}
.burger-menu.active:hover .burger-menu-text {
  color: var(--color-green);
}
.burger-menu.active:hover .hamburger-inner,
.burger-menu.active:hover .hamburger-inner::before,
.burger-menu.active:hover .hamburger-inner::after {
  background: var(--color-green);
}
.burger-menu:hover {
  background: var(--color-green);
  color: var(--color-yellow);
}
.burger-menu:hover .hamburger-inner,
.burger-menu:hover .hamburger-inner::before,
.burger-menu:hover .hamburger-inner::after {
  background: var(--color-yellow);
}
.burger-menu:hover .burger-menu-text {
  color: var(--color-yellow);
}
.burger-menu-text {
  display: inline-block;
  position: relative;
  bottom: 4px;
  width: 60px;
  padding-left: 6px;
  font-weight: 700;
  color: var(--color-green);
}
@media screen and (max-width: 767px) {
  .burger-menu-text {
    display: none;
  }
}

.hamburger {
  width: 190px;
  height: 60px;
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  transition: opacity 0.15s linear, filter 0.15s linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .hamburger {
    width: 80px;
    height: 80px;
  }
}
.hamburger-box {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: 2px;
  width: 24px;
  height: 2.5px;
  background-color: var(--color-green);
  transition: transform 0.15s ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
  width: 24px;
  height: 2.5px;
  background-color: var(--color-green);
  position: absolute;
  transition: transform 0.15s ease;
}
.hamburger-inner::before {
  top: -7px;
}
.hamburger-inner::after {
  bottom: -7px;
}
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.quick-links {
  position: fixed;
  right: 0;
  top: 100px;
  width: 190px;
  z-index: 100;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .quick-links {
    right: 80px;
    top: 0;
    width: 170px;
  }
}
.quick-links-top {
  box-shadow: 0px 0px 10px 0px #00000033;
}
.quick-links-top .button {
  margin-bottom: 0 !important;
  padding: 2px 60px 0 15px;
}
.quick-links-top .button:hover, .quick-links-top .button.active {
  background: var(--color-yellow);
  color: var(--color-green);
}
.quick-links-top .button:hover:after, .quick-links-top .button.active:after {
  background-image: url("../img/arrow-yellow.png");
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .quick-links-top .button {
    height: 80px !important;
    padding: 36px 20px 0 6px !important;
  }
  .quick-links-top .button:before {
    border-radius: 0;
    width: 46px;
  }
  .quick-links-top .button:after {
    transform: rotate(90deg);
  }
  .quick-links-top .button:hover, .quick-links-top .button.active {
    background: var(--color-white);
    color: var(--color-green);
  }
  .quick-links-top .button:hover:after, .quick-links-top .button.active:after {
    background-image: url("../img/arrow-white.png");
  }
}
.quick-links-bottom {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  background: var(--color-green);
  padding: 4px 0 0.1px 0;
  height: 0;
}
.quick-links-bottom.active {
  opacity: 1;
  pointer-events: all;
  height: auto;
}
.quick-links .button {
  display: flex;
  margin-bottom: 4px;
  height: 60px;
  line-height: 1.2;
  padding: 2px 60px 0 10px;
}
.quick-links .button img {
  max-width: 100%;
}
.quick-links-overlay {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .quick-links-overlay.active {
    opacity: 1;
    pointer-events: all;
  }
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  background: var(--color-green);
  padding: 180px 60px 60px 60px;
  font-family: "Montserrat", sans-serif;
  overflow-y: scroll;
  opacity: 0;
  pointer-events: none;
  transition: all 0.7s ease;
}
@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-green);
  padding: 30px;
  left: 0;
  top: 80px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .menu .search-box {
    display: block;
  }
}
.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: "Century Gothic Pro", serif;
  font-size: 18px;
  color: var(--color-black);
  padding-left: 15px;
}
.menu .search-box input::placeholder {
  opacity: 1;
  color: var(--color-black);
  position: relative;
  bottom: -3px;
}
.menu .search-box input:focus {
  outline: none;
  border: 1px solid var(--color-yellow);
}
.menu__inner {
  columns: 4;
  margin: 0 auto;
  max-width: 1600px;
  column-gap: 80px;
}
@media screen and (max-width: 1300px) {
  .menu__inner {
    columns: 3;
  }
}
@media screen and (max-width: 1024px) {
  .menu__inner {
    columns: 2;
  }
}
@media screen and (max-width: 767px) {
  .menu__inner {
    columns: 1;
  }
}
.menu__inner ul {
  margin: 0;
  padding: 0;
}
.menu__inner ul > li {
  break-inside: avoid;
  /* Vendor prefixes for broader support */
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  list-style: none;
  font-weight: 700;
  margin-bottom: 7px;
  position: relative;
}
.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: -8px;
  display: none;
}
@media screen and (max-width: 767px) {
  .menu__inner ul > li .sub-link {
    display: block;
  }
}
.menu__inner ul > li .sub-link:hover {
  transform: rotate(-45deg);
  background: url("../img/menu-arrow-white.png");
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center;
}
.menu__inner ul > li > a {
  color: var(--color-yellow);
  margin-bottom: 30px;
  font-size: 26px;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .menu__inner ul > li > a {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
.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: 767px) {
  .menu__inner ul > li > a:before {
    left: auto;
    right: 0;
    display: none;
  }
}
.menu__inner ul > li > a:hover {
  color: var(--color-white);
}
.menu__inner ul > li > a:hover:before {
  transform: rotate(-45deg);
  background: url("../img/menu-arrow-white.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.menu__inner ul > li > ul {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .menu__inner ul > li > ul {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 190px;
    right: -100%;
    padding: 0 40px;
    background: var(--color-green);
    z-index: 10;
    transition: all 0.3s ease;
  }
}
.menu__inner ul > li > ul.active {
  right: 0;
}
.menu__inner ul > li > ul .menu-nav {
  color: var(--color-yellow);
  text-align: right;
  font-size: 20px;
  padding: 30px 0 20px 0;
  position: relative;
  display: none;
}
@media screen and (max-width: 767px) {
  .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;
}
.menu__inner ul > li > ul .menu-nav .back:hover {
  transform: rotate(230deg);
  background: url("../img/menu-arrow-white.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.menu__inner ul > li > ul > li > a {
  position: relative;
  text-decoration: none;
  color: var(--color-white);
  margin-bottom: 1px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .menu__inner ul > li > ul > li > a {
    border-bottom: 1px solid var(--color-white);
    display: block;
    padding-bottom: 6px;
  }
}
.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: 767px) {
  .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: 190px;
}
.menu-open .header {
  height: 130px;
}
@media screen and (max-width: 767px) {
  .menu-open .header {
    background: var(--color-white);
  }
}
.menu-open .header__logo, .menu-open .quick-links {
  opacity: 0;
  height: 80px;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .menu-open .header__logo, .menu-open .quick-links {
    opacity: 1;
    pointer-events: all;
  }
}

.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-green);
  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: 24px 20px;
  }
}
.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__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%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.footer-mid__col1 .logo {
  width: 150px;
  height: auto;
  margin-bottom: 18px;
}
@media screen and (max-width: 1300px) {
  .footer-mid__col1 h5 {
    font-size: 16px;
  }
}
.footer-mid__col1 a::before {
  background-color: var(--color-yellow);
}
.footer-mid__col2 {
  padding: 0 20px;
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width: 1024px) {
  .footer-mid__col2 {
    width: 40%;
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .footer-mid__col2 {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.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%;
    text-align: center;
    margin-bottom: 30px;
    order: 3;
  }
}
.footer-mid__col3 ul {
  margin: 0;
  padding: 6px 0 0 0;
}
.footer-mid__col3 ul li {
  list-style: none;
  margin-bottom: 18px;
}
.footer-mid__col3 a::before {
  background-color: var(--color-white);
}
.footer-mid__col4 {
  padding: 0 20px;
}
@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%;
    text-align: center;
  }
}
.footer-mid__col4 .social-links {
  display: flex;
  width: 220px;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .footer-mid__col4 .social-links {
    margin: 0 auto;
  }
}
.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: var(--color-white);
  text-align: center;
}
.footer-bottom ul {
  margin: 0;
  padding: 20px;
}
.footer-bottom ul li {
  display: inline;
  padding: 0 12px;
  border-right: 1px solid var(--color-black);
}
.footer-bottom ul li:last-child {
  border-right: 0;
}
.footer-bottom ul li a {
  color: var(--color-black);
  text-decoration: none;
}

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

.image-slider {
  --slider-height-mob: 1 / 1;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: var(--color-green);
  position: relative;
}
@media screen and (max-width: 767px) {
  .image-slider {
    height: auto;
    aspect-ratio: var(--slider-height-mob);
  }
}
.image-slider__inner {
  height: 100vh;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  .image-slider__inner {
    height: auto;
    aspect-ratio: var(--slider-height-mob);
  }
}
.image-slider .image-slide {
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide {
    height: auto;
    aspect-ratio: var(--slider-height-mob);
  }
}
.image-slider .image-slide__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide__overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 70%);
  }
}
.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: 700px;
  top: 50%;
  left: 100px;
  font-family: "Montserrat", 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 {
    left: 60px;
  }
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide__inner {
    left: 20px;
    max-width: calc(100vw - 40px);
    top: auto;
    bottom: 20%;
  }
}
.image-slider .image-slide__inner .title {
  font-size: 50px;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 30px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .image-slider .image-slide__inner .title {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide__inner .title {
    font-size: 30px;
    line-height: 1.2;
  }
}
.image-slider .image-slide__inner .intro {
  font-size: 25px;
  line-height: 1.3;
  max-width: 85%;
  display: block;
}
@media screen and (max-width: 767px) {
  .image-slider .image-slide__inner .intro {
    font-size: 16px;
  }
}
.image-slider .slick-active .image-slide__inner {
  transform: translateY(0);
  opacity: 1;
}
.image-slider__next, .image-slider__prev {
  width: 50px;
  height: 50px;
  background: var(--color-yellow);
  position: absolute;
  bottom: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
  .image-slider__next, .image-slider__prev {
    bottom: 100px;
  }
}
@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-green);
}
.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: 10;
  transition: all 0.3s ease;
}
.image-slider__next:hover, .image-slider__prev:hover {
  background: var(--color-green);
}
.image-slider__next:hover:after, .image-slider__prev:hover:after {
  background-image: url("../img/arrow-yellow.png");
}
.image-slider__next {
  right: 0;
  border-radius: 30px 0 0 30px;
}
.image-slider__prev {
  border-radius: 0 30px 30px 0;
}
.image-slider__prev:after {
  right: auto;
  left: 12px;
  transform: rotate(180deg);
}

.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: "Montserrat", 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 #0000001A;
  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: 1600px) {
  .link-grid__card__top__logo {
    width: 60px;
    top: -30px;
  }
}
.link-grid__card__bottom {
  color: var(--color-green);
  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: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: -10px;
}
@media screen and (max-width: 1600px) {
  .link-grid__card__bottom h4 {
    font-size: 24px;
  }
}
.link-grid__card__bottom span {
  font-family: "Montserrat", sans-serif;
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 15px;
}
@media screen and (max-width: 1600px) {
  .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-green);
  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: 60px 100px 90px;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .featured-content {
    padding: 60px 0px 90px;
  }
}
@media screen and (max-width: 767px) {
  .featured-content {
    padding: 40px 0 0;
  }
}
.featured-content__inner {
  padding: 20px;
  display: flex;
  max-width: 1920px;
  margin: 0 auto;
  color: var(--color-green);
}
@media screen and (max-width: 767px) {
  .featured-content__inner {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1300px) {
  .featured-content__inner {
    padding: 20px 0 0;
  }
}
.featured-content__inner__l {
  width: 40%;
  flex-basis: auto;
  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: 767px) {
  .featured-content__inner__l {
    width: 100%;
    margin: 0;
  }
}
.featured-content__inner__r {
  width: 60%;
  flex-basis: auto;
  background: var(--color-yellow-light);
  padding: 60px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .featured-content__inner__r {
    width: 100%;
    padding: 40px 20px;
  }
}
.featured-content__inner__r .dolphin {
  margin-right: -60px;
  margin-left: calc(-60px);
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .featured-content__inner__r .dolphin {
    margin-right: -20px;
    margin-left: -20px;
  }
}
.featured-content__inner__r h2 {
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 50px;
  margin-bottom: 0px;
}
@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: 700;
  font-family: "Montserrat", sans-serif;
  font-size: 50px;
  margin-bottom: 30px;
  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.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-green);
}
.upcoming-events .dolphin {
  padding: 0px 100px 30px;
  max-width: 2080px;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
  .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: "Montserrat", 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-green);
}
.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-green);
}
.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-green);
  text-decoration: none;
  position: relative;
}
.upcoming-events__event__top {
  background: var(--color-yellow);
  font-family: "Montserrat", 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-green);
  color: var(--color-yellow);
}
.upcoming-events__event:hover .upcoming-events__event__bottom {
  border: 1px solid var(--color-green);
}
.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-green);
}
.upcoming-events__event:hover .upcoming-events__event__circle {
  background: var(--color-green);
}

.latest-news {
  background: var(--color-yellow-light);
  text-align: center;
  color: var(--color-green);
  overflow: hidden;
}
.latest-news .dolphin {
  padding: 50px 100px 30px;
  max-width: 2080px;
  margin: 0 auto;
}
@media screen and (max-width: 1600px) {
  .latest-news .dolphin {
    padding: 50px 100px 30px;
  }
}
@media screen and (max-width: 1300px) {
  .latest-news .dolphin {
    padding: 60px 60px;
  }
}
@media screen and (max-width: 767px) {
  .latest-news .dolphin {
    padding: 30px 10px 30px 10px;
    margin-left: -30px;
    margin-right: -30px;
  }
}
.latest-news__inner {
  padding: 0 20px;
  margin: 0 auto;
}
.latest-news__inner h2 {
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Montserrat", 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 50px 0;
  }
}
.latest-news__buttons {
  margin: 0 auto 60px auto;
  display: inline-block;
}
.latest-news__buttons .button {
  margin-left: 8px;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .latest-news__buttons .button {
    width: 200px;
    display: flex;
    margin-bottom: 10px;
  }
}
.latest-news__slider {
  padding: 40px 100px 0px 80px;
  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 40px;
  }
}
@media screen and (max-width: 767px) {
  .latest-news__slider {
    padding: 0px 20px 0px 0px;
    margin-bottom: 40px;
  }
}
.latest-news__slider__next, .latest-news__slider__prev {
  width: 50px;
  height: 50px;
  background: var(--color-yellow);
  position: absolute;
  bottom: -90px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.latest-news__slider__next:hover, .latest-news__slider__prev:hover {
  background: var(--color-green);
}
.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-green);
}
.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;
  border-radius: 30px 0 0 30px;
}
.latest-news__slider__prev {
  border-radius: 0 30px 30px 0;
  left: 0;
}
.latest-news__slider__prev:after {
  right: auto;
  left: 12px;
  transform: rotate(180deg);
}
.latest-news__card {
  margin: 0 10px;
  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: 6.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: 1600px) {
  .latest-news__card__top__logo {
    width: 60px;
    top: -30px;
  }
}
.latest-news__card__bottom {
  color: var(--color-green);
  padding: 20px;
  position: relative;
  background: var(--color-white);
}
@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: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0px;
}
@media screen and (max-width: 1600px) {
  .latest-news__card__bottom h4 {
    font-size: 24px;
  }
}
.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: 1600px) {
  .latest-news__card__bottom span {
    font-size: 16px;
  }
}
.latest-news__card__bottom:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  aspect-ratio: 1/1;
  background: var(--color-yellow);
  border-radius: 100px 0 0 0;
  transition: all 0.3s ease;
}
.latest-news__card__bottom:after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 13px;
  background-image: url("../img/arrow.png");
  background-size: 100% auto;
  width: 17px;
  height: 13px;
  z-index: 10;
  transition: all 0.3s ease;
}
.latest-news__card:hover .latest-news__card__top {
  background-size: 105%;
}
.latest-news__card:hover .latest-news__card__bottom:before {
  background: var(--color-green);
}
.latest-news__card:hover .latest-news__card__bottom:after {
  background-image: url("../img/arrow-yellow.png");
  transform: rotate(-45deg);
}

.values {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  padding: 200px 100px 60px;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .values {
    padding: 200px 60px 60px;
  }
}
@media screen and (max-width: 767px) {
  .values {
    padding: 30px 0px 30px 0px;
  }
}
.values__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.values .dolphin {
  margin-bottom: 30px;
  max-width: 820px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .values .dolphin {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.values__inner {
  position: relative;
  z-index: 10;
  padding: 20px;
}
.values__inner h2 {
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 50px;
  color: var(--color-white);
  margin-bottom: 30px;
}
@media screen and (max-width: 1300px) {
  .values__inner h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .values__inner h2 {
    font-size: 32px;
    margin: 10px 0 50px 0;
  }
}
.values__inner__grid {
  display: flex;
}
@media screen and (max-width: 1300px) {
  .values__inner__grid {
    flex-wrap: wrap;
  }
}
.values__inner__grid .value {
  width: calc(24% - 16.66px);
  aspect-ratio: 1/1;
  background: var(--color-white);
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1300px) {
  .values__inner__grid .value {
    width: calc(33% - 18px);
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .values__inner__grid .value {
    width: calc(50% - 20px);
  }
}
.values__inner__grid .value__inner {
  text-align: center;
}
.values__inner__grid .value__inner h4 {
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-family: "Montserrat", sans-serif;
  color: var(--color-green);
  transition: all 0.3s ease;
}
@media screen and (max-width: 1600px) {
  .values__inner__grid .value__inner h4 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1300px) {
  .values__inner__grid .value__inner h4 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .values__inner__grid .value__inner h4 {
    font-size: 22px;
  }
}
.values__inner__grid .value__inner svg {
  height: 70px;
  width: auto;
}
.values__inner__grid .value__inner svg path {
  transition: all 0.3s ease;
}
.values__inner__grid .value__inner:first-child {
  margin-left: 0;
}
.values__inner__grid .value__inner:last-child {
  margin-right: 0;
}
.values__inner__grid .value:hover {
  background: var(--color-green);
}
.values__inner__grid .value:hover h4 {
  color: var(--color-white);
}
.values__inner__grid .value:hover svg path {
  fill: var(--color-white);
}

.testimonials {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  padding: 200px 100px 60px;
  overflow: hidden;
  /* Dots */
}
@media screen and (max-width: 1300px) {
  .testimonials {
    padding: 200px 60px 60px;
  }
}
@media screen and (max-width: 767px) {
  .testimonials {
    padding: 30px 0px 30px 0px;
  }
}
.testimonials__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.testimonials .dolphin {
  max-width: 820px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .testimonials .dolphin {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.testimonials__inner {
  position: relative;
  z-index: 10;
  padding: 20px;
  color: var(--color-white);
  text-align: center;
}
.testimonials__inner .testimonial {
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  max-width: 1100px;
  padding-bottom: 60px;
}
.testimonials__inner .testimonial blockquote {
  margin: 0;
}
.testimonials__inner .testimonial footer {
  font-size: 20px;
}
.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 10px;
  padding: 0;
  cursor: pointer;
}
.testimonials .slick-dots li button {
  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:hover, .testimonials .slick-dots li button:focus {
  outline: none;
}
.testimonials .slick-dots li button:hover:before, .testimonials .slick-dots li button:focus:before {
  opacity: 1;
}
.testimonials .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 30px;
  height: 30px;
  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 .slick-dots li.pause-toggle {
  top: 15px;
  position: relative;
  width: 30px;
  height: 30px;
  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;
}
.testimonials .slick-dots li.pause-toggle.play {
  background-image: url(../img/play.svg);
}
.testimonials .slick-dots li.pause-toggle.pause {
  background-image: url(../img/pause.svg);
}

.inner-header {
  background-size: cover;
  background-position: top 35% center;
  background-repeat: no-repeat;
  position: relative;
  padding: 200px 100px 60px;
  height: 700px;
}
@media screen and (max-width: 1300px) {
  .inner-header {
    padding: 200px 60px 60px;
  }
}
@media screen and (max-width: 767px) {
  .inner-header {
    padding: 30px 0px 30px 0px;
  }
}
.inner-header__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, rgba(0, 0, 0, 0) 28.58%, rgba(0, 0, 0, 0.7) 105.79%);
  z-index: 1;
}
.inner-header.small {
  height: 500px;
}
@media screen and (max-width: 767px) {
  .inner-header.small {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .inner-header .dolphin {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.inner-header__inner {
  position: absolute;
  bottom: 0;
  width: calc(100% - 200px);
  z-index: 10;
  padding: 20px 20px 0;
  color: var(--color-white);
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .inner-header__inner {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 767px) {
  .inner-header__inner {
    width: 100%;
  }
}
.inner-header__inner h1 {
  text-align: center;
  margin: 10px 0 30px 0;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 50px;
  line-height: 1.3;
}
@media screen and (max-width: 1300px) {
  .inner-header__inner h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .inner-header__inner h1 {
    font-size: 32px;
    margin: 10px 0 50px 0;
  }
}
.inner-header__inner .breadcrumb {
  width: 100%;
  background: var(--color-white);
  padding: 40px 40px 20px;
  color: var(--color-black);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .inner-header__inner .breadcrumb {
    display: none;
  }
}
.inner-header__inner .breadcrumb__inner {
  max-width: 1400px;
  margin: 0 auto;
}
.inner-header__inner .breadcrumb__inner ul {
  margin: 0;
}
.inner-header__inner .breadcrumb__inner ul li {
  display: inline-block;
  list-style: none;
}
.inner-header__inner .breadcrumb__inner ul li.current-page {
  font-weight: 700;
}
.inner-header__inner .breadcrumb__inner ul li::after {
  content: "/";
  margin: 0 8px;
  display: inline-block;
}
.inner-header__inner .breadcrumb__inner ul li:last-child::after {
  content: "";
}
.inner-header__inner .breadcrumb__inner ul li a {
  text-decoration: none;
  color: var(--color-black);
}

.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-green);
  padding: 30px 100px 0px;
}
@media screen and (max-width: 1300px) {
  .news-listing {
    padding: 30px 60px 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;
}
.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;
  align-items: center;
  padding: 20px 10px 60px 10px;
}
@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 var(--color-green);
  margin-right: 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 0 18px;
  color: var(--color-green);
  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: 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;
}
.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: 1600px) {
  .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: 6.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: 1600px) {
  .news-listing__card__top__logo {
    width: 60px;
    top: -30px;
  }
}
.news-listing__card__bottom {
  color: var(--color-green);
  padding: 20px 20px 40px;
  position: relative;
  background: var(--color-white);
}
@media screen and (max-width: 1300px) {
  .news-listing__card__bottom {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .news-listing__card__bottom {
    padding-bottom: 15px;
  }
}
.news-listing__card__bottom h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0px;
}
@media screen and (max-width: 1600px) {
  .news-listing__card__bottom h4 {
    font-size: 24px;
  }
}
.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: 1600px) {
  .news-listing__card__bottom span {
    font-size: 16px;
  }
}
.news-listing__card__bottom:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  aspect-ratio: 1/1;
  background: var(--color-yellow);
  border-radius: 100px 0 0 0;
  transition: all 0.3s ease;
}
.news-listing__card__bottom:after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 13px;
  background-image: url("../img/arrow.png");
  background-size: 100% auto;
  width: 17px;
  height: 13px;
  z-index: 10;
  transition: all 0.3s ease;
}
.news-listing__card:hover .news-listing__card__top {
  background-size: 105%;
}
.news-listing__card:hover .news-listing__card__bottom:before {
  background: var(--color-green);
}
.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: "Montserrat", sans-serif;
  color: var(--color-green);
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .wysiwyg h1 {
    font-size: 30px;
  }
}
.wysiwyg h2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  color: var(--color-green);
}
.wysiwyg h3 {
  font-weight: 300;
  font-size: 40px;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
  color: var(--color-green);
}
.wysiwyg h4 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.5;
  font-family: "Montserrat", sans-serif;
  color: var(--color-green);
}
.wysiwyg h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-green);
}
.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-green);
  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 .image-block {
  display: flex;
  margin: 60px 0;
}
@media screen and (max-width: 1600px) {
  .wysiwyg .image-block {
    flex-wrap: wrap;
  }
}
.wysiwyg .image-block__left {
  width: 50%;
  flex-basis: auto;
  padding: 90px 30px;
  background: var(--color-yellow-light);
}
@media screen and (max-width: 1600px) {
  .wysiwyg .image-block__left {
    width: 100%;
  }
}
.wysiwyg .image-block__right {
  width: 50%;
  flex-basis: auto;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1600px) {
  .wysiwyg .image-block__right {
    width: 100%;
    aspect-ratio: 3/2;
  }
}
.wysiwyg .accordions {
  margin: 60px 0;
  border-top: 1px solid var(--color-green);
}
.wysiwyg .accordions .accordion {
  width: 100%;
  border-bottom: 1px solid var(--color-green);
}
.wysiwyg .accordions .accordion__handle {
  padding: 20px 30px;
  background: var(--color-white);
  color: var(--color-green);
  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 svg {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
.wysiwyg .accordions .accordion__handle__arrow svg path {
  stroke: var(--color-green);
  transition: all 0.3s ease;
}
.wysiwyg .accordions .accordion__handle:hover {
  background: var(--color-yellow-light);
  color: var(--color-green);
}
.wysiwyg .accordions .accordion__handle:hover h5 {
  color: var(--color-green);
}
.wysiwyg .accordions .accordion__handle:hover .accordion__handle__arrow svg path {
  stroke: var(--color-green);
}
.wysiwyg .accordions .accordion__handle.active {
  background: var(--color-green);
  color: var(--color-white);
}
.wysiwyg .accordions .accordion__handle.active h5 {
  color: var(--color-white);
}
.wysiwyg .accordions .accordion__handle.active .accordion__handle__arrow svg {
  transform: rotate(0deg);
}
.wysiwyg .accordions .accordion__handle.active .accordion__handle__arrow svg path {
  stroke: var(--color-white);
}
.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-green), 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-green);
}
.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-green);
}
.wysiwyg .accordions .accordion.simplified .accordion__handle:hover {
  color: var(--color-green);
}
.wysiwyg .accordions .accordion.simplified .accordion__handle:hover .accordion__handle__arrow svg path {
  stroke: var(--color-green);
}
.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;
}
@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 {
  padding: 60px 20px;
  background: var(--color-yellow);
}
.wysiwyg .image {
  margin-bottom: 60px;
  padding: 0 0 60px 0;
  text-align: center;
}
.wysiwyg .image img {
  width: 80%;
}
.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-green);
}
.wysiwyg blockquote {
  background: var(--color-yellow-light);
  margin: 0;
  padding: 90px 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .wysiwyg blockquote {
    padding: 60px 30px;
  }
}
.wysiwyg blockquote::after, .wysiwyg blockquote::before {
  background-image: url('data:image/svg+xml,<svg width="43" height="31" viewBox="0 0 43 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M43 19.2693C43 25.6329 37.8458 30.7871 31.4821 30.7871L30.7143 30.7871C29.0154 30.7871 27.6429 29.4146 27.6429 27.7157C27.6429 26.0168 29.0154 24.6443 30.7143 24.6443L31.4821 24.6443C34.448 24.6443 36.8571 22.2351 36.8571 19.2693L36.8571 18.5014L30.7143 18.5014C27.3261 18.5014 24.5714 15.7467 24.5714 12.3585L24.5714 6.21568C24.5714 2.82751 27.3261 0.0728231 30.7143 0.0728234L36.8571 0.0728239C40.2453 0.0728242 43 2.82751 43 6.21568L43 9.28711L43 12.3585L43 19.2693ZM18.4286 19.2693C18.4286 25.6329 13.2743 30.7871 6.91071 30.7871L6.14286 30.7871C4.44397 30.7871 3.07143 29.4146 3.07143 27.7157C3.07143 26.0168 4.44397 24.6442 6.14286 24.6442L6.91071 24.6442C9.87656 24.6442 12.2857 22.2351 12.2857 19.2693L12.2857 18.5014L6.14286 18.5014C2.75469 18.5014 1.31487e-06 15.7467 1.61108e-06 12.3585L2.1481e-06 6.21568C2.44431e-06 2.82751 2.75469 0.072821 6.14286 0.0728213L12.2857 0.0728218C15.6739 0.0728221 18.4286 2.82751 18.4286 6.21568L18.4286 9.28711L18.4286 12.3585L18.4286 19.2693Z" fill="%23003F0B"/></svg>');
  content: "";
  width: 43px;
  height: 31px;
  display: block;
  position: absolute;
}
.wysiwyg blockquote::before {
  top: 30px;
  transform: rotate(180deg);
}
.wysiwyg blockquote::after {
  bottom: 30px;
  right: 60px;
}
.wysiwyg blockquote p {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  color: var(--color-green);
}
.wysiwyg .link-blocks {
  border-top: 1px solid var(--color-green);
  margin: 60px 0;
}
.wysiwyg .link-blocks .link-block {
  display: block;
  border-bottom: 1px solid var(--color-green);
  padding: 20px 30px 20px 70px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--color-green);
  text-decoration: none;
  font-family: "Montserrat", 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: 24px;
  height: 24px;
  left: 24px;
  top: 24px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_40_630)"><path d="M16.5 12C16.5 13.0406 16.4438 14.0438 16.3453 15H7.65937C7.55625 14.0438 7.50469 13.0406 7.50469 12C7.50469 10.9594 7.56094 9.95625 7.65937 9H16.3453C16.4484 9.95625 16.5 10.9594 16.5 12ZM17.85 9H23.6203C23.8687 9.96094 24 10.9641 24 12C24 13.0359 23.8687 14.0391 23.6203 15H17.85C17.9484 14.0344 18 13.0312 18 12C18 10.9688 17.9484 9.96563 17.85 9ZM23.1281 7.5H17.6578C17.1891 4.50469 16.2609 1.99688 15.0656 0.39375C18.7359 1.36406 21.7219 4.02656 23.1234 7.5H23.1281ZM16.1391 7.5H7.86094C8.14687 5.79375 8.5875 4.28438 9.12656 3.06094C9.61875 1.95469 10.1672 1.15313 10.6969 0.646875C11.2219 0.15 11.6578 0 12 0C12.3422 0 12.7781 0.15 13.3031 0.646875C13.8328 1.15313 14.3812 1.95469 14.8734 3.06094C15.4172 4.27969 15.8531 5.78906 16.1391 7.5ZM6.34219 7.5H0.871875C2.27813 4.02656 5.25938 1.36406 8.93438 0.39375C7.73906 1.99688 6.81094 4.50469 6.34219 7.5ZM0.379688 9H6.15C6.05156 9.96563 6 10.9688 6 12C6 13.0312 6.05156 14.0344 6.15 15H0.379688C0.13125 14.0391 0 13.0359 0 12C0 10.9641 0.13125 9.96094 0.379688 9ZM9.12656 20.9344C8.58281 19.7156 8.14687 18.2063 7.86094 16.5H16.1391C15.8531 18.2063 15.4125 19.7156 14.8734 20.9344C14.3812 22.0406 13.8328 22.8422 13.3031 23.3484C12.7781 23.85 12.3422 24 12 24C11.6578 24 11.2219 23.85 10.6969 23.3531C10.1672 22.8469 9.61875 22.0453 9.12656 20.9391V20.9344ZM6.34219 16.5C6.81094 19.4953 7.73906 22.0031 8.93438 23.6063C5.25938 22.6359 2.27813 19.9734 0.871875 16.5H6.34219ZM23.1281 16.5C21.7219 19.9734 18.7406 22.6359 15.0703 23.6063C16.2656 22.0031 17.1891 19.4953 17.6625 16.5H23.1328H23.1281Z" fill="%23003F0B"/></g><defs><clipPath id="clip0_40_630"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}
.wysiwyg .link-blocks .link-block.url::after {
  content: "Visit Site";
  display: block;
  position: absolute;
  width: auto;
  right: 24px;
  top: 24px;
  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: 26px;
  height: 26px;
  left: 24px;
  top: 23px;
  background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_39_622)"><path d="M0 3.25C0 1.45742 1.45742 0 3.25 0H11.375V6.5C11.375 7.39883 12.1012 8.125 13 8.125H19.5V15.4375H8.9375C7.14492 15.4375 5.6875 16.8949 5.6875 18.6875V26H3.25C1.45742 26 0 24.5426 0 22.75V3.25ZM19.5 6.5H13V0L19.5 6.5ZM8.9375 17.875H10.5625C12.1316 17.875 13.4062 19.1496 13.4062 20.7188C13.4062 22.2879 12.1316 23.5625 10.5625 23.5625H9.75V25.1875C9.75 25.6344 9.38438 26 8.9375 26C8.49062 26 8.125 25.6344 8.125 25.1875V22.75V18.6875C8.125 18.2406 8.49062 17.875 8.9375 17.875ZM10.5625 21.9375C11.2379 21.9375 11.7812 21.3941 11.7812 20.7188C11.7812 20.0434 11.2379 19.5 10.5625 19.5H9.75V21.9375H10.5625ZM15.4375 17.875H17.0625C18.4082 17.875 19.5 18.9668 19.5 20.3125V23.5625C19.5 24.9082 18.4082 26 17.0625 26H15.4375C14.9906 26 14.625 25.6344 14.625 25.1875V18.6875C14.625 18.2406 14.9906 17.875 15.4375 17.875ZM17.0625 24.375C17.5094 24.375 17.875 24.0094 17.875 23.5625V20.3125C17.875 19.8656 17.5094 19.5 17.0625 19.5H16.25V24.375H17.0625ZM21.125 18.6875C21.125 18.2406 21.4906 17.875 21.9375 17.875H24.375C24.8219 17.875 25.1875 18.2406 25.1875 18.6875C25.1875 19.1344 24.8219 19.5 24.375 19.5H22.75V21.125H24.375C24.8219 21.125 25.1875 21.4906 25.1875 21.9375C25.1875 22.3844 24.8219 22.75 24.375 22.75H22.75V25.1875C22.75 25.6344 22.3844 26 21.9375 26C21.4906 26 21.125 25.6344 21.125 25.1875V21.9375V18.6875Z" fill="%23003F0B"/></g><defs><clipPath id="clip0_39_622"><rect width="26" height="26" fill="white"/></clipPath></defs></svg>');
}
.wysiwyg .link-blocks .link-block.download::after {
  content: "Download";
  display: block;
  position: absolute;
  width: auto;
  right: 24px;
  top: 24px;
  background-image: url("../img/arrow-down.png");
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: right top 5px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 400;
}

.sidebar {
  box-shadow: 0px 0px 20px 0px #0000004D;
  padding: 30px;
  font-family: "Montserrat", sans-serif;
  /*

  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-green);
  			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-green);
  			    transform: scaleX(0);
  			    transform-origin: top left;
  			    transition: transform 0.3s ease;
  			  }

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


  		}
  	}
  } */
}
@media screen and (max-width: 767px) {
  .sidebar {
    padding: 20px;
  }
}
.sidebar__top {
  font-size: 30px;
  font-weight: 700;
  color: var(--color-green);
  margin-bottom: 20px;
  text-transform: uppercase;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .sidebar__top {
    margin-bottom: 0;
    font-size: 20px;
  }
}
.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;
}
@media screen and (max-width: 1024px) {
  .sidebar__top .sb-toggle {
    display: block;
  }
}
.sidebar__bottom {
  display: block;
}
@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::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;
  font-weight: 700;
  color: var(--color-green);
  margin: 8px 0;
  position: relative;
}
.sidebar li a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: var(--color-green);
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}
.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.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  bottom: auto;
  top: 15px;
  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.open > .submenu {
  max-height: 80px;
}
.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: 8px;
}
.sidebar li .toggle:focus {
  outline: none;
}

.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: "Montserrat", 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: "Montserrat", 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-green);
}
.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-green);
}
.search-results__inner .search-box input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--color-green);
  font-family: "Century Gothic Pro", serif;
  font-size: 18px;
  color: var(--color-black);
  padding-left: 15px;
}
.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: "Montserrat", 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 var(--color-green);
  margin-right: 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 0 18px;
  color: var(--color-green);
  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 var(--color-green);
  align-items: end;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .search-results .search-result {
    flex-wrap: wrap;
  }
}
.search-results .search-result__l {
  margin-right: 50px;
}
.search-results .search-result__l h5 {
  font-size: 20px;
  color: var(--color-green);
}
.search-results .search-result__r {
  flex-shrink: 0;
}


@media all and (min-width:1921px)
{
.inner-header.small {
    height: 800px;
}
}