/**
 * Breakpoints
 * WordPress Breakpoints: 782px 600px
 * Other Breakpoints: 1280px 960px 425px
 * Example usage:
 *
 *   .container {
 *     flex-direction: column;
 *     @include above(782px) {
 *       flex-direction: row;
 *     }
 *   }
 *
 */
#wpadminbar {
  background: none;
}
#wpadminbar ul.ab-top-menu:before {
  content: " ";
  background-color: rgba(29, 35, 39, 0.9);
  width: 10px;
  height: 46px;
  display: block;
  float: left;
}
@media (min-width: 782px) {
  #wpadminbar ul.ab-top-menu:before {
    height: 32px;
  }
}
#wpadminbar ul.ab-top-menu:after {
  content: " ";
  width: 40px;
  height: 46px;
  display: block;
  background: rgba(29, 35, 39, 0.9);
  border-radius: 0 0 10px 0;
  float: left;
}
@media (min-width: 782px) {
  #wpadminbar ul.ab-top-menu:after {
    height: 32px;
  }
}
#wpadminbar ul.ab-top-menu > li {
  background: rgba(29, 35, 39, 0.9);
}
#wpadminbar ul.ab-top-menu #wp-admin-bar-site-name a:after {
  content: " Dashboard";
}
#wpadminbar ul.ab-top-menu #wp-admin-bar-site-name .ab-sub-wrapper {
  display: none;
}
#wpadminbar ul.ab-top-secondary {
  display: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

summary::-webkit-details-marker {
  display: none;
}

html {
  line-height: 1;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: currentColor;
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

textarea {
  resize: vertical;
}

select {
  display: block;
}

@font-face {
  font-family: "Supernett cn Bold";
  src: url("fonts/supernett-cn-bold.woff2") format("woff2"), url("fonts/supernett-cn-bold.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "FOT SeuratPro B";
  src: url("fonts/FOT-SeuratPro-B.woff2") format("woff2"), url("fonts/FOT-SeuratPro-B.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
[data-form-name="Contact Form"] .form-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
[data-form-name="Contact Form"] .form-row {
  width: 100%;
  margin: 0 0 clamp(17px, 1.0416666667vw, 25px);
}
[data-form-name="Contact Form"] .form-row.half-width {
  width: calc(50% - 10px);
}
[data-form-name="Contact Form"] .error-message {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #FF6B12;
}
[data-form-name="Contact Form"] label {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1;
  color: #1E2656;
  display: block;
  position: relative;
  margin: 0 0 clamp(15.3px, 0.9375vw, 22.5px);
}
[data-form-name="Contact Form"] label .asterisk {
  color: #4F86CB;
  font-size: 1.8em;
  line-height: 0;
  vertical-align: middle;
  margin: 0 0 0 0.1em;
}
[data-form-name="Contact Form"] input[type=text],
[data-form-name="Contact Form"] input[type=number],
[data-form-name="Contact Form"] input[type=email] {
  background: transparent;
  border: 1px solid #1E2656;
  border-radius: clamp(13.6px, 0.8333333333vw, 20px);
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #1E2656;
  height: clamp(68px, 4.1666666667vw, 100px);
  line-height: normal;
  padding: 0 clamp(25.5px, 1.5625vw, 37.5px);
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[data-form-name="Contact Form"] input[type=text].error,
[data-form-name="Contact Form"] input[type=number].error,
[data-form-name="Contact Form"] input[type=email].error {
  border: 2px solid #FF6B12;
}
[data-form-name="Contact Form"] textarea {
  background: transparent;
  border: 1px solid #1E2656;
  border-radius: clamp(13.6px, 0.8333333333vw, 20px);
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #1E2656;
  height: clamp(136px, 8.3333333333vw, 200px);
  padding: clamp(20.4px, 1.25vw, 30px) clamp(25.5px, 1.5625vw, 37.5px);
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[data-form-name="Contact Form"] textarea.error {
  border: 2px solid #FF6B12;
}
[data-form-name="Contact Form"] input[type=submit] {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  cursor: pointer;
  border-radius: 999px;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: background 0.4s, color 0.4s, transform 0.4s;
  font-size: clamp(16.66px, 1.0208333333vw, 24.5px);
  height: clamp(54.74px, 3.3541666667vw, 80.5px);
  line-height: clamp(53.04px, 3.25vw, 78px);
  padding: 0 clamp(33.32px, 2.0416666667vw, 49px);
  background: #FF6B12;
  color: #FFFFFF;
  border: 1px solid #FF6B12;
}
[data-form-name="Contact Form"] input[type=submit]:hover {
  background: #de5300;
  border: 1px solid #de5300;
}
[data-form-name="Contact Form"] input[type=submit]:focus, [data-form-name="Contact Form"] input[type=submit]:hover {
  transform: scale(1.25);
  transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
}
[data-form-name="Contact Form"] .sfu {
  display: none;
}
[data-form-name="Contact Form"] .success-msg {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1;
  color: #1E2656;
  display: block;
}

.site-footer {
  background: #1E2656;
  padding: clamp(102px, 6.25vw, 150px) 0 clamp(25.5px, 1.5625vw, 37.5px);
  margin: -1px 0 0;
}
@media (min-width: 782px) {
  .site-footer {
    padding: clamp(127.5px, 7.8125vw, 187.5px) 0;
  }
}
.site-footer .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .site-footer .inner {
    width: calc(100% - 40px);
  }
}
@media (min-width: 782px) {
  .site-footer .inner {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: clamp(27.2px, 1.6666666667vw, 40px);
  }
}
.site-footer .large-links {
  grid-row-start: span 2;
  grid-column: 1/span 3;
}
.site-footer .large-links .large-link {
  display: block;
}
.site-footer .large-links .link {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(68px, 4.1666666667vw, 100px);
  line-height: 1;
  color: #FFFFFF;
  display: inline-block !important;
  transform-origin: left center;
  transition: transform 0.3s;
}
@media (min-width: 782px) {
  .site-footer .large-links .link {
    font-size: clamp(85px, 5.2083333333vw, 125px);
  }
}
@media (max-width: 782px) {
  .site-footer .large-links .link {
    font-size: clamp(54.4px, 3.3333333333vw, 80px);
  }
}
.site-footer .large-links .link:hover {
  transform: scale(1.1);
}
.site-footer .menu {
  margin: clamp(51px, 3.125vw, 75px) 0 0;
  grid-column: 4/span 2;
  -moz-columns: 2;
       columns: 2;
}
@media (min-width: 782px) {
  .site-footer .menu {
    margin: 0;
  }
}
.site-footer .menu a {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #FFFFFF;
  padding: clamp(3.4px, 0.2083333333vw, 5px) 0;
  display: inline-block;
  position: relative;
}
.site-footer .menu a:after {
  content: " ";
  position: absolute;
  top: calc(50% + 0.7em);
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  right: 0;
  width: 0;
  border-bottom: 1px solid currentColor;
  transition: width 0.3s;
  border-radius: 99px;
}
.site-footer .menu a:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}
.site-footer .social-media-icons {
  grid-column: 6/span 1;
}
@media (max-width: 782px) {
  .site-footer .social-media-icons {
    margin: clamp(51px, 3.125vw, 75px) 0 0;
  }
}
@media (min-width: 782px) {
  .site-footer .lower {
    grid-column: 4/span 3;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
@media (max-width: 782px) {
  .site-footer .lower {
    margin: clamp(51px, 3.125vw, 75px) 0 0;
  }
}
.site-footer .lower .copyright-notice {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #FFFFFF;
}
@media (max-width: 782px) {
  .site-footer .lower .copyright-notice {
    display: block;
    margin: clamp(8.5px, 0.5208333333vw, 12.5px) 0 0;
  }
}
.site-footer .lower .terms,
.site-footer .lower .bgn {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #FFFFFF;
  position: relative;
}
.site-footer .lower .terms:after,
.site-footer .lower .bgn:after {
  content: " ";
  position: absolute;
  top: calc(50% + 0.7em);
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  right: 0;
  width: 0;
  border-bottom: 1px solid currentColor;
  transition: width 0.3s;
  border-radius: 99px;
}
.site-footer .lower .terms:hover:after,
.site-footer .lower .bgn:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}
@media (max-width: 782px) {
  .site-footer .lower .terms,
.site-footer .lower .bgn {
    display: block;
    margin: clamp(8.5px, 0.5208333333vw, 12.5px) 0 0;
  }
}

body {
  background: #1E2656;
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 1000px) {
  #smooth-wrapper {
    cursor: none;
  }
  #smooth-wrapper * {
    cursor: none !important;
  }
}

[data-split] {
  display: none;
}

@-webkit-keyframes float {
  50% {
    transform: translate(0, -25px);
  }
}

@keyframes float {
  50% {
    transform: translate(0, -25px);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
::-moz-placeholder {
  color: #a9a9a9;
}
:-ms-input-placeholder {
  color: #a9a9a9;
}
::placeholder {
  color: #a9a9a9;
}

::-moz-selection {
  background: #FF6B12;
  color: #FFFFFF;
}

::selection {
  background: #FF6B12;
  color: #FFFFFF;
}

.gform_wrapper .gform_validation_errors {
  display: none;
}
.gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}
.gform_wrapper .gform_body .gfield .gfield_label {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1;
  color: #1E2656;
  display: block;
  position: relative;
  margin: 0 0 clamp(15.3px, 0.9375vw, 22.5px);
}
.gform_wrapper .gform_body .gfield :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1E2656;
}
.gform_wrapper .gform_body .gfield ::-moz-placeholder {
  color: #1E2656;
}
.gform_wrapper .gform_body .gfield ::placeholder {
  color: #1E2656;
}
.gform_wrapper .gform_body .gfield .gfield_validation_message {
  padding: 0;
  background-color: transparent;
  border: 0;
  color: #FF6B12;
}
.gform_wrapper .gform_body .gfield input[type=text],
.gform_wrapper .gform_body .gfield input[type=number],
.gform_wrapper .gform_body .gfield input[type=tel],
.gform_wrapper .gform_body .gfield input[type=email] {
  background: transparent;
  border: 1px solid #1E2656;
  border-radius: clamp(13.6px, 0.8333333333vw, 20px);
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #1E2656;
  height: clamp(68px, 4.1666666667vw, 100px);
  line-height: normal;
  padding: 0 clamp(25.5px, 1.5625vw, 37.5px);
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.gform_wrapper .gform_body .gfield textarea {
  background: transparent;
  border: 1px solid #1E2656;
  border-radius: clamp(13.6px, 0.8333333333vw, 20px);
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #1E2656;
  height: clamp(136px, 8.3333333333vw, 200px);
  padding: clamp(20.4px, 1.25vw, 30px) clamp(25.5px, 1.5625vw, 37.5px);
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.gform_wrapper .gform_body .gfield.gfield_error input[type=text],
.gform_wrapper .gform_body .gfield.gfield_error input[type=number],
.gform_wrapper .gform_body .gfield.gfield_error input[type=tel],
.gform_wrapper .gform_body .gfield.gfield_error input[type=email] {
  border: 2px solid #FF6B12;
}
.gform_wrapper .gform_body .gfield.gfield_error textarea {
  border: 2px solid #FF6B12;
}
.gform_wrapper .gform_body .gfield .screen-reader-text {
  display: none;
}
.gform_wrapper .gform_footer img {
  display: none;
}
.gform_wrapper .gform_footer .gform_button {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  cursor: pointer;
  border-radius: 999px;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: background 0.4s, color 0.4s, transform 0.4s;
  font-size: clamp(16.66px, 1.0208333333vw, 24.5px);
  height: clamp(54.74px, 3.3541666667vw, 80.5px);
  line-height: clamp(53.04px, 3.25vw, 78px);
  padding: 0 clamp(33.32px, 2.0416666667vw, 49px);
  background: #FF6B12;
  color: #FFFFFF;
  border: 1px solid #FF6B12;
}
.gform_wrapper .gform_footer .gform_button:hover {
  background: #de5300;
  border: 1px solid #de5300;
}
.gform_wrapper .gform_footer .gform_button:focus, .gform_wrapper .gform_footer .gform_button:hover {
  transform: scale(1.25);
  transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
}
.site-header {
  position: relative;
  z-index: 999;
}
.site-header .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
  position: relative;
}
@media (max-width: 782px) {
  .site-header .inner {
    width: calc(100% - 40px);
  }
}
.site-header .brand {
  position: absolute;
  transition: transform 0.3s;
  top: clamp(17px, 1.0416666667vw, 25px);
  left: 0;
  width: clamp(102px, 6.25vw, 150px);
  z-index: 2;
}
@media (min-width: 782px) {
  .site-header .brand {
    top: clamp(25.5px, 1.5625vw, 37.5px);
    left: 0;
    width: clamp(127.5px, 7.8125vw, 187.5px);
  }
}
.site-header .brand:hover {
  transition: transform 0.6s cubic-bezier(0.2, 2, 0.8, 1);
  transform: rotate(-25deg) scale(1.1);
}
@media (min-width: 1280px) {
  .site-navigation-desktop, .site-header .site-navigation {
    position: absolute;
    top: clamp(57.8px, 3.5416666667vw, 85px);
    right: 0;
    transition: width 0s 0.3s, height 0s 0.3s;
  }
  [data-scroll-detected=true] .site-navigation-desktop, [data-scroll-detected=true] .site-header .site-navigation, .site-header [data-scroll-detected=true] .site-navigation {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation, [data-scroll-detected-delay=false] .site-navigation-desktop, [data-scroll-detected-delay=false] .site-header .site-navigation, .site-header [data-scroll-detected-delay=false] .site-navigation {
    position: absolute;
    top: clamp(57.8px, 3.5416666667vw, 85px);
    right: 0;
    transition: opacity 0.3s;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop .menu, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation .menu, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation .menu, [data-scroll-detected-delay=false] .site-navigation-desktop .menu, [data-scroll-detected-delay=false] .site-header .site-navigation .menu, .site-header [data-scroll-detected-delay=false] .site-navigation .menu {
    display: flex;
    align-items: center;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li:nth-child(n+2), [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li:nth-child(n+2), .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li:nth-child(n+2), [data-scroll-detected-delay=false] .site-navigation-desktop li:nth-child(n+2), [data-scroll-detected-delay=false] .site-header .site-navigation li:nth-child(n+2), .site-header [data-scroll-detected-delay=false] .site-navigation li:nth-child(n+2) {
    margin-left: clamp(42.5px, 2.6041666667vw, 62.5px);
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li:not(.book-now, .login) a, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li:not(.book-now, .login) a, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li:not(.book-now, .login) a, [data-scroll-detected-delay=false] .site-navigation-desktop li:not(.book-now, .login) a, [data-scroll-detected-delay=false] .site-header .site-navigation li:not(.book-now, .login) a, .site-header [data-scroll-detected-delay=false] .site-navigation li:not(.book-now, .login) a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(13.6px, 0.8333333333vw, 20px);
    line-height: 1.6;
    color: #FFFFFF;
    padding: clamp(8.5px, 0.5208333333vw, 12.5px) 0;
    position: relative;
    display: block;
    transition: transform 0.4s;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li:not(.book-now, .login) a:after, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li:not(.book-now, .login) a:after, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li:not(.book-now, .login) a:after, [data-scroll-detected-delay=false] .site-navigation-desktop li:not(.book-now, .login) a:after, [data-scroll-detected-delay=false] .site-header .site-navigation li:not(.book-now, .login) a:after, .site-header [data-scroll-detected-delay=false] .site-navigation li:not(.book-now, .login) a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.7em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
    border-radius: 99px;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li:not(.book-now, .login) a:hover:after, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li:not(.book-now, .login) a:hover:after, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li:not(.book-now, .login) a:hover:after, [data-scroll-detected-delay=false] .site-navigation-desktop li:not(.book-now, .login) a:hover:after, [data-scroll-detected-delay=false] .site-header .site-navigation li:not(.book-now, .login) a:hover:after, .site-header [data-scroll-detected-delay=false] .site-navigation li:not(.book-now, .login) a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li:not(.book-now, .login) a:hover, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li:not(.book-now, .login) a:hover, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li:not(.book-now, .login) a:hover, [data-scroll-detected-delay=false] .site-navigation-desktop li:not(.book-now, .login) a:hover, [data-scroll-detected-delay=false] .site-header .site-navigation li:not(.book-now, .login) a:hover, .site-header [data-scroll-detected-delay=false] .site-navigation li:not(.book-now, .login) a:hover {
    transform: scale(1.6);
    transition: transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.book-now a, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.book-now a, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.book-now a, [data-scroll-detected-delay=false] .site-navigation-desktop li.book-now a, [data-scroll-detected-delay=false] .site-header .site-navigation li.book-now a, .site-header [data-scroll-detected-delay=false] .site-navigation li.book-now a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    cursor: pointer;
    border-radius: 999px;
    text-align: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    white-space: nowrap;
    transition: background 0.4s, color 0.4s, transform 0.4s;
    font-size: clamp(11.9px, 0.7291666667vw, 17.5px);
    height: clamp(39.1px, 2.3958333333vw, 57.5px);
    line-height: clamp(37.4px, 2.2916666667vw, 55px);
    padding: 0 clamp(23.8px, 1.4583333333vw, 35px);
    background: #FF6B12;
    color: #FFFFFF;
    border: 1px solid #FF6B12;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.book-now a:hover, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.book-now a:hover, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.book-now a:hover, [data-scroll-detected-delay=false] .site-navigation-desktop li.book-now a:hover, [data-scroll-detected-delay=false] .site-header .site-navigation li.book-now a:hover, .site-header [data-scroll-detected-delay=false] .site-navigation li.book-now a:hover {
    background: #de5300;
    border: 1px solid #de5300;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.book-now a:focus, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.book-now a:focus, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.book-now a:focus, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.book-now a:hover, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.book-now a:hover, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.book-now a:hover, [data-scroll-detected-delay=false] .site-navigation-desktop li.book-now a:focus, [data-scroll-detected-delay=false] .site-header .site-navigation li.book-now a:focus, .site-header [data-scroll-detected-delay=false] .site-navigation li.book-now a:focus, [data-scroll-detected-delay=false] .site-navigation-desktop li.book-now a:hover, [data-scroll-detected-delay=false] .site-header .site-navigation li.book-now a:hover, .site-header [data-scroll-detected-delay=false] .site-navigation li.book-now a:hover {
    transform: scale(1.25);
    transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.login, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.login, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.login, [data-scroll-detected-delay=false] .site-navigation-desktop li.login, [data-scroll-detected-delay=false] .site-header .site-navigation li.login, .site-header [data-scroll-detected-delay=false] .site-navigation li.login {
    margin-left: clamp(13.6px, 0.8333333333vw, 20px);
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.login a, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.login a, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.login a, [data-scroll-detected-delay=false] .site-navigation-desktop li.login a, [data-scroll-detected-delay=false] .site-header .site-navigation li.login a, .site-header [data-scroll-detected-delay=false] .site-navigation li.login a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    cursor: pointer;
    border-radius: 999px;
    text-align: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    white-space: nowrap;
    transition: background 0.4s, color 0.4s, transform 0.4s;
    font-size: clamp(11.9px, 0.7291666667vw, 17.5px);
    height: clamp(39.1px, 2.3958333333vw, 57.5px);
    line-height: clamp(37.4px, 2.2916666667vw, 55px);
    padding: 0 clamp(23.8px, 1.4583333333vw, 35px);
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.login a:hover, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.login a:hover, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.login a:hover, [data-scroll-detected-delay=false] .site-navigation-desktop li.login a:hover, [data-scroll-detected-delay=false] .site-header .site-navigation li.login a:hover, .site-header [data-scroll-detected-delay=false] .site-navigation li.login a:hover {
    background: #FFFFFF;
    color: #1E2656;
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.login a:focus, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.login a:focus, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.login a:focus, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop li.login a:hover, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation li.login a:hover, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation li.login a:hover, [data-scroll-detected-delay=false] .site-navigation-desktop li.login a:focus, [data-scroll-detected-delay=false] .site-header .site-navigation li.login a:focus, .site-header [data-scroll-detected-delay=false] .site-navigation li.login a:focus, [data-scroll-detected-delay=false] .site-navigation-desktop li.login a:hover, [data-scroll-detected-delay=false] .site-header .site-navigation li.login a:hover, .site-header [data-scroll-detected-delay=false] .site-navigation li.login a:hover {
    transform: scale(1.25);
    transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation-desktop a, [data-scroll-detected=false][data-scroll-detected-delay=true] .site-header .site-navigation a, .site-header [data-scroll-detected=false][data-scroll-detected-delay=true] .site-navigation a, [data-scroll-detected-delay=false] .site-navigation-desktop a, [data-scroll-detected-delay=false] .site-header .site-navigation a, .site-header [data-scroll-detected-delay=false] .site-navigation a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(11.9px, 0.7291666667vw, 17.5px);
    color: #FFFFFF;
  }
}

.site-navigation-mobile, .site-header .site-navigation {
  top: clamp(34px, 2.0833333333vw, 50px);
  padding: clamp(76.5px, 4.6875vw, 112.5px) clamp(34px, 2.0833333333vw, 50px) clamp(34px, 2.0833333333vw, 50px);
}
@media (max-width: 1280px) {
  .site-navigation-mobile, .site-header .site-navigation {
    display: none;
    position: absolute;
    right: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: right center;
    transition: none;
    background: #FFFFFF;
    width: 100%;
    border-radius: clamp(27.2px, 1.6666666667vw, 40px);
    box-shadow: 0 clamp(1.7px, 0.1041666667vw, 2.5px) clamp(10.2px, 0.625vw, 15px) rgba(30, 38, 86, 0.2);
  }
  .site-navigation-mobile .menu, .site-header .site-navigation .menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .site-navigation-mobile li:not(.book-now, .login) a, .site-header .site-navigation li:not(.book-now, .login) a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
    line-height: 1.6;
    padding: clamp(8.5px, 0.5208333333vw, 12.5px) 0;
    position: relative;
    color: #1E2656;
    display: block;
    transition: transform 0.4s;
    transform-origin: left center;
  }
  .site-navigation-mobile li:not(.book-now, .login) a:after, .site-header .site-navigation li:not(.book-now, .login) a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.7em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
    border-radius: 99px;
  }
  .site-navigation-mobile li:not(.book-now, .login) a:hover:after, .site-header .site-navigation li:not(.book-now, .login) a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
  .site-navigation-mobile li:not(.book-now, .login) a:hover, .site-header .site-navigation li:not(.book-now, .login) a:hover {
    transform: scale(1.25);
    transition: transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  .site-navigation-mobile li.book-now, .site-header .site-navigation li.book-now {
    margin: clamp(15.3px, 0.9375vw, 22.5px) 0 0;
    width: 100%;
  }
  .site-navigation-mobile li.book-now a, .site-header .site-navigation li.book-now a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    cursor: pointer;
    border-radius: 999px;
    text-align: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    white-space: nowrap;
    transition: background 0.4s, color 0.4s, transform 0.4s;
    font-size: clamp(16.66px, 1.0208333333vw, 24.5px);
    height: clamp(54.74px, 3.3541666667vw, 80.5px);
    line-height: clamp(53.04px, 3.25vw, 78px);
    padding: 0 clamp(33.32px, 2.0416666667vw, 49px);
    background: #FF6B12;
    color: #FFFFFF;
    border: 1px solid #FF6B12;
  }
  .site-navigation-mobile li.book-now a:hover, .site-header .site-navigation li.book-now a:hover {
    background: #de5300;
    border: 1px solid #de5300;
  }
  .site-navigation-mobile li.book-now a:focus, .site-header .site-navigation li.book-now a:focus, .site-navigation-mobile li.book-now a:hover, .site-header .site-navigation li.book-now a:hover {
    transform: scale(1.25);
    transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  .site-navigation-mobile li.book-now a:focus, .site-header .site-navigation li.book-now a:focus, .site-navigation-mobile li.book-now a:hover, .site-header .site-navigation li.book-now a:hover {
    transform: scale(1.1);
  }
  .site-navigation-mobile li.login, .site-header .site-navigation li.login {
    margin: clamp(10.2px, 0.625vw, 15px) 0 0;
    width: 100%;
  }
  .site-navigation-mobile li.login a, .site-header .site-navigation li.login a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    cursor: pointer;
    border-radius: 999px;
    text-align: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    white-space: nowrap;
    transition: background 0.4s, color 0.4s, transform 0.4s;
    font-size: clamp(16.66px, 1.0208333333vw, 24.5px);
    height: clamp(54.74px, 3.3541666667vw, 80.5px);
    line-height: clamp(53.04px, 3.25vw, 78px);
    padding: 0 clamp(33.32px, 2.0416666667vw, 49px);
    background: transparent;
    color: #1E2656;
    border: 1px solid #1E2656;
  }
  .site-navigation-mobile li.login a:hover, .site-header .site-navigation li.login a:hover {
    background: #1E2656;
    color: #FFFFFF;
  }
  .site-navigation-mobile li.login a:focus, .site-header .site-navigation li.login a:focus, .site-navigation-mobile li.login a:hover, .site-header .site-navigation li.login a:hover {
    transform: scale(1.25);
    transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  .site-navigation-mobile li.login a:focus, .site-header .site-navigation li.login a:focus, .site-navigation-mobile li.login a:hover, .site-header .site-navigation li.login a:hover {
    transform: scale(1.1);
  }
  [data-navigation-status=open] .site-navigation-mobile, [data-navigation-status=open] .site-header .site-navigation, .site-header [data-navigation-status=open] .site-navigation {
    display: block;
  }
}
@media (min-width: 600px) {
  .site-navigation-mobile, .site-header .site-navigation {
    max-width: clamp(340px, 20.8333333333vw, 500px);
    padding: clamp(27.2px, 1.6666666667vw, 40px) clamp(34px, 2.0833333333vw, 50px) clamp(34px, 2.0833333333vw, 50px);
  }
}
@media (min-width: 782px) {
  .site-navigation-mobile, .site-header .site-navigation {
    top: clamp(51px, 3.125vw, 75px);
  }
}
@media (min-width: 1280px) {
  .site-navigation-mobile, .site-header .site-navigation {
    padding: 0;
  }
  [data-scroll-detected=false] .site-navigation-mobile, [data-scroll-detected=false] .site-header .site-navigation, .site-header [data-scroll-detected=false] .site-navigation, [data-scroll-detected=true][data-scroll-detected-delay=false] .site-navigation-mobile, [data-scroll-detected=true][data-scroll-detected-delay=false] .site-header .site-navigation, .site-header [data-scroll-detected=true][data-scroll-detected-delay=false] .site-navigation {
    max-width: none;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation {
    opacity: 1;
    padding: clamp(27.2px, 1.6666666667vw, 40px) clamp(34px, 2.0833333333vw, 50px) clamp(34px, 2.0833333333vw, 50px);
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
    pointer-events: auto;
    position: absolute;
    right: 0;
    transition: opacity 0.3s, transform 0.3s;
    transform-origin: right center;
    transition: none;
    background: #FFFFFF;
    width: 100%;
    border-radius: clamp(27.2px, 1.6666666667vw, 40px);
    box-shadow: 0 clamp(1.7px, 0.1041666667vw, 2.5px) clamp(10.2px, 0.625vw, 15px) rgba(30, 38, 86, 0.2);
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile .menu, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation .menu, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation .menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li:not(.book-now, .login) a, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li:not(.book-now, .login) a, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li:not(.book-now, .login) a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
    line-height: 1.6;
    padding: clamp(8.5px, 0.5208333333vw, 12.5px) 0;
    position: relative;
    color: #1E2656;
    display: block;
    transition: transform 0.4s;
    transform-origin: left center;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li:not(.book-now, .login) a:after, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li:not(.book-now, .login) a:after, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li:not(.book-now, .login) a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.7em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
    border-radius: 99px;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li:not(.book-now, .login) a:hover:after, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li:not(.book-now, .login) a:hover:after, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li:not(.book-now, .login) a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li:not(.book-now, .login) a:hover, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li:not(.book-now, .login) a:hover, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li:not(.book-now, .login) a:hover {
    transform: scale(1.25);
    transition: transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.book-now, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.book-now, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.book-now {
    margin: clamp(15.3px, 0.9375vw, 22.5px) 0 0;
    width: 100%;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.book-now a, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.book-now a, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.book-now a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    cursor: pointer;
    border-radius: 999px;
    text-align: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    white-space: nowrap;
    transition: background 0.4s, color 0.4s, transform 0.4s;
    font-size: clamp(16.66px, 1.0208333333vw, 24.5px);
    height: clamp(54.74px, 3.3541666667vw, 80.5px);
    line-height: clamp(53.04px, 3.25vw, 78px);
    padding: 0 clamp(33.32px, 2.0416666667vw, 49px);
    background: #FF6B12;
    color: #FFFFFF;
    border: 1px solid #FF6B12;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.book-now a:hover, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.book-now a:hover, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.book-now a:hover {
    background: #de5300;
    border: 1px solid #de5300;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.book-now a:focus, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.book-now a:focus, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.book-now a:focus, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.book-now a:hover, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.book-now a:hover, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.book-now a:hover {
    transform: scale(1.25);
    transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.book-now a:focus, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.book-now a:focus, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.book-now a:focus, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.book-now a:hover, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.book-now a:hover, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.book-now a:hover {
    transform: scale(1.1);
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.login, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.login, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.login {
    margin: clamp(10.2px, 0.625vw, 15px) 0 0;
    width: 100%;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.login a, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.login a, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.login a {
    font-family: "FOT SeuratPro B", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    cursor: pointer;
    border-radius: 999px;
    text-align: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    white-space: nowrap;
    transition: background 0.4s, color 0.4s, transform 0.4s;
    font-size: clamp(16.66px, 1.0208333333vw, 24.5px);
    height: clamp(54.74px, 3.3541666667vw, 80.5px);
    line-height: clamp(53.04px, 3.25vw, 78px);
    padding: 0 clamp(33.32px, 2.0416666667vw, 49px);
    background: transparent;
    color: #1E2656;
    border: 1px solid #1E2656;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.login a:hover, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.login a:hover, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.login a:hover {
    background: #1E2656;
    color: #FFFFFF;
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.login a:focus, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.login a:focus, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.login a:focus, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.login a:hover, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.login a:hover, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.login a:hover {
    transform: scale(1.25);
    transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
  [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.login a:focus, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.login a:focus, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.login a:focus, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation-mobile li.login a:hover, [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-header .site-navigation li.login a:hover, .site-header [data-scroll-detected=true][data-scroll-detected-delay=true][data-navigation-status=open] .site-navigation li.login a:hover {
    transform: scale(1.1);
  }
}

.toggle-navigation {
  position: absolute;
  top: clamp(34px, 2.0833333333vw, 50px);
  right: 0;
}
@media (min-width: 782px) {
  .toggle-navigation {
    top: clamp(51px, 3.125vw, 75px);
  }
  .toggle-navigation button:hover {
    background: #de5300;
    transform: scale(1.25);
    transition: background 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
  }
}
@media (min-width: 1280px) {
  .toggle-navigation {
    opacity: 0;
    transform: scale(0) rotate(135deg);
  }
  [data-once] .toggle-navigation {
    transition: opacity 0.3s, transform 0.3s 0.3s;
  }
  [data-scroll-detected=true] .toggle-navigation {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transition: opacity 1s, transform 1s cubic-bezier(0.2, 2.2, 0.8, 1);
  }
}
.toggle-navigation button {
  position: relative;
  height: clamp(54.4px, 3.3333333333vw, 80px);
  width: clamp(54.4px, 3.3333333333vw, 80px);
  background: #FF6B12;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.4s, color 0.4s, transform 0.4s;
}
.toggle-navigation .label {
  display: none;
}
.toggle-navigation i {
  position: relative;
  width: clamp(27.2px, 1.6666666667vw, 40px);
  height: clamp(2.55px, 0.15625vw, 3.75px);
  margin: 0 auto;
  display: block;
  border-radius: 99px;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.toggle-navigation i:before, .toggle-navigation i:after {
  content: " ";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 99px;
  background: #FFFFFF;
  transition: top 0.3s 0.3s, bottom 0.3s 0.3s, transform 0.3s;
}
[data-header-invert] .toggle-navigation i:before, [data-header-invert] .toggle-navigation i:after {
  background: #FFFFFF;
}
.toggle-navigation i:before {
  top: clamp(4.25px, 0.2604166667vw, 6.25px);
}
.toggle-navigation i:after {
  bottom: clamp(4.25px, 0.2604166667vw, 6.25px);
}
[data-navigation-status=open] .toggle-navigation i {
  transform: rotate(45deg);
  transition: top 0.3s, transform 0.3s 0.3s;
}
[data-navigation-status=open] .toggle-navigation i:before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.3s, transform 0.3s 0.3s;
}
[data-navigation-status=open] .toggle-navigation i:after {
  bottom: 0;
  transition: bottom 0.3s, transform 0.3s 0.3s;
}

.social-media-icons .link {
  display: flex;
  padding: clamp(4.25px, 0.2604166667vw, 6.25px) 0;
}
.social-media-icons .link:before {
  width: 22px;
  height: 22px;
  display: block;
  margin: 0 clamp(6.8px, 0.4166666667vw, 10px) 0 0;
}
.social-media-icons .link.twitter:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M32,6.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6C25.7,3.8,24,3,22.2,3 c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5C10.3,10.8,5.5,8.2,2.2,4.2c-0.6,1-0.9,2.1-0.9,3.3c0,2.3,1.2,4.3,2.9,5.5 c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1C2.9,27.9,6.4,29,10.1,29c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C30,8.5,31.1,7.4,32,6.1z'/%3E%3C/svg%3E");
}
.social-media-icons .link.facebook:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M30.7,0H1.3C0.6,0,0,0.6,0,1.3v29.3C0,31.4,0.6,32,1.3,32H17V20h-4v-5h4v-4c0-4.1,2.6-6.2,6.3-6.2C25.1,4.8,26.6,5,27,5v4.3l-2.6,0c-2,0-2.5,1-2.5,2.4V15h5l-1,5h-4l0.1,12h8.6c0.7,0,1.3-0.6,1.3-1.3V1.3C32,0.6,31.4,0,30.7,0z'/%3E%3C/svg%3E");
}
.social-media-icons .link.instagram:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 98 98' style='enable-background:new 0 0 98 98;' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M68,8c12.2,0,22,9.8,22,22v38c0,12.2-9.8,22-22,22H30C17.8,90,8,80.2,8,68V30C8,17.8,17.8,8,30,8H68 M68,0H30C13.5,0,0,13.5,0,30v38c0,16.5,13.5,30,30,30h38c16.5,0,30-13.5,30-30V30C98,13.5,84.5,0,68,0z'/%3E%3Cpath fill='%23FFFFFF' d='M75.1,17c-3.2,0-5.7,2.6-5.7,5.7s2.6,5.7,5.7,5.7c3.2,0,5.7-2.6,5.7-5.7C80.9,19.6,78.3,17,75.1,17L75.1,17z'/%3E%3Cpath fill='%23FFFFFF' d='M49.3,31.5C59,31.5,67,39.4,67,49.1s-7.9,17.7-17.7,17.7s-17.7-7.9-17.7-17.7c0,0,0,0,0,0C31.6,39.4,39.5,31.5,49.3,31.5 M49.3,23.5c-14.2,0-25.7,11.5-25.6,25.7c0,14.2,11.5,25.7,25.7,25.6C63.5,74.8,75,63.3,75,49.1C75,35,63.5,23.5,49.3,23.5C49.3,23.5,49.3,23.5,49.3,23.5z'/%3E%3C/svg%3E");
}
.social-media-icons .link.linkedin:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M30.7,0H1.3C0.6,0,0,0.6,0,1.3v29.3C0,31.4,0.6,32,1.3,32h29.3c0.7,0,1.3-0.6,1.3-1.3V1.3 C32,0.6,31.4,0,30.7,0z M9.5,27.3H4.7V12h4.8V27.3z M7.1,9.9c-1.5,0-2.8-1.2-2.8-2.8c0-1.5,1.2-2.8,2.8-2.8c1.5,0,2.8,1.2,2.8,2.8 C9.9,8.7,8.6,9.9,7.1,9.9z M27.3,27.3h-4.7v-7.4c0-1.8,0-4-2.5-4c-2.5,0-2.8,1.9-2.8,3.9v7.6h-4.7V12H17v2.1h0.1 c0.6-1.2,2.2-2.5,4.5-2.5c4.8,0,5.7,3.2,5.7,7.3V27.3z'/%3E%3C/svg%3E%0A");
}
.social-media-icons .link.youtube:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M31.7,9.6c0,0-0.3-2.2-1.3-3.2c-1.2-1.3-2.6-1.3-3.2-1.4C22.7,4.7,16,4.7,16,4.7h0c0,0-6.7,0-11.2,0.3c-0.6,0.1-2,0.1-3.2,1.4c-1,1-1.3,3.2-1.3,3.2S0,12.2,0,14.8v2.4c0,2.6,0.3,5.2,0.3,5.2s0.3,2.2,1.3,3.2c1.2,1.3,2.8,1.2,3.5,1.4C7.7,27.2,16,27.3,16,27.3s6.7,0,11.2-0.3c0.6-0.1,2-0.1,3.2-1.4c1-1,1.3-3.2,1.3-3.2s0.3-2.6,0.3-5.2v-2.4C32,12.2,31.7,9.6,31.7,9.6z M12.7,20.2l0-9l8.6,4.5L12.7,20.2z'/%3E%3C/svg%3E");
}
.social-media-icons .link.mail:before {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M89.2,71.2c0.5-1.1,0.8-2.3,0.8-3.5V22.3c0-1.3-0.3-2.5-0.8-3.5L58.9,45L89.2,71.2z'/%3E%3Cpath fill='%23FFFFFF' d='M43.3,48.3c0.3,0.3,0.9,0.6,1.7,0.6c0.8,0,1.4-0.3,1.7-0.6l1.8-1.6l36.7-31.8c-1.1-0.5-2.3-0.8-3.5-0.8H8.2c-1.3,0-2.5,0.3-3.5,0.8L43.3,48.3z'/%3E%3Cpath fill='%23FFFFFF' d='M0.8,18.8C0.3,19.8,0,21,0,22.3v45.4c0,1.3,0.3,2.5,0.8,3.5L31.1,45L0.8,18.8z'/%3E%3Cpath fill='%23FFFFFF' d='M54.8,48.6l-4.5,3.9c-1.5,1.3-3.4,1.9-5.3,1.9c-1.9,0-3.8-0.7-5.3-1.9l-4.5-3.9L4.7,75.1c1.1,0.5,2.3,0.8,3.5,0.8h73.6c1.3,0,2.5-0.3,3.5-0.8L54.8,48.6z'/%3E%3C/svg%3E");
}
.social-media-icons .label {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #FFFFFF;
}

.banner {
  position: relative;
}
@media (min-width: 1280px) {
  .banner:before {
    content: " ";
    display: block;
    padding: 0 0 56.25%;
  }
}
.banner embed,
.banner iframe,
.banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.banner .inner {
  padding: clamp(170px, 10.4166666667vw, 250px) 0;
}
@media (min-width: 782px) {
  .banner .inner {
    padding: clamp(204px, 12.5vw, 300px) 0;
  }
}
@media (min-width: 1280px) {
  .banner .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
    display: flex;
    align-items: center;
    z-index: 2;
  }
}
.banner .header {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(850px, 52.0833333333vw, 1250px);
  position: relative;
  text-align: center;
  z-index: 1;
}
@media (max-width: 782px) {
  .banner .header {
    width: calc(100% - 40px);
  }
}
.banner .jumping-e {
  position: absolute;
  bottom: 100%;
  right: 0;
  opacity: 0;
  width: clamp(85px, 5.2083333333vw, 125px);
  height: auto;
  display: block;
  -webkit-animation: 8s 2s jumper infinite cubic-bezier(0.25, 0, 0.75, 1) forwards;
          animation: 8s 2s jumper infinite cubic-bezier(0.25, 0, 0.75, 1) forwards;
  transform-origin: center bottom;
}
.banner h1 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(68px, 4.1666666667vw, 100px);
  line-height: 1;
  color: #FFFFFF;
}
@media (min-width: 1000px) {
  .banner h1 {
    font-size: clamp(110.5px, 6.7708333333vw, 162.5px);
  }
}

@-webkit-keyframes jumper {
  0% {
    opacity: 0;
    left: 45%;
    transform: translateY(-140%) scaleY(1);
  }
  10% {
    opacity: 1;
    transform: translateY(10%) scaleY(0.8);
  }
  17.5% {
    transform: translateY(-60%) scaleY(1);
  }
  25% {
    transform: translateY(10%) scaleY(0.8) rotate(0deg);
  }
  32.5% {
    opacity: 1;
    transform: translateY(-60%) scaleY(1) rotate(-20deg);
  }
  50%, 100% {
    left: 110%;
    opacity: 0;
    transform: translateY(400%) rotate(-180deg);
  }
}

@keyframes jumper {
  0% {
    opacity: 0;
    left: 45%;
    transform: translateY(-140%) scaleY(1);
  }
  10% {
    opacity: 1;
    transform: translateY(10%) scaleY(0.8);
  }
  17.5% {
    transform: translateY(-60%) scaleY(1);
  }
  25% {
    transform: translateY(10%) scaleY(0.8) rotate(0deg);
  }
  32.5% {
    opacity: 1;
    transform: translateY(-60%) scaleY(1) rotate(-20deg);
  }
  50%, 100% {
    left: 110%;
    opacity: 0;
    transform: translateY(400%) rotate(-180deg);
  }
}
[data-character] img {
  display: none;
}
@media (max-width: 1000px) {
  [data-character] img {
    width: 100%;
    height: auto;
    display: block;
  }
}
[data-character] svg {
  display: none;
}
@media (min-width: 1000px) {
  [data-character] svg {
    width: 100%;
    height: auto;
    display: block;
  }
}

.class-opening {
  background: #1E2656;
  position: relative;
}
@media (max-width: 1000px) {
  .class-opening {
    padding: clamp(170px, 10.4166666667vw, 250px) 0 clamp(119px, 7.2916666667vw, 175px);
  }
}
@media (min-width: 1000px) {
  .class-opening {
    width: 100vw;
  }
}
@media (min-width: 1000px) {
  .class-opening .inner {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(187px, 11.4583333333vw, 275px) 0 clamp(85px, 5.2083333333vw, 125px);
  }
  [data-load-namespace=horizontal-scroll] .class-opening .inner {
    height: 100vh;
  }
}
.class-opening .content {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .class-opening .content {
    width: calc(100% - 40px);
  }
}
.class-opening h1 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(68px, 4.1666666667vw, 100px);
  line-height: 1;
  color: #FFFFFF;
  margin: 0 0 clamp(42.5px, 2.6041666667vw, 62.5px);
}
@media (min-width: 782px) {
  .class-opening h1 {
    font-size: clamp(85px, 5.2083333333vw, 125px);
  }
}
.class-opening p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #FFFFFF;
  margin: 1em 0;
  max-width: clamp(765px, 46.875vw, 1125px);
}
.class-opening .floating-images {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
  margin: clamp(68px, 4.1666666667vw, 100px) auto 0;
}
@media (max-width: 782px) {
  .class-opening .floating-images {
    width: calc(100% - 40px);
  }
}
@media (max-width: 1000px) {
  .class-opening .floating-images {
    margin: clamp(34px, 2.0833333333vw, 50px) auto 0;
  }
}
.class-opening .stages {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .class-opening .stages {
    width: calc(100% - 40px);
  }
}
@media (max-width: 1000px) {
  .class-opening .stages {
    margin: clamp(34px, 2.0833333333vw, 50px) auto 0;
  }
}
.class-opening .stages h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(54.4px, 3.3333333333vw, 80px);
  line-height: 1;
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .class-opening .stages h2 {
    font-size: clamp(68px, 4.1666666667vw, 100px);
  }
}
.class-opening .stages .signs {
  display: flex;
  margin: clamp(25.5px, 1.5625vw, 37.5px) 0 0;
  justify-content: space-around;
}
@media (max-width: 900px) {
  .class-opening .stages .signs {
    flex-wrap: wrap;
  }
}
.class-opening .stages .sign {
  position: relative;
  width: clamp(119px, 7.2916666667vw, 175px);
  transform-origin: 50% 10%;
  transition: transform 0.8s cubic-bezier(0.3, 2, 0.7, 1);
}
.class-opening .stages .sign:nth-child(n+2) {
  margin: 0 0 0 clamp(25.5px, 1.5625vw, 37.5px);
}
.class-opening .stages .sign:nth-child(even):hover {
  transform: rotate(15deg);
}
.class-opening .stages .sign:nth-child(odd):hover {
  transform: rotate(-15deg);
}
.class-opening .stages .sign:before {
  content: attr(data-label);
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(20.4px, 1.25vw, 30px);
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #1E2656;
}
@media (max-width: 1100px) {
  .class-opening .stages .sign:before {
    font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  }
}
@media (max-width: 900px) {
  .class-opening .stages .sign:before {
    font-size: clamp(20.4px, 1.25vw, 30px);
  }
}
.class-opening .stages .sign img {
  width: 100%;
  height: auto;
  display: block;
}
.class-opening .prompt {
  position: absolute;
  bottom: clamp(76.5px, 4.6875vw, 112.5px);
  right: clamp(68px, 4.1666666667vw, 100px);
  width: clamp(170px, 10.4166666667vw, 250px);
  height: clamp(170px, 10.4166666667vw, 250px);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
}
@media (max-width: 1000px) {
  .class-opening .prompt {
    display: none;
  }
}
.class-opening .prompt img {
  position: absolute;
  top: -48%;
  left: -12%;
  width: clamp(229.5px, 14.0625vw, 337.5px);
  height: clamp(229.5px, 14.0625vw, 337.5px);
  display: block;
  transform: rotate(20deg);
}
.class-opening .prompt span {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  padding: clamp(68px, 4.1666666667vw, 100px) 0 0;
  width: 100%;
  transform: rotate(-20deg);
  transform-origin: top center;
}

.class-stage {
  background: #1E2656;
  min-width: 100vw;
}
@media (max-width: 1000px) {
  .class-stage {
    padding: clamp(136px, 8.3333333333vw, 200px) 0;
  }
}
.class-stage[data-stage="1"] {
  background: #ff7826;
  color: #FFFFFF;
}
.class-stage[data-stage="1"] .illustration {
  background: #ff914f;
}
.class-stage[data-stage="1"] .illustration:after {
  content: "Claude";
}
.class-stage[data-stage="2"] {
  background: #4F86CB;
  color: #FFFFFF;
}
.class-stage[data-stage="2"] .illustration {
  background: #76a1d7;
}
.class-stage[data-stage="2"] .illustration:after {
  content: "Jelo";
}
.class-stage[data-stage="3"] {
  background: #98DEFB;
  color: #1E2656;
}
.class-stage[data-stage="3"] .illustration {
  background: #7fd6fa;
}
.class-stage[data-stage="3"] .illustration:after {
  content: "Hammy";
  color: #1E2656;
}
.class-stage[data-stage="4"] {
  background: #00B67A;
  color: #FFFFFF;
}
.class-stage[data-stage="4"] .illustration {
  background: #00e99c;
}
.class-stage[data-stage="4"] .illustration:after {
  content: "Snorki";
}
.class-stage[data-stage="5"] {
  background: #FFC62B;
  color: #1E2656;
}
.class-stage[data-stage="5"] .illustration {
  background: #ffd45e;
}
.class-stage[data-stage="5"] .illustration:after {
  content: "Octo";
}
.class-stage[data-stage="1"] .skillsets .skillset[data-skillset="1"]:before, .class-stage[data-stage="2"] .skillsets .skillset[data-skillset="1"]:before, .class-stage[data-stage="4"] .skillsets .skillset[data-skillset="1"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.426' height='23' viewBox='0 0 24.426 23'%3E%3Cdefs%3E%3CclipPath id='66284'%3E%3Crect width='24.426' height='23' fill='%23ffffff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%2366284)'%3E%3Cpath d='M23.879.6A12.494,12.494,0,0,0,22.6.339Q21.873.226,21.144.177T20.009.129q-.446,0-1.053-.016T17.76.065Q17.173.033,16.666.016T15.917,0c-.162,0-.405.011-.729.032a6.923,6.923,0,0,0-.952.129,3.161,3.161,0,0,0-.81.274A.528.528,0,0,0,13.081.9a8.2,8.2,0,0,0,.2,1.565,9.662,9.662,0,0,1,.2,1.952c0,.119-.012.467-.034,1.041l-.059-.006q-.432-.048-.844-.065t-.694-.016a6.729,6.729,0,0,0-1,.081q-.535.08-1.079.177T8.7,5.809a6.716,6.716,0,0,1-1.013.081L5.054,6.1c-.011-.448-.038-.9-.091-1.361a12.453,12.453,0,0,1-.1-1.323,7.357,7.357,0,0,1,1.074-.048q.506.016.952.016a7,7,0,0,1,1.033.064q.426.065.831.145c.27.053.547.1.83.145a7.067,7.067,0,0,0,1.033.064q.2,0,.365-.307a3.775,3.775,0,0,0,.284-.742,6.351,6.351,0,0,0,.183-.936,7.449,7.449,0,0,0,.061-.887q0-.194-.547-.339A12.48,12.48,0,0,0,9.684.339Q8.954.226,8.225.177T7.091.129q-.446,0-1.053-.016T4.842.065Q4.254.033,3.748.016T3,0c-.162,0-.405.011-.729.032a6.923,6.923,0,0,0-.952.129,3.161,3.161,0,0,0-.81.274A.528.528,0,0,0,.162.9a8.2,8.2,0,0,0,.2,1.565,9.662,9.662,0,0,1,.2,1.952q0,.193-.04,1.193T.446,7.952Q.4,9.29.365,10.742T.324,13.29a7.916,7.916,0,0,0,.122,1.371,7.909,7.909,0,0,1,.121,1.371q0,.258-.081,1.113T.284,19q-.122,1-.2,1.919T0,22.194q0,.225.405.516a3.872,3.872,0,0,0,1.9.29,6.1,6.1,0,0,0,1.337-.145.929.929,0,0,0,.77-.79q.122-.743.243-1.661c.024-.179.046-.355.068-.532.172,0,.374.006.61.016.275.01.4-.261.709-.261H7.707a7.128,7.128,0,0,0,1.032-.08q.545-.081,1.107-.193t1.116-.193a7.368,7.368,0,0,1,1.06-.08q.207,0,.619.032c.174.013.357.024.544.033-.073.614-.136,1.207-.186,1.775q-.081.919-.081,1.274,0,.225.405.516a3.872,3.872,0,0,0,1.9.29,6.108,6.108,0,0,0,1.337-.145.929.929,0,0,0,.77-.79q.122-.743.243-1.661T17.8,18.6q.1-.887.162-1.6t.061-1a6.525,6.525,0,0,0-.142-1.371,6.5,6.5,0,0,1-.142-1.371q0-.452.04-1.307t.081-1.823q.04-.968.081-1.952t.04-1.726a14.862,14.862,0,0,0-.1-1.71,12.453,12.453,0,0,1-.1-1.323,7.357,7.357,0,0,1,1.074-.048q.506.016.952.016a7,7,0,0,1,1.033.064q.426.065.831.145c.27.053.547.1.83.145a7.065,7.065,0,0,0,1.033.064q.2,0,.365-.307a3.775,3.775,0,0,0,.284-.742,6.352,6.352,0,0,0,.183-.936,7.5,7.5,0,0,0,.061-.887q0-.194-.547-.339M6.046,9.465H7.707a7.128,7.128,0,0,0,1.032-.08q.545-.081,1.107-.193T10.963,9a7.368,7.368,0,0,1,1.06-.08q.207,0,.619.032c.219.017.452.03.691.04-.015.5-.029,1.012-.044,1.536-.251-.026-.5-.046-.741-.055-.275-.011-.507-.016-.694-.016a6.727,6.727,0,0,0-1,.08q-.535.08-1.079.177T8.7,10.89a6.748,6.748,0,0,1-1.013.08L4.9,11.2c.016-.344.031-.7.047-1.067.006-.137.011-.277.017-.415q.173,0,.377.012c.275.011.4-.261.709-.261m6.5,6.086q-.412-.016-.694-.016a6.761,6.761,0,0,0-1,.08q-.535.08-1.079.177T8.7,15.97a6.714,6.714,0,0,1-1.013.08L5.1,16.26c.005-.1.008-.192.008-.26a6.555,6.555,0,0,0-.111-1.2c.106,0,.22.006.343.011.275.01.4-.261.709-.261H7.707a7.092,7.092,0,0,0,1.032-.08q.545-.081,1.107-.193t1.116-.193A7.333,7.333,0,0,1,12.023,14q.207,0,.619.032c.2.016.42.028.642.038.02.2.046.394.08.593a8,8,0,0,1,.109.962l-.081-.008q-.432-.048-.844-.064' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-stage[data-stage="1"] .skillsets .skillset[data-skillset="2"]:before, .class-stage[data-stage="2"] .skillsets .skillset[data-skillset="2"]:before, .class-stage[data-stage="4"] .skillsets .skillset[data-skillset="2"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33.988' height='23' viewBox='0 0 33.988 23'%3E%3Cdefs%3E%3CclipPath id='14222'%3E%3Crect width='33.988' height='23' fill='%23ffffff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%2314222)'%3E%3Cpath d='M33.988,3.531q0,1.13-.471,1.412a1.688,1.688,0,0,1-.847.283,11.1,11.1,0,0,0-2.872.33,11.5,11.5,0,0,1-2.589.377q-.706,0-1.742.023t-2.189.023H19.112q-1.225,0-2.589-.117t-2.778-.283q-1.412-.166-2.8-.282t-2.66-.118q-.519,0-1.553.047T4.543,5.3q-1.154.023-2.189.071T.8,5.413a.847.847,0,0,1-.377-.071.552.552,0,0,1-.235-.306,2.849,2.849,0,0,1-.141-.73Q0,3.813,0,2.919q0-.283.023-.706a3.675,3.675,0,0,1,.141-.824A2.516,2.516,0,0,1,.471.706.719.719,0,0,1,.989.376Q1.694.282,2.73.235T4.849.118Q5.931.047,6.967.023T8.708,0q1.176,0,2.519.118t2.707.259Q15.3.518,16.617.635t2.542.118l8-.047A7.818,7.818,0,0,0,28.527.589Q29.186.47,29.869.353T31.3.141A13.665,13.665,0,0,1,33,.047q.187,0,.377.423a6.147,6.147,0,0,1,.33.989,9.362,9.362,0,0,1,.212,1.153,8.265,8.265,0,0,1,.071.918' fill='%23ffffff'/%3E%3Cpath d='M23.753,37.314q0,1.13-.329,1.412a.962.962,0,0,1-.592.283,5.561,5.561,0,0,0-2.007.33,5.823,5.823,0,0,1-1.809.377q-.494,0-1.217.023t-1.53.023H13.357a14.92,14.92,0,0,1-1.809-.117q-.955-.118-1.941-.283t-1.958-.282a15.423,15.423,0,0,0-1.859-.118q-.362,0-1.086.047t-1.53.071q-.806.023-1.53.071T.559,39.2A.442.442,0,0,1,.3,39.126a.56.56,0,0,1-.165-.306,3.924,3.924,0,0,1-.1-.73Q0,37.6,0,36.7,0,36.419.016,36a5.142,5.142,0,0,1,.1-.824,3.146,3.146,0,0,1,.214-.682.524.524,0,0,1,.362-.33,9.983,9.983,0,0,1,1.217-.141q.723-.048,1.481-.118t1.48-.094q.723-.024,1.217-.023a14.152,14.152,0,0,1,1.76.118q.938.117,1.891.259t1.875.259a14.084,14.084,0,0,0,1.777.118l5.593-.047a3.869,3.869,0,0,0,.954-.118q.46-.118.938-.236t1-.212a6.711,6.711,0,0,1,1.184-.094q.131,0,.263.423a8.127,8.127,0,0,1,.231.989q.1.565.148,1.153t.049.918' transform='translate(0 -25.272)' fill='%23ffffff'/%3E%3Cpath d='M19.413,71.1a2.327,2.327,0,0,1-.269,1.412.733.733,0,0,1-.484.283,3.806,3.806,0,0,0-1.64.33,4.021,4.021,0,0,1-1.479.377q-.4,0-.995.023t-1.25.023H10.916a10,10,0,0,1-1.479-.117q-.78-.118-1.586-.283t-1.6-.282a10.342,10.342,0,0,0-1.519-.118q-.3,0-.887.047t-1.25.071q-.659.023-1.25.071t-.887.047a.315.315,0,0,1-.215-.071A.6.6,0,0,1,.108,72.6a4.783,4.783,0,0,1-.081-.73Q0,71.378,0,70.484q0-.283.013-.706a6.234,6.234,0,0,1,.081-.824,3.669,3.669,0,0,1,.175-.682.469.469,0,0,1,.3-.33,6.741,6.741,0,0,1,.995-.141q.591-.048,1.21-.118t1.21-.094q.591-.024.995-.023a9.485,9.485,0,0,1,1.439.118q.766.117,1.546.259t1.532.259a9.449,9.449,0,0,0,1.452.118l4.571-.047a2.62,2.62,0,0,0,.78-.118q.376-.118.766-.236t.82-.212a4.511,4.511,0,0,1,.968-.094q.107,0,.215.424a9.645,9.645,0,0,1,.188.989q.08.565.121,1.153t.04.918' transform='translate(0 -50.543)' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-stage[data-stage="1"] .skillsets .skillset[data-skillset="3"]:before, .class-stage[data-stage="2"] .skillsets .skillset[data-skillset="3"]:before, .class-stage[data-stage="4"] .skillsets .skillset[data-skillset="3"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23' height='23' viewBox='0 0 23 23'%3E%3Cdefs%3E%3CclipPath id='19731'%3E%3Crect width='23' height='23' fill='%23ffffff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%2319731)'%3E%3Cpath d='M22.952,11.118q-.048-.6-.143-1.169a8.5,8.5,0,0,0-.223-1q-.128-.429-.255-.429a6.218,6.218,0,0,0-1.147.1q-.51.095-.972.215t-.908.238a3.59,3.59,0,0,1-.924.119l-3.851.034V7.247q0-.78-.024-1.481t-.024-1.179A5.422,5.422,0,0,0,14.1,2.835,5.171,5.171,0,0,1,13.766.892.914.914,0,0,0,13.48.319Q13.194,0,12.049,0q-.334,0-.93.048T9.95.191a8.5,8.5,0,0,0-1,.223q-.429.128-.429.255a6.216,6.216,0,0,0,.1,1.147q.095.51.215.972t.238.908a3.588,3.588,0,0,1,.119.924l.037,4.2C8.678,8.74,8.135,8.66,7.6,8.59a13.063,13.063,0,0,0-1.7-.119q-.478,0-1.179.024t-1.434.1q-.733.071-1.434.119a9.307,9.307,0,0,0-1.179.143.515.515,0,0,0-.351.334,3.294,3.294,0,0,0-.207.692,5.456,5.456,0,0,0-.1.835Q0,11.142,0,11.428q0,.906.032,1.408a4.157,4.157,0,0,0,.1.739.574.574,0,0,0,.159.31.414.414,0,0,0,.255.072q.35,0,1.051-.048t1.481-.072q.78-.025,1.481-.071t1.051-.047a14.281,14.281,0,0,1,1.8.119c.456.058.917.127,1.379.2-.068.456-.136.913-.2,1.363a13.063,13.063,0,0,0-.119,1.7q0,.478.024,1.179t.1,1.434q.071.733.119,1.434a9.254,9.254,0,0,0,.143,1.179.515.515,0,0,0,.334.351,3.294,3.294,0,0,0,.692.207,5.421,5.421,0,0,0,.835.1q.429.016.715.016.906,0,1.407-.032a4.176,4.176,0,0,0,.74-.1.574.574,0,0,0,.31-.159.414.414,0,0,0,.072-.255q0-.35-.048-1.051t-.072-1.481q-.025-.78-.071-1.481t-.048-1.051a14.283,14.283,0,0,1,.119-1.8c.045-.353.1-.708.151-1.064h1.764q.78,0,1.481-.024t1.179-.024a5.422,5.422,0,0,0,1.752-.382,5.171,5.171,0,0,1,1.943-.334.913.913,0,0,0,.573-.286Q23,13.194,23,12.049q0-.334-.048-.93' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-stage[data-stage="1"] .skillsets .skillset[data-skillset="4"]:before, .class-stage[data-stage="2"] .skillsets .skillset[data-skillset="4"]:before, .class-stage[data-stage="4"] .skillsets .skillset[data-skillset="4"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.525' height='23' viewBox='0 0 19.525 23'%3E%3Cdefs%3E%3CclipPath id='294024'%3E%3Crect width='19.525' height='23' fill='%23ffffff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23294024)'%3E%3Cpath d='M33.521,34.069q0,.346-.738.722a15.233,15.233,0,0,1-1.68.722q.219.346.518.785t.55.864q.251.424.424.785a1.494,1.494,0,0,1,.173.487q0,.158-.267.377a3.893,3.893,0,0,1-.612.408,6.247,6.247,0,0,1-.707.33,1.673,1.673,0,0,1-.55.141,1.094,1.094,0,0,1-.518-.283,2.876,2.876,0,0,1-.644-.722c-.042-.063-.115-.178-.22-.346s-.22-.366-.345-.6q-.094.252-.251.612a5.443,5.443,0,0,1-.361.691,2.673,2.673,0,0,1-.44.55.713.713,0,0,1-.487.22,1.8,1.8,0,0,1-.691-.157,4.119,4.119,0,0,1-.707-.377,3.561,3.561,0,0,1-.55-.44.6.6,0,0,1-.22-.377,1.438,1.438,0,0,1,.126-.44q.125-.314.3-.66t.345-.659a3.33,3.33,0,0,0,.236-.5l.157-.5a1.487,1.487,0,0,1-.44-.189q-.377-.157-.77-.361a7.663,7.663,0,0,1-.722-.424,2.957,2.957,0,0,1-.534-.44.627.627,0,0,1-.2-.408,1.631,1.631,0,0,1,.141-.644,3.254,3.254,0,0,1,.33-.6,2.353,2.353,0,0,1,.393-.44.587.587,0,0,1,.33-.173,2.452,2.452,0,0,1,.722.22l.911.377.44.188q0-.345.047-.817a7.583,7.583,0,0,1,.142-.9,3.442,3.442,0,0,1,.236-.722q.141-.3.33-.3a3.038,3.038,0,0,1,1.932.518q.643.518.644.927,0,.283-.016.565t-.047.534q.66-.251,1.225-.487a3.344,3.344,0,0,1,.66-.236.745.745,0,0,1,.5.236,2.782,2.782,0,0,1,.455.565,3.366,3.366,0,0,1,.33.707,2.14,2.14,0,0,1,.126.66' transform='translate(-18.859 -23.946)' fill='%23ffffff'/%3E%3Cpath d='M9.857.031a9.335,9.335,0,0,1,3.423.424,7.67,7.67,0,0,1,2.827,1.68A12.47,12.47,0,0,1,17.6,3.769a8.85,8.85,0,0,1,1,1.7,9.165,9.165,0,0,1,.6,1.853,14.218,14.218,0,0,1,.267,2.136,28.213,28.213,0,0,1,.031,2.984,19.178,19.178,0,0,1-.361,3.015,13.27,13.27,0,0,1-.879,2.78A8.15,8.15,0,0,1,16.7,20.557a7.607,7.607,0,0,1-2.387,1.665,9.143,9.143,0,0,1-3.361.738,25.044,25.044,0,0,1-3.345-.031,7.164,7.164,0,0,1-2.623-.691A6.464,6.464,0,0,1,2.382,19.9,14.035,14.035,0,0,1,.811,16.427,18.3,18.3,0,0,1,.293,14.2a20.727,20.727,0,0,1-.267-2.544A14.706,14.706,0,0,1,.984,5.2a7.959,7.959,0,0,1,3.848-4.13A7.878,7.878,0,0,1,7.124.3,20.186,20.186,0,0,1,9.889,0ZM9.826,3.141q-.377.032-.879.047a8.279,8.279,0,0,0-1.005.094q-.5.079-.974.188a2.257,2.257,0,0,0-.785.33A4.448,4.448,0,0,0,4.769,5.245,7.967,7.967,0,0,0,3.889,7.24a12.131,12.131,0,0,0-.424,2.2A12.473,12.473,0,0,0,3.418,11.5q.062,1.131.188,2.151a12.363,12.363,0,0,0,.377,1.9,13.454,13.454,0,0,0,.848,2.214,3.577,3.577,0,0,0,1.413,1.555,3.736,3.736,0,0,0,1.806.487q1.084.047,2.5-.016a5.123,5.123,0,0,0,3.188-1.146,6.14,6.14,0,0,0,1.7-2.529,10.907,10.907,0,0,0,.628-3.266,32.02,32.02,0,0,0-.016-3.329,8.336,8.336,0,0,0-.157-1.351,4.692,4.692,0,0,0-.393-1.131A5.682,5.682,0,0,0,14.8,5.983q-.424-.518-1.021-1.146A6.64,6.64,0,0,0,11.993,3.6,4.406,4.406,0,0,0,9.857,3.2Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 1000px) {
  .class-stage .inner {
    margin: 0 auto;
    width: calc(100% - 200px);
    max-width: 1516px;
  }
}
@media (max-width: 782px) {
  .class-stage .inner {
    width: calc(100% - 40px);
  }
}
@media (min-width: 1000px) {
  .class-stage .inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(187px, 11.4583333333vw, 275px) clamp(170px, 10.4166666667vw, 250px) clamp(153px, 9.375vw, 225px);
  }
  [data-load-namespace=horizontal-scroll] .class-stage .inner {
    height: 100vh;
    padding: clamp(187px, 11.4583333333vw, 275px) clamp(170px, 10.4166666667vw, 250px) clamp(51px, 3.125vw, 75px);
  }
}
@media (min-width: 1000px) {
  [data-load-namespace=horizontal-scroll] .class-stage .upper {
    display: flex;
    align-items: flex-start;
  }
}
.class-stage .illustration {
  position: relative;
  border-radius: 50%;
  width: clamp(216.75px, 13.28125vw, 318.75px);
  height: clamp(216.75px, 13.28125vw, 318.75px);
  margin: 0 clamp(127.5px, 7.8125vw, 187.5px) 0 0;
}
@media (min-width: 1000px) {
  .class-stage .illustration {
    width: clamp(289px, 17.7083333333vw, 425px);
    height: clamp(289px, 17.7083333333vw, 425px);
  }
}
.class-stage .illustration [data-character] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.class-stage .illustration [data-character=t] {
  width: 80%;
}
.class-stage .illustration [data-character=w] {
  width: 110%;
  top: 45%;
}
.class-stage .illustration [data-character=e] {
  width: 80%;
  top: 35%;
}
.class-stage .illustration [data-character=r] {
  width: 85%;
}
.class-stage .illustration:after {
  content: "Hammy";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform-origin: top center;
  transform: rotate(-45deg) translateY(clamp(119px, 7.2916666667vw, 175px));
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .class-stage .illustration:after {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
@media (max-width: 1000px) {
  .class-stage .sub-stages {
    margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
  }
}
@media (min-width: 1000px) {
  .class-stage .sub-stages {
    display: flex;
    margin: clamp(85px, 5.2083333333vw, 125px) 0 0;
  }
  [data-load-namespace=horizontal-scroll] .class-stage .sub-stages {
    margin: 0;
  }
}
@media (min-width: 1000px) {
  .class-stage .sub-stage {
    width: clamp(850px, 52.0833333333vw, 1250px);
  }
}
.class-stage .sub-stage:nth-child(n+2) {
  margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
}
@media (min-width: 1000px) {
  .class-stage .sub-stage:nth-child(n+2) {
    margin: 0 0 0 clamp(119px, 7.2916666667vw, 175px);
  }
}
.class-stage h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(54.4px, 3.3333333333vw, 80px);
  line-height: 1;
  margin: 0 0 clamp(42.5px, 2.6041666667vw, 62.5px);
}
@media (min-width: 782px) {
  .class-stage h2 {
    font-size: clamp(68px, 4.1666666667vw, 100px);
  }
}
.class-stage p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  margin: 1em 0;
}
.class-stage .skillsets {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: clamp(8.5px, 0.5208333333vw, 12.5px);
  margin: clamp(42.5px, 2.6041666667vw, 62.5px) 0 0;
}
@media (min-width: 425px) {
  .class-stage .skillsets {
    grid-gap: clamp(17px, 1.0416666667vw, 25px);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 782px) {
  .class-stage .skillsets {
    grid-template-columns: repeat(4, 1fr);
  }
}
.class-stage .skillsets .skillset:before {
  content: " ";
  width: clamp(20.4px, 1.25vw, 30px);
  display: block;
  height: clamp(20.4px, 1.25vw, 30px);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 0 clamp(6.8px, 0.4166666667vw, 10px);
}
.class-stage .skillsets .skillset[data-skillset="1"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.426' height='23' viewBox='0 0 24.426 23'%3E%3Cdefs%3E%3CclipPath id='66284'%3E%3Crect width='24.426' height='23' fill='%231e2656'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%2366284)'%3E%3Cpath d='M23.879.6A12.494,12.494,0,0,0,22.6.339Q21.873.226,21.144.177T20.009.129q-.446,0-1.053-.016T17.76.065Q17.173.033,16.666.016T15.917,0c-.162,0-.405.011-.729.032a6.923,6.923,0,0,0-.952.129,3.161,3.161,0,0,0-.81.274A.528.528,0,0,0,13.081.9a8.2,8.2,0,0,0,.2,1.565,9.662,9.662,0,0,1,.2,1.952c0,.119-.012.467-.034,1.041l-.059-.006q-.432-.048-.844-.065t-.694-.016a6.729,6.729,0,0,0-1,.081q-.535.08-1.079.177T8.7,5.809a6.716,6.716,0,0,1-1.013.081L5.054,6.1c-.011-.448-.038-.9-.091-1.361a12.453,12.453,0,0,1-.1-1.323,7.357,7.357,0,0,1,1.074-.048q.506.016.952.016a7,7,0,0,1,1.033.064q.426.065.831.145c.27.053.547.1.83.145a7.067,7.067,0,0,0,1.033.064q.2,0,.365-.307a3.775,3.775,0,0,0,.284-.742,6.351,6.351,0,0,0,.183-.936,7.449,7.449,0,0,0,.061-.887q0-.194-.547-.339A12.48,12.48,0,0,0,9.684.339Q8.954.226,8.225.177T7.091.129q-.446,0-1.053-.016T4.842.065Q4.254.033,3.748.016T3,0c-.162,0-.405.011-.729.032a6.923,6.923,0,0,0-.952.129,3.161,3.161,0,0,0-.81.274A.528.528,0,0,0,.162.9a8.2,8.2,0,0,0,.2,1.565,9.662,9.662,0,0,1,.2,1.952q0,.193-.04,1.193T.446,7.952Q.4,9.29.365,10.742T.324,13.29a7.916,7.916,0,0,0,.122,1.371,7.909,7.909,0,0,1,.121,1.371q0,.258-.081,1.113T.284,19q-.122,1-.2,1.919T0,22.194q0,.225.405.516a3.872,3.872,0,0,0,1.9.29,6.1,6.1,0,0,0,1.337-.145.929.929,0,0,0,.77-.79q.122-.743.243-1.661c.024-.179.046-.355.068-.532.172,0,.374.006.61.016.275.01.4-.261.709-.261H7.707a7.128,7.128,0,0,0,1.032-.08q.545-.081,1.107-.193t1.116-.193a7.368,7.368,0,0,1,1.06-.08q.207,0,.619.032c.174.013.357.024.544.033-.073.614-.136,1.207-.186,1.775q-.081.919-.081,1.274,0,.225.405.516a3.872,3.872,0,0,0,1.9.29,6.108,6.108,0,0,0,1.337-.145.929.929,0,0,0,.77-.79q.122-.743.243-1.661T17.8,18.6q.1-.887.162-1.6t.061-1a6.525,6.525,0,0,0-.142-1.371,6.5,6.5,0,0,1-.142-1.371q0-.452.04-1.307t.081-1.823q.04-.968.081-1.952t.04-1.726a14.862,14.862,0,0,0-.1-1.71,12.453,12.453,0,0,1-.1-1.323,7.357,7.357,0,0,1,1.074-.048q.506.016.952.016a7,7,0,0,1,1.033.064q.426.065.831.145c.27.053.547.1.83.145a7.065,7.065,0,0,0,1.033.064q.2,0,.365-.307a3.775,3.775,0,0,0,.284-.742,6.352,6.352,0,0,0,.183-.936,7.5,7.5,0,0,0,.061-.887q0-.194-.547-.339M6.046,9.465H7.707a7.128,7.128,0,0,0,1.032-.08q.545-.081,1.107-.193T10.963,9a7.368,7.368,0,0,1,1.06-.08q.207,0,.619.032c.219.017.452.03.691.04-.015.5-.029,1.012-.044,1.536-.251-.026-.5-.046-.741-.055-.275-.011-.507-.016-.694-.016a6.727,6.727,0,0,0-1,.08q-.535.08-1.079.177T8.7,10.89a6.748,6.748,0,0,1-1.013.08L4.9,11.2c.016-.344.031-.7.047-1.067.006-.137.011-.277.017-.415q.173,0,.377.012c.275.011.4-.261.709-.261m6.5,6.086q-.412-.016-.694-.016a6.761,6.761,0,0,0-1,.08q-.535.08-1.079.177T8.7,15.97a6.714,6.714,0,0,1-1.013.08L5.1,16.26c.005-.1.008-.192.008-.26a6.555,6.555,0,0,0-.111-1.2c.106,0,.22.006.343.011.275.01.4-.261.709-.261H7.707a7.092,7.092,0,0,0,1.032-.08q.545-.081,1.107-.193t1.116-.193A7.333,7.333,0,0,1,12.023,14q.207,0,.619.032c.2.016.42.028.642.038.02.2.046.394.08.593a8,8,0,0,1,.109.962l-.081-.008q-.432-.048-.844-.064' fill='%231e2656'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-stage .skillsets .skillset[data-skillset="2"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33.988' height='23' viewBox='0 0 33.988 23'%3E%3Cdefs%3E%3CclipPath id='14222'%3E%3Crect width='33.988' height='23' fill='%231e2656'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%2314222)'%3E%3Cpath d='M33.988,3.531q0,1.13-.471,1.412a1.688,1.688,0,0,1-.847.283,11.1,11.1,0,0,0-2.872.33,11.5,11.5,0,0,1-2.589.377q-.706,0-1.742.023t-2.189.023H19.112q-1.225,0-2.589-.117t-2.778-.283q-1.412-.166-2.8-.282t-2.66-.118q-.519,0-1.553.047T4.543,5.3q-1.154.023-2.189.071T.8,5.413a.847.847,0,0,1-.377-.071.552.552,0,0,1-.235-.306,2.849,2.849,0,0,1-.141-.73Q0,3.813,0,2.919q0-.283.023-.706a3.675,3.675,0,0,1,.141-.824A2.516,2.516,0,0,1,.471.706.719.719,0,0,1,.989.376Q1.694.282,2.73.235T4.849.118Q5.931.047,6.967.023T8.708,0q1.176,0,2.519.118t2.707.259Q15.3.518,16.617.635t2.542.118l8-.047A7.818,7.818,0,0,0,28.527.589Q29.186.47,29.869.353T31.3.141A13.665,13.665,0,0,1,33,.047q.187,0,.377.423a6.147,6.147,0,0,1,.33.989,9.362,9.362,0,0,1,.212,1.153,8.265,8.265,0,0,1,.071.918' fill='%231e2656'/%3E%3Cpath d='M23.753,37.314q0,1.13-.329,1.412a.962.962,0,0,1-.592.283,5.561,5.561,0,0,0-2.007.33,5.823,5.823,0,0,1-1.809.377q-.494,0-1.217.023t-1.53.023H13.357a14.92,14.92,0,0,1-1.809-.117q-.955-.118-1.941-.283t-1.958-.282a15.423,15.423,0,0,0-1.859-.118q-.362,0-1.086.047t-1.53.071q-.806.023-1.53.071T.559,39.2A.442.442,0,0,1,.3,39.126a.56.56,0,0,1-.165-.306,3.924,3.924,0,0,1-.1-.73Q0,37.6,0,36.7,0,36.419.016,36a5.142,5.142,0,0,1,.1-.824,3.146,3.146,0,0,1,.214-.682.524.524,0,0,1,.362-.33,9.983,9.983,0,0,1,1.217-.141q.723-.048,1.481-.118t1.48-.094q.723-.024,1.217-.023a14.152,14.152,0,0,1,1.76.118q.938.117,1.891.259t1.875.259a14.084,14.084,0,0,0,1.777.118l5.593-.047a3.869,3.869,0,0,0,.954-.118q.46-.118.938-.236t1-.212a6.711,6.711,0,0,1,1.184-.094q.131,0,.263.423a8.127,8.127,0,0,1,.231.989q.1.565.148,1.153t.049.918' transform='translate(0 -25.272)' fill='%231e2656'/%3E%3Cpath d='M19.413,71.1a2.327,2.327,0,0,1-.269,1.412.733.733,0,0,1-.484.283,3.806,3.806,0,0,0-1.64.33,4.021,4.021,0,0,1-1.479.377q-.4,0-.995.023t-1.25.023H10.916a10,10,0,0,1-1.479-.117q-.78-.118-1.586-.283t-1.6-.282a10.342,10.342,0,0,0-1.519-.118q-.3,0-.887.047t-1.25.071q-.659.023-1.25.071t-.887.047a.315.315,0,0,1-.215-.071A.6.6,0,0,1,.108,72.6a4.783,4.783,0,0,1-.081-.73Q0,71.378,0,70.484q0-.283.013-.706a6.234,6.234,0,0,1,.081-.824,3.669,3.669,0,0,1,.175-.682.469.469,0,0,1,.3-.33,6.741,6.741,0,0,1,.995-.141q.591-.048,1.21-.118t1.21-.094q.591-.024.995-.023a9.485,9.485,0,0,1,1.439.118q.766.117,1.546.259t1.532.259a9.449,9.449,0,0,0,1.452.118l4.571-.047a2.62,2.62,0,0,0,.78-.118q.376-.118.766-.236t.82-.212a4.511,4.511,0,0,1,.968-.094q.107,0,.215.424a9.645,9.645,0,0,1,.188.989q.08.565.121,1.153t.04.918' transform='translate(0 -50.543)' fill='%231e2656'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-stage .skillsets .skillset[data-skillset="3"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23' height='23' viewBox='0 0 23 23'%3E%3Cdefs%3E%3CclipPath id='19731'%3E%3Crect width='23' height='23' fill='%231e2656'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%2319731)'%3E%3Cpath d='M22.952,11.118q-.048-.6-.143-1.169a8.5,8.5,0,0,0-.223-1q-.128-.429-.255-.429a6.218,6.218,0,0,0-1.147.1q-.51.095-.972.215t-.908.238a3.59,3.59,0,0,1-.924.119l-3.851.034V7.247q0-.78-.024-1.481t-.024-1.179A5.422,5.422,0,0,0,14.1,2.835,5.171,5.171,0,0,1,13.766.892.914.914,0,0,0,13.48.319Q13.194,0,12.049,0q-.334,0-.93.048T9.95.191a8.5,8.5,0,0,0-1,.223q-.429.128-.429.255a6.216,6.216,0,0,0,.1,1.147q.095.51.215.972t.238.908a3.588,3.588,0,0,1,.119.924l.037,4.2C8.678,8.74,8.135,8.66,7.6,8.59a13.063,13.063,0,0,0-1.7-.119q-.478,0-1.179.024t-1.434.1q-.733.071-1.434.119a9.307,9.307,0,0,0-1.179.143.515.515,0,0,0-.351.334,3.294,3.294,0,0,0-.207.692,5.456,5.456,0,0,0-.1.835Q0,11.142,0,11.428q0,.906.032,1.408a4.157,4.157,0,0,0,.1.739.574.574,0,0,0,.159.31.414.414,0,0,0,.255.072q.35,0,1.051-.048t1.481-.072q.78-.025,1.481-.071t1.051-.047a14.281,14.281,0,0,1,1.8.119c.456.058.917.127,1.379.2-.068.456-.136.913-.2,1.363a13.063,13.063,0,0,0-.119,1.7q0,.478.024,1.179t.1,1.434q.071.733.119,1.434a9.254,9.254,0,0,0,.143,1.179.515.515,0,0,0,.334.351,3.294,3.294,0,0,0,.692.207,5.421,5.421,0,0,0,.835.1q.429.016.715.016.906,0,1.407-.032a4.176,4.176,0,0,0,.74-.1.574.574,0,0,0,.31-.159.414.414,0,0,0,.072-.255q0-.35-.048-1.051t-.072-1.481q-.025-.78-.071-1.481t-.048-1.051a14.283,14.283,0,0,1,.119-1.8c.045-.353.1-.708.151-1.064h1.764q.78,0,1.481-.024t1.179-.024a5.422,5.422,0,0,0,1.752-.382,5.171,5.171,0,0,1,1.943-.334.913.913,0,0,0,.573-.286Q23,13.194,23,12.049q0-.334-.048-.93' fill='%231e2656'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-stage .skillsets .skillset[data-skillset="4"]:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.525' height='23' viewBox='0 0 19.525 23'%3E%3Cdefs%3E%3CclipPath id='294024'%3E%3Crect width='19.525' height='23' fill='%231e2656'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23294024)'%3E%3Cpath d='M33.521,34.069q0,.346-.738.722a15.233,15.233,0,0,1-1.68.722q.219.346.518.785t.55.864q.251.424.424.785a1.494,1.494,0,0,1,.173.487q0,.158-.267.377a3.893,3.893,0,0,1-.612.408,6.247,6.247,0,0,1-.707.33,1.673,1.673,0,0,1-.55.141,1.094,1.094,0,0,1-.518-.283,2.876,2.876,0,0,1-.644-.722c-.042-.063-.115-.178-.22-.346s-.22-.366-.345-.6q-.094.252-.251.612a5.443,5.443,0,0,1-.361.691,2.673,2.673,0,0,1-.44.55.713.713,0,0,1-.487.22,1.8,1.8,0,0,1-.691-.157,4.119,4.119,0,0,1-.707-.377,3.561,3.561,0,0,1-.55-.44.6.6,0,0,1-.22-.377,1.438,1.438,0,0,1,.126-.44q.125-.314.3-.66t.345-.659a3.33,3.33,0,0,0,.236-.5l.157-.5a1.487,1.487,0,0,1-.44-.189q-.377-.157-.77-.361a7.663,7.663,0,0,1-.722-.424,2.957,2.957,0,0,1-.534-.44.627.627,0,0,1-.2-.408,1.631,1.631,0,0,1,.141-.644,3.254,3.254,0,0,1,.33-.6,2.353,2.353,0,0,1,.393-.44.587.587,0,0,1,.33-.173,2.452,2.452,0,0,1,.722.22l.911.377.44.188q0-.345.047-.817a7.583,7.583,0,0,1,.142-.9,3.442,3.442,0,0,1,.236-.722q.141-.3.33-.3a3.038,3.038,0,0,1,1.932.518q.643.518.644.927,0,.283-.016.565t-.047.534q.66-.251,1.225-.487a3.344,3.344,0,0,1,.66-.236.745.745,0,0,1,.5.236,2.782,2.782,0,0,1,.455.565,3.366,3.366,0,0,1,.33.707,2.14,2.14,0,0,1,.126.66' transform='translate(-18.859 -23.946)' fill='%231e2656'/%3E%3Cpath d='M9.857.031a9.335,9.335,0,0,1,3.423.424,7.67,7.67,0,0,1,2.827,1.68A12.47,12.47,0,0,1,17.6,3.769a8.85,8.85,0,0,1,1,1.7,9.165,9.165,0,0,1,.6,1.853,14.218,14.218,0,0,1,.267,2.136,28.213,28.213,0,0,1,.031,2.984,19.178,19.178,0,0,1-.361,3.015,13.27,13.27,0,0,1-.879,2.78A8.15,8.15,0,0,1,16.7,20.557a7.607,7.607,0,0,1-2.387,1.665,9.143,9.143,0,0,1-3.361.738,25.044,25.044,0,0,1-3.345-.031,7.164,7.164,0,0,1-2.623-.691A6.464,6.464,0,0,1,2.382,19.9,14.035,14.035,0,0,1,.811,16.427,18.3,18.3,0,0,1,.293,14.2a20.727,20.727,0,0,1-.267-2.544A14.706,14.706,0,0,1,.984,5.2a7.959,7.959,0,0,1,3.848-4.13A7.878,7.878,0,0,1,7.124.3,20.186,20.186,0,0,1,9.889,0ZM9.826,3.141q-.377.032-.879.047a8.279,8.279,0,0,0-1.005.094q-.5.079-.974.188a2.257,2.257,0,0,0-.785.33A4.448,4.448,0,0,0,4.769,5.245,7.967,7.967,0,0,0,3.889,7.24a12.131,12.131,0,0,0-.424,2.2A12.473,12.473,0,0,0,3.418,11.5q.062,1.131.188,2.151a12.363,12.363,0,0,0,.377,1.9,13.454,13.454,0,0,0,.848,2.214,3.577,3.577,0,0,0,1.413,1.555,3.736,3.736,0,0,0,1.806.487q1.084.047,2.5-.016a5.123,5.123,0,0,0,3.188-1.146,6.14,6.14,0,0,0,1.7-2.529,10.907,10.907,0,0,0,.628-3.266,32.02,32.02,0,0,0-.016-3.329,8.336,8.336,0,0,0-.157-1.351,4.692,4.692,0,0,0-.393-1.131A5.682,5.682,0,0,0,14.8,5.983q-.424-.518-1.021-1.146A6.64,6.64,0,0,0,11.993,3.6,4.406,4.406,0,0,0,9.857,3.2Z' fill='%231e2656'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.class-stage .skillsets h3 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1;
}
.class-stage .skillsets ul {
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0 clamp(17px, 1.0416666667vw, 25px);
  list-style-type: disc;
}
.class-stage .skillsets li {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
}
.class-stage .progress {
  margin: clamp(68px, 4.1666666667vw, 100px) 0 0;
}
@media (min-width: 600px) {
  .class-stage .progress {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (min-width: 1000px) {
  .class-stage .progress {
    flex-wrap: nowrap;
    margin: 0;
  }
}
.class-stage .progress .header {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  width: 100%;
  display: block;
  margin: 0 0 clamp(34px, 2.0833333333vw, 50px);
}
@media (min-width: 782px) {
  .class-stage .progress .header {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
@media (min-width: 1000px) {
  .class-stage .progress .header {
    margin: 0 clamp(25.5px, 1.5625vw, 37.5px) 0 0;
    width: clamp(272px, 16.6666666667vw, 400px);
  }
}
.class-stage .progress .item {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1;
  display: block;
  margin: 0 0 clamp(8.5px, 0.5208333333vw, 12.5px);
}
@media (min-width: 600px) {
  .class-stage .progress .item {
    margin: 0 clamp(25.5px, 1.5625vw, 37.5px) clamp(8.5px, 0.5208333333vw, 12.5px) 0;
  }
}
@media (min-width: 782px) {
  .class-stage .progress .item {
    margin: 0 clamp(25.5px, 1.5625vw, 37.5px) 0 0;
  }
}
.class-stage .progress .item.inactive {
  opacity: 0.3;
}

.classes-carousel {
  position: relative;
}
@media (min-width: 1000px) {
  [data-load-namespace=horizontal-scroll] .classes-carousel {
    height: 100vh;
    width: 100vw;
  }
}
@media (min-width: 1000px) {
  [data-load-namespace=horizontal-scroll] .classes-carousel .track {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
  }
}
.classes-carousel .swim-central-squad {
  background: #1E2656;
  padding: clamp(119px, 7.2916666667vw, 175px) 0;
}
@media (min-width: 1000px) {
  .classes-carousel .swim-central-squad {
    padding: 0;
    width: clamp(850px, 52.0833333333vw, 1250px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.classes-carousel .swim-central-squad .detail {
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .classes-carousel .swim-central-squad .detail {
    width: calc(100% - 200px);
    max-width: 1516px;
  }
}
@media (max-width: 782px) {
  .classes-carousel .swim-central-squad .detail {
    width: calc(100% - 40px);
  }
}
@media (min-width: 1000px) {
  .classes-carousel .swim-central-squad .detail {
    max-width: clamp(527px, 32.2916666667vw, 775px);
  }
}
.classes-carousel .swim-central-squad p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #FFFFFF;
  margin: 1em 0;
}

.classes-preview {
  background: #98DEFB;
  padding: clamp(102px, 6.25vw, 150px) 0 clamp(204px, 12.5vw, 300px);
}
@media (min-width: 782px) {
  .classes-preview {
    padding: clamp(204px, 12.5vw, 300px) 0;
  }
}
.classes-preview .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .classes-preview .inner {
    width: calc(100% - 40px);
  }
}
.classes-preview h1,
.classes-preview h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(54.4px, 3.3333333333vw, 80px);
  line-height: 1;
  color: #1E2656;
}
@media (min-width: 782px) {
  .classes-preview h1,
.classes-preview h2 {
    font-size: clamp(68px, 4.1666666667vw, 100px);
  }
}
.classes-preview .swiper-container {
  position: relative;
  margin: clamp(68px, 4.1666666667vw, 100px) 0 0;
}
.classes-preview .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0.2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  transition: opacity 0.5s;
}
.classes-preview .swiper-slide.swiper-slide-active {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  pointer-events: auto;
  opacity: 1;
}
.classes-preview .swiper-slide.swiper-slide-active img {
  transform: rotate(5deg) scale(1.2);
}
@media (max-width: 600px) {
  .classes-preview .swiper-slide.swiper-slide-active img {
    transform: rotate(2deg);
  }
}
.classes-preview .swiper-slide.swiper-slide-active .promo {
  transform: scale(1);
}
.classes-preview img {
  width: 100%;
  aspect-ratio: 1/0.7;
  border-radius: clamp(13.6px, 0.8333333333vw, 20px);
  transform: rotate(-6deg);
  transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.5s;
}
@media (max-width: 600px) {
  .classes-preview img {
    transform: rotate(-3deg);
  }
}
.classes-preview .title {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  margin: clamp(44.2px, 2.7083333333vw, 65px) 0 clamp(11.9px, 0.7291666667vw, 17.5px);
}
@media (min-width: 782px) {
  .classes-preview .title {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
@media (max-width: 600px) {
  .classes-preview .title {
    margin: clamp(27.2px, 1.6666666667vw, 40px) 0 clamp(11.9px, 0.7291666667vw, 17.5px);
  }
}
.classes-preview .tags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(5.1px, 0.3125vw, 7.5px) clamp(22.1px, 1.3541666667vw, 32.5px);
  margin: 0 0 clamp(22.1px, 1.3541666667vw, 32.5px);
}
.classes-preview .tags p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
}
.classes-preview .button {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  cursor: pointer;
  border-radius: 999px;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: background 0.4s, color 0.4s, transform 0.4s;
  font-size: clamp(11.9px, 0.7291666667vw, 17.5px);
  height: clamp(39.1px, 2.3958333333vw, 57.5px);
  line-height: clamp(37.4px, 2.2916666667vw, 55px);
  padding: 0 clamp(23.8px, 1.4583333333vw, 35px);
  background: #FF6B12;
  color: #FFFFFF;
  border: 1px solid #FF6B12;
}
.classes-preview .button:hover {
  background: #de5300;
  border: 1px solid #de5300;
}
.classes-preview .button:focus, .classes-preview .button:hover {
  transform: scale(1.25);
  transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
}
.classes-preview .promo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: clamp(-30.6px, -1.875vw, -45px);
  left: clamp(-69.7px, -4.2708333333vw, -102.5px);
  width: clamp(113.9px, 6.9791666667vw, 167.5px);
  height: clamp(113.9px, 6.9791666667vw, 167.5px);
  border-radius: 50%;
  background: #FFC62B;
  padding: clamp(8.5px, 0.5208333333vw, 12.5px);
  transform: scale(0);
  transition: transform 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.5s;
}
@media (max-width: 960px) {
  .classes-preview .promo {
    left: clamp(-18.7px, -1.1458333333vw, -27.5px);
  }
}
.classes-preview .promo p {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  line-height: 1.19;
}
@media (min-width: 782px) {
  .classes-preview .promo p {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
.classes-preview .controls {
  position: absolute;
  width: 100%;
  display: flex;
  top: 50%;
  transform: translateY(-50%);
  justify-content: space-between;
  z-index: 2;
}
@media (max-width: 600px) {
  .classes-preview .controls {
    top: auto;
    bottom: clamp(-34px, -2.0833333333vw, -50px);
    transform: translateY(100%);
  }
}
.classes-preview .swiper-controls {
  position: absolute;
  width: 100%;
  display: flex;
  height: 0;
  top: 50%;
  transform: translateY(-50%);
  justify-content: space-between;
  z-index: 2;
}
@media (max-width: 600px) {
  .classes-preview .swiper-controls {
    top: auto;
    bottom: -40px;
    transform: translateY(100%);
  }
}
.classes-preview .swiper-controls .swiper-button-prev,
.classes-preview .swiper-controls .swiper-button-next {
  transform: translateY(-50%);
  transition: opacity 0.3s;
  cursor: pointer;
}
.classes-preview .swiper-controls .swiper-button-prev:hover,
.classes-preview .swiper-controls .swiper-button-next:hover {
  opacity: 0.7;
}
.classes-preview .swiper-controls .swiper-button-prev.swiper-button-disabled,
.classes-preview .swiper-controls .swiper-button-next.swiper-button-disabled {
  opacity: 0.2;
  pointer-events: none;
}
.classes-preview .swiper-controls .swiper-button-prev svg,
.classes-preview .swiper-controls .swiper-button-next svg {
  width: clamp(47.6px, 2.9166666667vw, 70px);
  height: auto;
}

.contact-directions {
  background: #1E2656;
  padding: clamp(170px, 10.4166666667vw, 250px) 0;
}
.contact-directions .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .contact-directions .inner {
    width: calc(100% - 40px);
  }
}
@media (min-width: 1280px) {
  .contact-directions .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.contact-directions .map {
  position: relative;
  max-width: clamp(629px, 38.5416666667vw, 925px);
}
@media (min-width: 1280px) {
  .contact-directions .map {
    width: calc(100% - clamp(663px, 40.625vw, 975px));
  }
}
.contact-directions .map:after {
  content: " ";
  padding: 0 0 70%;
  display: block;
}
.contact-directions .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: clamp(27.2px, 1.6666666667vw, 40px);
  transform: rotate(4deg);
}
@media (min-width: 1280px) {
  .contact-directions .map iframe {
    transform: rotate(6deg);
  }
}
@media (max-width: 1280px) {
  .contact-directions .information {
    margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
  }
}
@media (min-width: 1280px) {
  .contact-directions .information {
    width: clamp(527px, 32.2916666667vw, 775px);
  }
}
.contact-directions h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #FFFFFF;
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
}
@media (min-width: 782px) {
  .contact-directions h2 {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
@media (min-width: 1280px) {
  .contact-directions h2 {
    margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
  }
}
.contact-directions h2:first-child {
  margin: 0;
}
.contact-directions .contact-method {
  display: inline-block;
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #FFFFFF;
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
}
.contact-directions .contact-method.telephone {
  margin: clamp(8.5px, 0.5208333333vw, 12.5px) 0 0;
}
.contact-directions address,
.contact-directions p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #FFFFFF;
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
}

.contact-form {
  background: #98DEFB;
  padding: clamp(85px, 5.2083333333vw, 125px) 0;
}
.contact-form .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .contact-form .inner {
    width: calc(100% - 40px);
  }
}
@media (min-width: 782px) {
  .contact-form .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.contact-form .illustration {
  display: none;
}
@media (min-width: 782px) {
  .contact-form .illustration {
    display: block;
    width: calc(100% - clamp(663px, 40.625vw, 975px));
  }
  .contact-form .illustration svg {
    width: 100%;
    max-width: clamp(318.75px, 19.53125vw, 468.75px);
    height: auto;
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 782px) {
  .contact-form .form {
    width: clamp(527px, 32.2916666667vw, 775px);
  }
}

.cursor {
  display: none;
}
@media (min-width: 1000px) {
  .cursor {
    color: #FFFFFF;
    position: fixed;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transform: translate(-50%, -50%);
    z-index: 100000;
  }
  .cursor.leader {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 10px solid #FF6B12;
  }
  .cursor.follower {
    height: 210px;
    width: 210px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  [data-once=true] .cursor.follower {
    opacity: 1;
  }
  .cursor .rotate {
    position: relative;
    height: 210px;
    width: 210px;
    display: block;
  }
  .cursor img {
    width: 100%;
    height: auto;
    display: block;
  }
}

.faqs {
  padding: clamp(119px, 7.2916666667vw, 175px) 0;
  background: #1E2656;
}
@media (min-width: 782px) {
  .faqs {
    padding: clamp(119px, 7.2916666667vw, 175px) 0 clamp(255px, 15.625vw, 375px);
  }
}
.faqs .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .faqs .inner {
    width: calc(100% - 40px);
  }
}
@media (min-width: 782px) {
  .faqs .inner {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 782px) {
  .faqs .buttons {
    max-width: clamp(408px, 25vw, 600px);
  }
}
.faqs .buttons .toggle {
  display: block;
  width: 100%;
  border: 0;
  background: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #FFFFFF;
  text-align: left;
  padding: 0;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.3s;
}
@media (min-width: 782px) {
  .faqs .buttons .toggle {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
.faqs .buttons .toggle[aria-expanded=true] {
  opacity: 1;
}
.faqs .buttons .toggle:nth-child(n+2) {
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
}
.faqs .buttons .toggle:hover {
  opacity: 1;
}
@media (max-width: 782px) {
  .faqs .groups {
    margin: clamp(51px, 3.125vw, 75px) 0 0;
  }
}
@media (min-width: 782px) {
  .faqs .groups {
    width: calc(100% - clamp(518.5px, 31.7708333333vw, 762.5px));
  }
}
.faqs .groups .group {
  display: none;
}
.faqs .groups .group[aria-expanded=true] {
  display: block;
}
.faqs .groups .faq {
  border: 1px solid #FFFFFF;
  border-radius: clamp(13.6px, 0.8333333333vw, 20px);
}
.faqs .groups .faq:nth-child(n+2) {
  margin: clamp(8.5px, 0.5208333333vw, 12.5px) 0 0;
}
@media (min-width: 782px) {
  .faqs .groups .faq:nth-child(n+2) {
    margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
  }
}
.faqs .groups .faq[open] .question:after {
  transform: rotate(180deg);
}
.faqs .groups .question {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #FFFFFF;
  padding: clamp(34px, 2.0833333333vw, 50px) clamp(68px, 4.1666666667vw, 100px) clamp(34px, 2.0833333333vw, 50px) clamp(34px, 2.0833333333vw, 50px);
  cursor: pointer;
  position: relative;
}
@media (min-width: 782px) {
  .faqs .groups .question {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
.faqs .groups .question::-webkit-details-marker {
  display: none;
}
.faqs .groups .question:after {
  content: " ";
  position: absolute;
  top: 0;
  right: clamp(34px, 2.0833333333vw, 50px);
  width: clamp(15.3px, 0.9375vw, 22.5px);
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.457' height='16.645' viewBox='0 0 18.457 16.645'%3E%3Cpath d='M10.1,16.645a3.285,3.285,0,0,1-.566-.068,3.745,3.745,0,0,1-.7-.2,2.425,2.425,0,0,1-.6-.34.593.593,0,0,1-.26-.476A5.884,5.884,0,0,1,8.108,14.3a5.878,5.878,0,0,0,.136-1.257,20.952,20.952,0,0,0-.147-2.48,20.86,20.86,0,0,1-.147-2.48q0-1.064.068-2.287T8.2,3.646q-.249.249-.668.623l-.861.77q-.442.4-.838.747t-.623.532q-.136.136-.43.453t-.668.736q-.374.419-.759.872t-.736.827Q2.264,9.58,2,9.817t-.351.238a1.165,1.165,0,0,1-.487-.136,2.946,2.946,0,0,1-.544-.34,2.937,2.937,0,0,1-.442-.419A.624.624,0,0,1,0,8.787a1.058,1.058,0,0,1,.226-.464Q.453,7.995.8,7.564t.77-.917q.419-.487.815-.917t.725-.77q.328-.34.464-.5t.555-.544q.419-.385.985-.883T6.33,2q.645-.532,1.234-.985T8.606.283A1.519,1.519,0,0,1,9.263,0a2.689,2.689,0,0,1,1.325.453A13.317,13.317,0,0,1,12.1,1.517q.759.612,1.415,1.212t1,.895q.158.136.464.351t.657.487q.351.272.725.611a6.958,6.958,0,0,1,.691.725,6.871,6.871,0,0,1,.6.838q.26.43.442.8a5.582,5.582,0,0,1,.272.645,1.5,1.5,0,0,1,.091.362,1.008,1.008,0,0,1-.147.453,3.336,3.336,0,0,1-.362.532,3.2,3.2,0,0,1-.453.453.7.7,0,0,1-.4.192q-.114,0-.283-.226t-.385-.578q-.215-.351-.51-.781t-.634-.838a8.993,8.993,0,0,0-1.37-1.313,12.279,12.279,0,0,1-1.189-1.019A7.632,7.632,0,0,0,11.573,4.3a9.5,9.5,0,0,0-1.019-.589q0,.974-.057,2.049t-.057,2.05a25.894,25.894,0,0,0,.147,2.774,25.993,25.993,0,0,1,.147,2.774q0,.249-.045.793t-.125,1.1a8.284,8.284,0,0,1-.193.974q-.114.419-.272.419' fill='%23fff'/%3E%3C/svg%3E%0A");
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  transition: transform 0.3s;
}
.faqs .groups .answer {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #FFFFFF;
  padding: 0 clamp(34px, 2.0833333333vw, 50px) clamp(34px, 2.0833333333vw, 50px);
  margin: clamp(-17px, -1.0416666667vw, -25px) 0 0;
}

@media (min-width: 782px) {
  .floating-images {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.floating-images .image {
  position: relative;
}
.floating-images .image:before {
  content: " ";
  display: block;
  padding-bottom: 70%;
}
@media (min-width: 782px) {
  .floating-images .image {
    width: calc(50% - 20px);
  }
}
.floating-images .image:nth-child(1) {
  transform: rotate(5deg);
}
@media (min-width: 782px) {
  .floating-images .image:nth-child(1) .image-inner {
    -webkit-animation: float 4s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
            animation: float 4s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  }
  .floating-images .image:nth-child(1) .image-inner > * {
    -webkit-animation: rotate 6s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
            animation: rotate 6s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  }
}
.floating-images .image:nth-child(2) {
  transform: rotate(-5deg);
  margin-top: 40px;
}
@media (min-width: 782px) {
  .floating-images .image:nth-child(2) {
    margin-top: clamp(212.5px, 13.0208333333vw, 312.5px);
  }
}
@media (min-width: 782px) {
  .floating-images .image:nth-child(2) .image-inner {
    -webkit-animation: float 4s -2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
            animation: float 4s -2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  }
  .floating-images .image:nth-child(2) .image-inner > * {
    -webkit-animation: rotate 6s -2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
            animation: rotate 6s -2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  }
}
.floating-images .image .image-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.floating-images .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: clamp(13.6px, 0.8333333333vw, 20px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.home-about {
  background: #1E2656;
  padding: clamp(170px, 10.4166666667vw, 250px) 0 clamp(85px, 5.2083333333vw, 125px);
  margin-top: -1px;
}
@media (min-width: 782px) {
  .home-about {
    padding: clamp(255px, 15.625vw, 375px) 0 clamp(85px, 5.2083333333vw, 125px);
  }
}
.home-about .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
  position: relative;
}
@media (max-width: 782px) {
  .home-about .inner {
    width: calc(100% - 40px);
  }
}
.home-about .upper {
  max-width: clamp(850px, 52.0833333333vw, 1250px);
}
.home-about h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(54.4px, 3.3333333333vw, 80px);
  line-height: 1;
  color: #FFFFFF;
}
@media (min-width: 782px) {
  .home-about h2 {
    font-size: clamp(68px, 4.1666666667vw, 100px);
  }
}
.home-about .detail {
  margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
}
.home-about .detail p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #FFFFFF;
  margin: 1em 0;
}
.home-about .detail ul {
  list-style-position: outside;
  list-style-type: disc;
  margin: 1em 0;
}
.home-about .detail ol {
  list-style-position: outside;
  list-style-type: disc;
  margin: 1em 0;
}
.home-about .detail li {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #FFFFFF;
  margin: 1em 0;
}
.home-about .detail strong {
  font-weight: 700;
}
.home-about .detail a {
  color: #E31C78;
  font-weight: 700;
}
.home-about .floating-images {
  margin: clamp(119px, 7.2916666667vw, 175px) 0 0;
}
.home-about [data-character] {
  position: absolute;
  top: clamp(-306px, -18.75vw, -450px);
  right: clamp(-34px, -2.0833333333vw, -50px);
  width: clamp(255px, 15.625vw, 375px);
  transform: rotate(28deg);
  z-index: 10;
}
@media (min-width: 1000px) {
  .home-about [data-character] {
    top: clamp(-187px, -11.4583333333vw, -275px);
    width: clamp(340px, 20.8333333333vw, 500px);
  }
}

.internal-banner {
  background: #1E2656;
  color: #FFFFFF;
  padding: clamp(204px, 12.5vw, 300px) 0 clamp(76.5px, 4.6875vw, 112.5px);
}
.page-template-template-faqs .internal-banner {
  background: #98DEFB;
  color: #1E2656;
}
.page-template-template-timetable .internal-banner {
  background: #FFC62B;
  color: #1E2656;
}
.internal-banner .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .internal-banner .inner {
    width: calc(100% - 40px);
  }
}
.internal-banner h1,
.internal-banner h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(54.4px, 3.3333333333vw, 80px);
  line-height: 1;
  margin: 0 0 clamp(25.5px, 1.5625vw, 37.5px);
}
@media (min-width: 782px) {
  .internal-banner h1,
.internal-banner h2 {
    font-size: clamp(68px, 4.1666666667vw, 100px);
  }
}
.internal-banner p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  margin: 1em 0;
  max-width: clamp(637.5px, 39.0625vw, 937.5px);
}
.internal-banner p a {
  color: #E31C78;
  text-decoration: underline;
}

[data-marquee] {
  height: clamp(170px, 10.4166666667vw, 250px);
  background: #E31C78;
  display: flex;
}
@media (min-width: 782px) {
  [data-marquee] {
    height: clamp(340px, 20.8333333333vw, 500px);
  }
}
[data-marquee] hr {
  margin: 0;
  border: 0;
  display: block;
  overflow: visible;
}
[data-marquee] hr:before {
  content: attr(data-word);
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFFFFF;
  font-size: clamp(136px, 8.3333333333vw, 200px);
  line-height: clamp(170px, 10.4166666667vw, 250px);
  text-shadow: 2.4em 0, 4.8em 0, 7.2em 0;
}
@media (min-width: 782px) {
  [data-marquee] hr:before {
    font-size: clamp(272px, 16.6666666667vw, 400px);
    line-height: clamp(340px, 20.8333333333vw, 500px);
    text-shadow: 2.4em 0, 4.8em 0, 7.2em 0, 9.6em 0, 12em 0;
  }
}

.packages-sessions {
  padding: clamp(119px, 7.2916666667vw, 175px) 0;
}
@media (min-width: 782px) {
  .packages-sessions {
    padding: clamp(119px, 7.2916666667vw, 175px) 0 clamp(170px, 10.4166666667vw, 250px);
  }
}
.packages-sessions.fitness {
  background: #98DEFB;
}
.packages-sessions.casual {
  background: #FFC62B;
}
@media (min-width: 782px) {
  .packages-sessions.casual .inner {
    flex-direction: row-reverse;
  }
}
.packages-sessions .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .packages-sessions .inner {
    width: calc(100% - 40px);
  }
}
@media (min-width: 782px) {
  .packages-sessions .inner {
    display: flex;
    justify-content: space-between;
  }
}
.packages-sessions .sidebar {
  position: relative;
}
@media (min-width: 782px) {
  .packages-sessions .sidebar {
    width: calc(38% - clamp(51px, 3.125vw, 75px));
  }
}
.packages-sessions .sidebar h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(54.4px, 3.3333333333vw, 80px);
  line-height: 1;
  color: #1E2656;
}
@media (min-width: 782px) {
  .packages-sessions .sidebar h2 {
    font-size: clamp(68px, 4.1666666667vw, 100px);
  }
}
.packages-sessions .sidebar p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #1E2656;
  margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
}
.packages-sessions .sidebar .button {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  cursor: pointer;
  border-radius: 999px;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: background 0.4s, color 0.4s, transform 0.4s;
  font-size: clamp(11.9px, 0.7291666667vw, 17.5px);
  height: clamp(39.1px, 2.3958333333vw, 57.5px);
  line-height: clamp(37.4px, 2.2916666667vw, 55px);
  padding: 0 clamp(23.8px, 1.4583333333vw, 35px);
  background: transparent;
  color: #1E2656;
  border: 1px solid #1E2656;
  margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
  display: inline-block;
}
.packages-sessions .sidebar .button:hover {
  background: #1E2656;
  color: #FFFFFF;
}
.packages-sessions .sidebar .button:focus, .packages-sessions .sidebar .button:hover {
  transform: scale(1.25);
  transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
}
.packages-sessions .sidebar .illustration {
  margin: clamp(51px, 3.125vw, 75px) auto 0;
}
@media (min-width: 782px) {
  .packages-sessions .sidebar .illustration {
    -webkit-animation: float 4s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
            animation: float 4s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  }
  .packages-sessions .sidebar .illustration > * {
    -webkit-animation: rotate 6s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
            animation: rotate 6s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  }
}
@media (max-width: 782px) {
  .packages-sessions .sidebar .illustration {
    position: absolute;
    bottom: 100%;
    right: clamp(-17px, -1.0416666667vw, -25px);
    z-index: 10;
  }
}
.packages-sessions .sidebar .illustration[data-character=e] {
  max-width: clamp(255px, 15.625vw, 375px);
}
@media (max-width: 782px) {
  .packages-sessions .sidebar .illustration[data-character=e] {
    max-width: clamp(153px, 9.375vw, 225px);
  }
}
.packages-sessions .sidebar .illustration[data-character=w] {
  max-width: clamp(391px, 23.9583333333vw, 575px);
}
@media (max-width: 782px) {
  .packages-sessions .sidebar .illustration[data-character=w] {
    max-width: clamp(234.6px, 14.375vw, 345px);
  }
}
@media (max-width: 782px) {
  .packages-sessions .sessions {
    margin: clamp(68px, 4.1666666667vw, 100px) 0 0;
  }
}
@media (min-width: 782px) {
  .packages-sessions .sessions {
    width: calc(62% - clamp(51px, 3.125vw, 75px));
  }
}
.packages-sessions .sessions .session {
  padding: clamp(34px, 2.0833333333vw, 50px) clamp(25.5px, 1.5625vw, 37.5px);
  border: 1px solid #1E2656;
  border-radius: clamp(13.6px, 0.8333333333vw, 20px);
}
.packages-sessions .sessions .session:nth-child(n+2) {
  margin: clamp(21.25px, 1.3020833333vw, 31.25px) 0 0;
}
@media (min-width: 782px) {
  .packages-sessions .sessions .session:nth-child(n+2) {
    margin: clamp(42.5px, 2.6041666667vw, 62.5px) 0 0;
  }
}
.packages-sessions .sessions .session h3 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #1E2656;
}
@media (min-width: 782px) {
  .packages-sessions .sessions .session h3 {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
.packages-sessions .sessions .session p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #1E2656;
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
}

.springboard {
  position: relative;
  background: #FFC62B;
  padding: clamp(136px, 8.3333333333vw, 200px) 0;
}
@media (min-width: 782px) {
  .springboard {
    padding: clamp(255px, 15.625vw, 375px) 0;
  }
}
.springboard .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .springboard .inner {
    width: calc(100% - 40px);
  }
}
@media (min-width: 782px) {
  .springboard .inner {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 782px) {
  .springboard .illustration {
    position: absolute;
    top: clamp(-85px, -5.2083333333vw, -125px);
    right: 0;
    width: clamp(238px, 14.5833333333vw, 350px);
    transform: rotate(10deg);
    z-index: 10;
  }
}
@media (min-width: 782px) {
  .springboard .illustration {
    width: 50%;
  }
}
.springboard .content {
  margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
}
@media (min-width: 782px) {
  .springboard .content {
    margin: 0;
    width: 50%;
  }
}
.springboard .timetables {
  margin: clamp(102px, 6.25vw, 150px) 0 0;
}
.springboard h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(54.4px, 3.3333333333vw, 80px);
  line-height: 1;
  color: #1E2656;
  margin: 0 0 clamp(34px, 2.0833333333vw, 50px);
}
@media (min-width: 782px) {
  .springboard h2 {
    font-size: clamp(68px, 4.1666666667vw, 100px);
  }
}
.springboard p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #1E2656;
  margin: 1em 0;
}
.springboard .button {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  cursor: pointer;
  border-radius: 999px;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: background 0.4s, color 0.4s, transform 0.4s;
  font-size: clamp(11.9px, 0.7291666667vw, 17.5px);
  height: clamp(39.1px, 2.3958333333vw, 57.5px);
  line-height: clamp(37.4px, 2.2916666667vw, 55px);
  padding: 0 clamp(23.8px, 1.4583333333vw, 35px);
  background: #FF6B12;
  color: #FFFFFF;
  border: 1px solid #FF6B12;
  display: inline-block;
  margin: clamp(25.5px, 1.5625vw, 37.5px) 0 0;
}
.springboard .button:hover {
  background: #de5300;
  border: 1px solid #de5300;
}
.springboard .button:focus, .springboard .button:hover {
  transform: scale(1.25);
  transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
}

.standard-content {
  background: #FFFFFF;
  padding: clamp(119px, 7.2916666667vw, 175px) 0;
}
.standard-content .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .standard-content .inner {
    width: calc(100% - 40px);
  }
}
.standard-content .page-content {
  max-width: clamp(765px, 46.875vw, 1125px);
}
.standard-content h2,
.standard-content h3 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #1E2656;
  margin: clamp(34px, 2.0833333333vw, 50px) 0;
}
@media (min-width: 782px) {
  .standard-content h2,
.standard-content h3 {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
.standard-content p {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #1E2656;
  margin: clamp(25.5px, 1.5625vw, 37.5px) 0;
}
.standard-content p a {
  color: #FF6B12;
  position: relative;
}
.standard-content p a:after {
  content: " ";
  position: absolute;
  top: calc(50% + 0.7em);
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  right: 0;
  width: 0;
  border-bottom: 1px solid currentColor;
  transition: width 0.3s;
  border-radius: 99px;
}
.standard-content p a:hover:after {
  left: 0;
  right: auto;
  width: 100%;
}
.standard-content ul {
  list-style-type: decimal;
  list-style-position: outside;
  margin: clamp(25.5px, 1.5625vw, 37.5px) 0 clamp(25.5px, 1.5625vw, 37.5px) clamp(17px, 1.0416666667vw, 25px);
}
.standard-content ol {
  list-style-type: disc;
  list-style-position: outside;
  margin: clamp(25.5px, 1.5625vw, 37.5px) 0 clamp(25.5px, 1.5625vw, 37.5px) clamp(17px, 1.0416666667vw, 25px);
}
.standard-content li {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #1E2656;
}

.swimming-letters {
  height: clamp(340px, 20.8333333333vw, 500px);
  position: relative;
  background: #98DEFB;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .swimming-letters {
    height: clamp(255px, 15.625vw, 375px);
  }
}
@media (max-width: 960px) {
  .swimming-letters {
    height: 40vw;
  }
}
.swimming-letters .clouds {
  position: absolute;
  bottom: clamp(154.7px, 9.4791666667vw, 227.5px);
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
  transform: translateX(100%);
}
@media (max-width: 1200px) {
  .swimming-letters .clouds {
    width: 150%;
    bottom: clamp(93.5px, 5.7291666667vw, 137.5px);
  }
}
.swimming-letters .letters {
  display: block;
  margin: 0 auto;
  width: calc(100% - 200px);
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: clamp(-102px, -6.25vw, -150px);
  overflow: visible;
}
@media (max-width: 1200px) {
  .swimming-letters .letters {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .swimming-letters .letters {
    bottom: clamp(-8.5px, -0.5208333333vw, -12.5px);
  }
}
.swimming-letters .border {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-100%);
}

.timetable-information {
  padding: clamp(119px, 7.2916666667vw, 175px) 0 clamp(255px, 15.625vw, 375px);
  background: #FFFFFF;
}
.timetable-information .inner {
  margin: 0 auto;
  width: calc(100% - 200px);
  max-width: clamp(1288.6px, 78.9583333333vw, 1895px);
}
@media (max-width: 782px) {
  .timetable-information .inner {
    width: calc(100% - 40px);
  }
}
@media (min-width: 782px) {
  .timetable-information .inner {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 782px) {
  .timetable-information .sidebar {
    width: calc(25% - clamp(17px, 1.0416666667vw, 25px));
  }
}
.timetable-information .sidebar legend {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #1E2656;
}
@media (min-width: 782px) {
  .timetable-information .sidebar legend {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
.timetable-information .sidebar .rows {
  border-top: 1px solid #98DEFB;
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
  padding: clamp(17px, 1.0416666667vw, 25px) 0 0;
}
.timetable-information .sidebar label {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1.6;
  color: #1E2656;
}
@media (max-width: 782px) {
  .timetable-information .tables {
    margin: clamp(68px, 4.1666666667vw, 100px) 0 0;
  }
}
@media (min-width: 782px) {
  .timetable-information .tables {
    width: calc(75% - clamp(17px, 1.0416666667vw, 25px));
  }
}
.timetable-information .tables h2 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #1E2656;
  margin: 0 0 clamp(17px, 1.0416666667vw, 25px);
}
@media (min-width: 782px) {
  .timetable-information .tables h2 {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
.timetable-information .tables .items:nth-child(n+2) {
  margin: clamp(34px, 2.0833333333vw, 50px) 0 0;
}
.timetable-information .tables .item {
  border: 1px solid #98DEFB;
  padding: clamp(25.5px, 1.5625vw, 37.5px);
  border-radius: clamp(19.55px, 1.1979166667vw, 28.75px);
}
@media (min-width: 782px) {
  .timetable-information .tables .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.timetable-information .tables .item:nth-child(n+2) {
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
}
.timetable-information .tables .time {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(18.7px, 1.1458333333vw, 27.5px);
  line-height: 1;
  color: #1E2656;
  margin: clamp(8.5px, 0.5208333333vw, 12.5px) 0 0;
}
@media (min-width: 782px) {
  .timetable-information .tables .time {
    margin: 0 clamp(17px, 1.0416666667vw, 25px) 0 0;
    width: 25%;
  }
}
.timetable-information .tables .about {
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
}
@media (min-width: 782px) {
  .timetable-information .tables .about {
    margin: 0 clamp(8.5px, 0.5208333333vw, 12.5px) 0 0;
    width: 75%;
  }
}
.timetable-information .tables h3 {
  font-family: "Supernett cn Bold", sans-serif;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(27.2px, 1.6666666667vw, 40px);
  line-height: 1;
  color: #1E2656;
}
@media (min-width: 782px) {
  .timetable-information .tables h3 {
    font-size: clamp(34px, 2.0833333333vw, 50px);
  }
}
.timetable-information .tables .detail {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(13.6px, 0.8333333333vw, 20px);
  line-height: 1.6;
  color: #1E2656;
  display: block;
  margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
}
.timetable-information .tables a {
  font-family: "FOT SeuratPro B", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  cursor: pointer;
  border-radius: 999px;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  transition: background 0.4s, color 0.4s, transform 0.4s;
  font-size: clamp(11.9px, 0.7291666667vw, 17.5px);
  height: clamp(39.1px, 2.3958333333vw, 57.5px);
  line-height: clamp(37.4px, 2.2916666667vw, 55px);
  padding: 0 clamp(23.8px, 1.4583333333vw, 35px);
  background: #FF6B12;
  color: #FFFFFF;
  border: 1px solid #FF6B12;
}
.timetable-information .tables a:hover {
  background: #de5300;
  border: 1px solid #de5300;
}
.timetable-information .tables a:focus, .timetable-information .tables a:hover {
  transform: scale(1.25);
  transition: background 0.4s, color 0.4s, transform 0.4s cubic-bezier(0.3, 2, 0.7, 1);
}
@media (max-width: 782px) {
  .timetable-information .tables a {
    margin: clamp(17px, 1.0416666667vw, 25px) 0 0;
  }
}

.wave-horizontal {
  position: relative;
  display: block;
  height: 0;
  z-index: 2;
}
.swimming-letters + .wave-horizontal svg, .banner + .wave-horizontal svg {
  transform: translateY(-99%);
}
.wave-horizontal svg {
  width: 100%;
  height: auto;
  display: block;
  transform: translateY(-50%);
}

.wave-vertical {
  display: none;
}
@media (min-width: 1000px) {
  .wave-vertical {
    position: relative;
    display: block;
    width: 0;
    z-index: 2;
  }
  .wave-vertical svg {
    width: auto;
    height: 100%;
    display: block;
    transform: translateX(-50%);
  }
}