/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/styles.scss ***!
  \****************************************************************************************************************************************************/
@import url(https://use.typekit.net/wyk8pwk.css);
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/styles.scss (1) ***!
  \********************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&display=swap);
/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/splide.min.css ***!
  \**************************************************************************/
.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/splide.min.css (1) ***!
  \******************************************************************************/
.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/styles.scss (2) ***!
  \********************************************************************************************************************************************************/
.text-gray-100 {
  color: #FBFBFB;
}
.text-gray-200 {
  color: #FAFAFA;
}
.text-gray-300 {
  color: #DFDFDF;
}
.text-gray-400 {
  color: #B0B0B0;
}
.text-gray-500 {
  color: #888888;
}
.text-gray-600 {
  color: #777777;
}
.text-gray-700 {
  color: #333333;
}
.text-gray-900 {
  color: #707070;
}

.text-white {
  color: white;
}

.text-turquoise {
  color: #ffee8d;
}

.text-green-100 {
  color: #bdcddb;
}

.bg-gray-100 {
  background-color: #FBFBFB;
}
.bg-gray-200 {
  background-color: #FAFAFA;
}
.bg-gray-300 {
  background-color: #DFDFDF;
}
.bg-gray-400 {
  background-color: #B0B0B0;
}
.bg-gray-500 {
  background-color: #888888;
}
.bg-gray-600 {
  background-color: #777777;
}
.bg-gray-700 {
  background-color: #333333;
}
.bg-gray-800 {
  background-color: #151515;
}
.bg-gray-900 {
  background-color: #070707;
}
.bg-black {
  background-color: #000000;
}

.border-gray-100 {
  border-color: #FBFBFB;
}
.border-gray-200 {
  border-color: #FAFAFA;
}
.border-gray-300 {
  border-color: #DFDFDF;
}
.border-gray-400 {
  border-color: #B0B0B0;
}
.border-gray-500 {
  border-color: #888888;
}
.border-gray-600 {
  border-color: #777777;
}
.border-gray-700 {
  border-color: #333333;
}
.border-gray-800 {
  border-color: #151515;
}
.border-gray-900 {
  border-color: #070707;
}

.divide-gray-100 > li, .divide-gray-100 > div {
  border-color: #FBFBFB;
}
.divide-gray-200 > li, .divide-gray-200 > div {
  border-color: #FAFAFA;
}
.divide-gray-300 > li, .divide-gray-300 > div {
  border-color: #DFDFDF;
}
.divide-gray-400 > li, .divide-gray-400 > div {
  border-color: #B0B0B0;
}
.divide-gray-500 > li, .divide-gray-500 > div {
  border-color: #888888;
}
.divide-gray-600 > li, .divide-gray-600 > div {
  border-color: #777777;
}
.divide-gray-700 > li, .divide-gray-700 > div {
  border-color: #333333;
}
.divide-gray-900 > li, .divide-gray-900 > div {
  border-color: #707070;
}

h1, h2, h3 {
  text-transform: uppercase;
}

h1 {
  font-size: 4vw;
  line-height: 3.5vw;
}
@media screen and (max-width: 680px) {
  h1 {
    font-size: 28px;
    line-height: 27px;
  }
}

h2 {
  font-size: 2vw;
  line-height: 3.5vw;
}

small {
  font-size: 1vw;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 680px) {
  small {
    font-size: 14px;
  }
}

p {
  font-size: 0.8vw;
  line-height: 2em;
}
@media screen and (max-width: 680px) {
  p {
    font-size: 14px;
  }
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.display-type {
  font-family: "bebas-neue-pro-semiexpanded", sans-serif;
  font-weight: bold;
  color: white;
  line-height: 1em;
}
.display-type-1 {
  font-size: 10vw;
}
.display-type-2 {
  font-size: 7vw;
}
.display-type-3 {
  font-size: 4vw;
}
.display-type-4 {
  font-size: 3vw;
}
@media screen and (max-width: 1024px) {
  .display-type-1 {
    font-size: 45px;
  }
  .display-type-2 {
    font-size: 50px;
  }
  .display-type-3 {
    font-size: 4vw;
  }
  .display-type-4 {
    font-size: 3vw;
  }
}

.title-header {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: white;
}
.title-header.content-header-1 {
  font-size: 2vw;
}
.title-header.content-header-2 {
  font-size: 1.6vw;
}
.title-header.content-header-3 {
  font-size: 1.2vw;
}
.title-header.content-header-4 {
  font-size: 0.8vw;
}
@media (max-width: 1024px) {
  .title-header.content-header-1 {
    font-size: 28px;
  }
  .title-header.content-header-2 {
    font-size: 22px;
  }
  .title-header.content-header-3 {
    font-size: 20px;
  }
  .title-header.content-header-4 {
    font-size: 18px;
  }
}
@media (max-width: 680px) {
  .title-header.content-header-1 {
    font-size: 28px;
  }
  .title-header.content-header-2 {
    font-size: 22px;
  }
  .title-header.content-header-3 {
    font-size: 20px;
  }
  .title-header.content-header-4 {
    font-size: 18px;
  }
}

.kerning-0\.1 {
  letter-spacing: 0.1vw;
}
.kerning-0\.2 {
  letter-spacing: 0.2vw;
}
.kerning-0\.3 {
  letter-spacing: 0.3vw;
}
.kerning-0\.4 {
  letter-spacing: 0.4vw;
}
.kerning-1 {
  letter-spacing: 1vw;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "bebas-neue-pro-semiexpanded", sans-serif;
  font-style: normal;
  color: #888888;
}

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

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
html::selection,
body::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
p::selection {
  background: #00264c;
  color: black;
}
html::-moz-selection,
body::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
h6::-moz-selection,
p::-moz-selection {
  background: #00264c;
  color: black;
}

p {
  font-family: "Montserrat", sans-serif;
}

button {
  background-color: unset;
  border: unset;
}

.scroll-off {
  overscroll-behavior: contain;
}
.scroll-off-y {
  overscroll-behavior-y: contain;
}
.scroll-off-x {
  overscroll-behavior-x: contain;
}

button {
  cursor: pointer;
}

.btn-group {
  margin-top: 20px;
}
.btn-group.inline {
  display: flex;
  align-items: center;
}
.btn-group .btn {
  margin-right: 20px;
}
.btn-group .btn:last-child {
  margin-right: 0px;
}

.btn:hover a .icon svg.elipses-border {
  animation: borderelipses 0.05s ease-in-out infinite;
}
.btn:hover a .icon svg.elipses-yellow {
  animation: yellowelipses 1s ease-in-out infinite;
}
.btn:hover a .value {
  animation: valuedescription 0.05s ease-in-out infinite;
}
.btn-custom a {
  display: flex;
  align-items: center;
}
.btn-custom a .icon {
  position: relative;
  display: block;
  width: 3vw;
  height: 3vw;
  background-position: center;
  background-repeat: no-repeat;
}
.btn-custom a .icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
}
.btn-custom a .icon svg.elipses-border {
  opacity: 0.2;
}
.btn-custom a .icon svg.elipses-border g {
  stroke: white;
}
.btn-custom a .icon svg.elipses-yellow {
  transform: rotate(180deg);
  stroke-dasharray: 155;
  stroke-dashoffset: 120;
}
.btn-custom a .icon svg.elipses-yellow g {
  stroke: #ffee8d;
}
.btn-custom a .icon.envelope {
  background-size: 0.7vw;
  background-image: url(../fonts/447342bf05adb0217feb.svg);
}
.btn-custom a .icon.mobile {
  background-size: 0.5vw;
  background-image: url(../fonts/df0c686666f47633679d.svg);
}
.btn-custom a .value {
  margin-left: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #bdcddb;
}
@media (max-width: 1024px) {
  .btn-custom a .icon {
    width: 50px;
    height: 50px;
  }
  .btn-custom a .icon.envelope {
    background-size: 12px;
  }
  .btn-custom a .icon.mobile {
    background-size: 10px;
  }
  .btn-custom a .value {
    margin-left: 10px;
    font-size: 10px;
  }
}

@keyframes borderelipses {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 0.3;
  }
}
@keyframes yellowelipses {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(-180deg);
  }
}
@keyframes valuedescription {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0.8;
  }
}
.container {
  position: relative;
  width: auto;
}
.container-fullscreen {
  width: 100%;
  height: 100vh;
}

.grid {
  display: grid;
}
.grid.cols-span-1 {
  grid-column-start: 1;
  grid-column-end: 1;
}
.grid.cols-span-2 {
  grid-column-start: 1;
  grid-column-end: 2;
}
.grid.cols-span-3 {
  grid-column-start: 1;
  grid-column-end: 3;
}
.grid.cols-span-4 {
  grid-column-start: 1;
  grid-column-end: 4;
}
.grid.cols-span-5 {
  grid-column-start: 1;
  grid-column-end: 5;
}
.grid.cols-span-6 {
  grid-column-start: 1;
  grid-column-end: 6;
}
.grid.col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid.col-2-3\/7 {
  grid-template-columns: 0.3fr 0.7fr;
}
.grid.col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid.col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gap-1 {
  grid-column-gap: 1rem;
}
.gap-2 {
  grid-column-gap: 2rem;
}

@media (max-width: 1024px) {
  .sm\:col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .sm\:col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sm\:col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 680px) {
  .xs\:col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .xs\:col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.inline-flex {
  display: inline-flex;
}
.inline-flex-column {
  flex-direction: column;
}
.inline-flex.items-center {
  align-items: center;
}
.inline-flex.justify-center {
  justify-content: center;
}
.inline-flex.justify-between {
  justify-content: space-between;
}
.inline-flex.justify-end {
  justify-content: end;
}
.inline-flex.gap-1 {
  gap: 1rem;
}
.inline-flex.gap-2 {
  gap: 2rem;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.column {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: end;
}

.gap-1 {
  gap: 1vw;
}
.gap-2 {
  gap: 2vw;
}
.gap-4 {
  gap: 4vw;
}
.gap-5 {
  gap: 5vw;
}
.gap-6 {
  gap: 6vw;
}

@media screen and (max-width: 680px) {
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:order-3 {
    order: 3;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1440px) {
  .lg\:block {
    display: block;
  }
  .lg\:inline-flex {
    display: inline-flex;
  }
  .lg\:inline-block {
    display: inline-block;
  }
}
@media screen and (max-width: 1280px) {
  .md\:block {
    display: block;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:inline-block {
    display: inline-block;
  }
}
@media screen and (max-width: 1024px) {
  .sm\:block {
    display: block;
  }
  .sm\:inline-flex {
    display: inline-flex;
  }
  .sm\:inline-block {
    display: inline-block;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
}
@media screen and (max-width: 680px) {
  .xs\:block {
    display: block;
  }
  .xs\:inline-flex {
    display: inline-flex;
  }
  .xs\:inline-block {
    display: inline-block;
  }
  .xs\:justify-center {
    justify-content: center;
  }
  .xs\:justify-between {
    justify-content: space-between;
  }
  .xs\:flex-wrap {
    flex-wrap: wrap;
  }
}
.h-full {
  height: 100%;
}

.vh-full {
  height: 100vh;
}

.h-1 {
  height: 1vw;
}
.h-2 {
  height: 2vw;
}
.h-3 {
  height: 3vw;
}
.h-4 {
  height: 4vw;
}
.h-5 {
  height: 5vw;
}
.h-6 {
  height: 6vw;
}
.h-7 {
  height: 7vw;
}
.h-8 {
  height: 8vw;
}
.h-9 {
  height: 9vw;
}
.h-10 {
  height: 10vw;
}
.h-15 {
  height: 15vw;
}
.h-20 {
  height: 20vw;
}
.h-25 {
  height: 25vw;
}
.h-30 {
  height: 30vw;
}
.h-40 {
  height: 40vw;
}

.w-5 {
  width: 5%;
}
.w-10 {
  width: 10%;
}
.w-15 {
  width: 15%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33.3%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}
.w-50 {
  width: 50%;
}
.w-55 {
  width: 55%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-85 {
  width: 85%;
}
.w-90 {
  width: 90%;
}
.w-95 {
  width: 95%;
}
.w-full {
  width: 100%;
}

.w-vw-1 {
  width: 1vw;
}
.w-vw-2 {
  width: 2vw;
}
.w-vw-3 {
  width: 3vw;
}
.w-vw-4 {
  width: 4vw;
}
.w-vw-5 {
  width: 5vw;
}
.w-vw-10 {
  width: 10vw;
}
.w-vw-15 {
  width: 15vw;
}
.w-vw-20 {
  width: 20vw;
}
.w-vw-25 {
  width: 25vw;
}
.w-vw-30 {
  width: 30vw;
}
.w-vw-33 {
  width: 33.3vw;
}
.w-vw-35 {
  width: 35vw;
}
.w-vw-40 {
  width: 40vw;
}
.w-vw-45 {
  width: 45vw;
}
.w-vw-50 {
  width: 50vw;
}
.w-vw-55 {
  width: 55vw;
}
.w-vw-60 {
  width: 60vw;
}
.w-vw-65 {
  width: 65vw;
}
.w-vw-70 {
  width: 70vw;
}
.w-vw-75 {
  width: 75vw;
}
.w-vw-80 {
  width: 80vw;
}
.w-vw-85 {
  width: 85vw;
}
.w-vw-90 {
  width: 90vw;
}
.w-vw-95 {
  width: 95vw;
}
.w-vw-full {
  width: 100vw;
}

@media screen and (max-width: 680px) {
  .xs\:w-5 {
    width: 5%;
  }
  .xs\:w-10 {
    width: 10%;
  }
  .xs\:w-15 {
    width: 15%;
  }
  .xs\:w-20 {
    width: 20%;
  }
  .xs\:w-25 {
    width: 25%;
  }
  .xs\:w-30 {
    width: 30%;
  }
  .xs\:w-33 {
    width: 33.3%;
  }
  .xs\:w-35 {
    width: 35%;
  }
  .xs\:w-40 {
    width: 40%;
  }
  .xs\:w-45 {
    width: 45%;
  }
  .xs\:w-50 {
    width: 50%;
  }
  .xs\:w-55 {
    width: 55%;
  }
  .xs\:w-60 {
    width: 60%;
  }
  .xs\:w-65 {
    width: 65%;
  }
  .xs\:w-70 {
    width: 70%;
  }
  .xs\:w-75 {
    width: 75%;
  }
  .xs\:w-80 {
    width: 80%;
  }
  .xs\:w-85 {
    width: 85%;
  }
  .xs\:w-90 {
    width: 90%;
  }
  .xs\:w-95 {
    width: 95%;
  }
  .xs\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .sm\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .md\:w-full {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .lg\:w-full {
    width: 100%;
  }
  .lg\:min-w-300 {
    min-width: 300px;
  }
  .lg\:h-unset {
    height: unset;
  }
}
@media screen and (min-width: 1920px) {
  .xl\:w-full {
    width: 100%;
  }
}
.px-1 {
  padding: 0 1em;
}
.px-2 {
  padding: 0 2em;
}
.px-3 {
  padding: 0 3em;
}
.px-4 {
  padding: 0 4em;
}
.px-5 {
  padding: 0 5em;
}

.py-1 {
  padding: 1vw 0;
}
@media screen and (max-width: 1024px) {
  .py-1 {
    padding: 2vw 0;
  }
}
.py-1\.5 {
  padding: 1.5vw 0;
}
@media screen and (max-width: 1024px) {
  .py-1\.5 {
    padding: 3vw 0;
  }
}
.py-1\.9 {
  padding: 1.9vw 0;
}
@media screen and (max-width: 1024px) {
  .py-1\.9 {
    padding: 3.8vw 0;
  }
}
.py-2 {
  padding: 2vw 0;
}
@media screen and (max-width: 1024px) {
  .py-2 {
    padding: 4vw 0;
  }
}
.py-3 {
  padding: 3vw 0;
}
@media screen and (max-width: 1024px) {
  .py-3 {
    padding: 6vw 0;
  }
}
.py-4 {
  padding: 4vw 0;
}
@media screen and (max-width: 1024px) {
  .py-4 {
    padding: 8vw 0;
  }
}
.py-5 {
  padding: 5vw 0;
}
@media screen and (max-width: 1024px) {
  .py-5 {
    padding: 10vw 0;
  }
}
.py-6 {
  padding: 6vw 0;
}
@media screen and (max-width: 1024px) {
  .py-6 {
    padding: 12vw 0;
  }
}
.py-7 {
  padding: 7vw 0;
}
@media screen and (max-width: 1024px) {
  .py-7 {
    padding: 14vw 0;
  }
}

@media screen and (max-width: 680px) {
  .sm\:py-1 {
    padding: 1em 0;
  }
}
@media screen and (max-width: 680px) {
  .sm\:py-1-5 {
    padding: 1.5em 0;
  }
}
@media screen and (max-width: 680px) {
  .sm\:py-1-9 {
    padding: 1.9em 0;
  }
}
@media screen and (max-width: 680px) {
  .sm\:py-2 {
    padding: 2em 0;
  }
}
@media screen and (max-width: 680px) {
  .sm\:py-2 {
    padding: 3em 0;
  }
}

@media screen and (max-width: 1440px) {
  .lg\:pb-1 {
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 1440px) {
  .lg\:pb-1-5 {
    padding-bottom: 1.5em;
  }
}
@media screen and (max-width: 1440px) {
  .lg\:pb-1-9 {
    padding-bottom: 1.9em;
  }
}
@media screen and (max-width: 1440px) {
  .lg\:pb-2 {
    padding-bottom: 2em;
  }
}
@media screen and (max-width: 1440px) {
  .lg\:pb-2 {
    padding-bottom: 3em;
  }
}

.pt-0\.1 {
  padding-top: 0.1vw;
}
.pt-0\.2 {
  padding-top: 0.2vw;
}
.pt-0\.5 {
  padding-top: 0.5vw;
}
.pt-0\.8 {
  padding-top: 0.8vw;
}
.pt-1 {
  padding-top: 1vw;
}
.pt-1\.5 {
  padding-top: 1.5vw;
}
.pt-2 {
  padding-top: 2vw;
}
.pt-2\.5 {
  padding-top: 2.5vw;
}
.pt-3 {
  padding-top: 3vw;
}
.pt-4 {
  padding-top: 4vw;
}
.pt-5 {
  padding-top: 5vw;
}
.pt-6 {
  padding-top: 6vw;
}
.pt-7 {
  padding-top: 7vw;
}
.pt-8 {
  padding-top: 8vw;
}
.pt-9 {
  padding-top: 9vw;
}
.pt-10 {
  padding-top: 10vw;
}

@media screen and (max-width: 1024px) {
  .sm\:pt-0\.1 {
    padding-top: 0.1vw;
  }
  .sm\:pt-0\.2 {
    padding-top: 0.2vw;
  }
  .sm\:pt-0\.5 {
    padding-top: 0.5vw;
  }
  .sm\:pt-0\.8 {
    padding-top: 0.8vw;
  }
  .sm\:pt-1 {
    padding-top: 1vw;
  }
  .sm\:pt-1\.5 {
    padding-top: 1.5vw;
  }
  .sm\:pt-2 {
    padding-top: 2vw;
  }
  .sm\:pt-2\.5 {
    padding-top: 2.5vw;
  }
  .sm\:pt-3 {
    padding-top: 3vw;
  }
  .sm\:pt-4 {
    padding-top: 4vw;
  }
  .sm\:pt-5 {
    padding-top: 5vw;
  }
  .sm\:pt-6 {
    padding-top: 6vw;
  }
}
.pb-02 {
  padding-bottom: 0.5vw;
}
.pb-05 {
  padding-bottom: 0.5vw;
}
.pb-1 {
  padding-bottom: 1vw;
}
.pb-1\.5 {
  padding-bottom: 1.5vw;
}
.pb-2 {
  padding-bottom: 2vw;
}
.pb-2\.5 {
  padding-bottom: 2.5vw;
}
.pb-3 {
  padding-bottom: 3vw;
}

.pr-0\.5 {
  padding-right: 0.5vw;
}
.pr-0\.8 {
  padding-right: 0.8vw;
}
.pr-1 {
  padding-right: 1vw;
}
.pr-1\.5 {
  padding-right: 1.5vw;
}
.pr-2 {
  padding-right: 2vw;
}
.pr-2\.5 {
  padding-right: 2.5vw;
}
.pr-3 {
  padding-right: 3vw;
}

.pl-0\.2 {
  padding-left: 0.2vw;
}
.pl-0\.5 {
  padding-left: 0.5vw;
}
.pl-0\.8 {
  padding-left: 0.8vw;
}
.pl-1 {
  padding-left: 1vw;
}
.pl-1\.5 {
  padding-left: 1.5vw;
}
.pl-2 {
  padding-left: 2vw;
}
.pl-2\.5 {
  padding-left: 2.5vw;
}
.pl-3 {
  padding-left: 3vw;
}

.p-0 {
  padding: 0;
}

@media screen and (max-width: 680px) {
  .sm\:p-0 {
    padding: 0;
  }
}

@media screen and (max-width: 680px) {
  .sm\:pt-0 {
    padding-top: 0 !important;
  }
}

.overflow {
  overflow: hidden;
}
.overflow-x {
  overflow-x: hidden;
}
.overflow-y {
  overflow-y: hidden;
}

.lg\:mb-1 {
  margin-bottom: 1rem;
}

.mx-1 {
  margin: 0 1vw;
}
.mx-1\.5 {
  margin: 1 0.5vw;
}
.mx-1\.9 {
  margin: 1 0.9vw;
}
.mx-2 {
  margin: 0 2vw;
}
.mx-3 {
  margin: 0 3vw;
}
.mx-4 {
  margin: 0 4vw;
}
.mx-5 {
  margin: 0 5vw;
}
.mx-6 {
  margin: 0 6vw;
}
.mx-7 {
  margin: 0 7vw;
}

.my-1 {
  margin: 1vw 0;
}
.my-1\.5 {
  margin: 1.5vw 0;
}
.my-1\.9 {
  margin: 1.9vw 0;
}
.my-2 {
  margin: 2vw 0;
}
.my-3 {
  margin: 3vw 0;
}
.my-4 {
  margin: 4vw 0;
}
.my-5 {
  margin: 5vw 0;
}
.my-6 {
  margin: 6vw 0;
}
.my-7 {
  margin: 7vw 0;
}

.mb-1 {
  margin-bottom: 1em;
}
.mb-1\.5 {
  margin-bottom: 1.5em;
}
.mb-1\.9 {
  margin-bottom: 1.9em;
}
.mb-2 {
  margin-bottom: 2em;
}
.mb-3 {
  margin-bottom: 3em;
}
.mb-4 {
  margin-bottom: 4em;
}
.mb-5 {
  margin-bottom: 5em;
}
.mb-6 {
  margin-bottom: 6em;
}
.mb-7 {
  margin-bottom: 7em;
}

@media screen and (max-width: 1024px) {
  .sm\:mb-0\.1 {
    margin-bottom: 0.1vw;
  }
  .sm\:mb-0\.2 {
    margin-bottom: 0.2vw;
  }
  .sm\:mb-0\.5 {
    margin-bottom: 0.5vw;
  }
  .sm\:mb-0\.8 {
    margin-bottom: 0.8vw;
  }
  .sm\:mb-1 {
    margin-bottom: 1vw;
  }
  .sm\:mb-1\.5 {
    margin-bottom: 1.5vw;
  }
  .sm\:mb-2 {
    margin-bottom: 2vw;
  }
  .sm\:mb-2\.5 {
    margin-bottom: 2.5vw;
  }
  .sm\:mb-3 {
    margin-bottom: 3vw;
  }
  .sm\:mb-4 {
    margin-bottom: 4vw;
  }
  .sm\:mb-5 {
    margin-bottom: 5vw;
  }
  .sm\:mb-6 {
    margin-bottom: 6vw;
  }
}
.mt-1 {
  margin-top: 1em;
}
.mt-1\.5 {
  margin-top: 1.5em;
}
.mt-1\.9 {
  margin-top: 1.9em;
}
.mt-2 {
  margin-top: 2em;
}
.mt-3 {
  margin-top: 3em;
}
.mt-4 {
  margin-top: 4em;
}
.mt-5 {
  margin-top: 5em;
}
.mt-6 {
  margin-top: 6em;
}
.mt-7 {
  margin-top: 7em;
}

@media screen and (max-width: 1024px) {
  .sm\:mt-0\.1 {
    margin-top: 0.1vw;
  }
  .sm\:mt-0\.2 {
    margin-top: 0.2vw;
  }
  .sm\:mt-0\.5 {
    margin-top: 0.5vw;
  }
  .sm\:mt-0\.8 {
    margin-top: 0.8vw;
  }
  .sm\:mt-1 {
    margin-top: 1vw;
  }
  .sm\:mt-1\.5 {
    margin-top: 1.5vw;
  }
  .sm\:mt-2 {
    margin-top: 2vw;
  }
  .sm\:mt-2\.5 {
    margin-top: 2.5vw;
  }
  .sm\:mt-3 {
    margin-top: 3vw;
  }
  .sm\:mt-4 {
    margin-top: 4vw;
  }
  .sm\:mt-5 {
    margin-top: 5vw;
  }
  .sm\:mt-6 {
    margin-top: 6vw;
  }
}
.ml-auto {
  margin-left: auto;
}

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.center-x {
  left: 50%;
  transform: translateX(-50%);
}
.center-y {
  top: 50%;
  transform: translateY(-50%);
}
.center-xy {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.object-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.object-contain {
  object-fit: contain;
}
.object-fill {
  object-fit: fill;
}

.object-position-center {
  object-position: center;
}

.position-r {
  position: relative;
}
.position-a {
  position: absolute;
}
.position-f {
  position: fixed;
}

.left-0 {
  left: 0;
}
.left-1 {
  left: 1vw;
}
.left-2 {
  left: 2vw;
}
.left-3 {
  left: 3vw;
}
.left-4 {
  left: 4vw;
}
.left-5 {
  left: 5vw;
}
.left-6 {
  left: 6vw;
}
.left-7 {
  left: 7vw;
}
.left-8 {
  left: 8vw;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.top-0 {
  top: 0;
}
.top--25vw {
  top: -25vw;
}
.top--35vw {
  top: -35vw;
}

.display-block {
  display: block;
}
.display-inline {
  display: inline-block;
}

.rotate-45 {
  transform: rotate(45deg);
}
.rotate-90 {
  transform: rotate(90deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.rotate-270 {
  transform: rotate(270deg);
}

.rounded-full {
  border-radius: 100%;
}
.rounded-50 {
  border-radius: 50%;
}
.rounded-15 {
  border-radius: 15%;
}
.rounded-10 {
  border-radius: 10%;
}

.opacity-0 {
  opacity: 0;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-15 {
  opacity: 0.15;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-55 {
  opacity: 0.55;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-85 {
  opacity: 0.85;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-1 {
  opacity: 1 !important;
}

.ul {
  margin-left: 1rem;
  padding: 0;
}
.ul li {
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1vw;
}
@media screen and (max-width: 1280px) {
  .ul li {
    font-size: 14px;
  }
}

.hidden {
  display: none !important;
}

.hide {
  visibility: hidden;
}

@media screen and (max-width: 1280px) {
  .sm\:inline-block {
    display: inline-block;
  }
}

.media-picture picture {
  height: 25vw;
  overflow: hidden;
}
.media-picture picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-4 {
  z-index: 4;
}
.z-5 {
  z-index: 5;
}
.z-6 {
  z-index: 6;
}
.z-7 {
  z-index: 7;
}
.z-8 {
  z-index: 8;
}
.z-9 {
  z-index: 9;
}
.z-10 {
  z-index: 10;
}
.z-100 {
  z-index: 100;
}
.z-101 {
  z-index: 101;
}
.z-102 {
  z-index: 102;
}
.z-103 {
  z-index: 103;
}

.border {
  border-style: solid;
}
.border-0 {
  border-width: 0px;
}
.border-1 {
  border-width: 1px;
}

.divider {
  width: 100%;
  height: 3px;
  margin: 2vw 0;
}
.divider .line {
  display: block;
  width: 10vw;
  height: 3px;
  background-color: #ffee8d;
}
@media (max-width: 680px) {
  .divider {
    margin: 5vw 0;
  }
  .divider .line {
    width: 150px;
  }
}

.divide-x > li, .divide-x > div {
  border-style: solid;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.divide-x > li:first-child, .divide-x > div:first-child {
  border-right-width: 0px;
}
.divide-x > li-0 > li, .divide-x > li-0 > div, .divide-x > div-0 > li, .divide-x > div-0 > div {
  border-style: solid;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.divide-x > li-2 > li, .divide-x > li-2 > div, .divide-x > div-2 > li, .divide-x > div-2 > div {
  border-style: solid;
  border-right-width: 2px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.divide-x > li-2 > li:first-child, .divide-x > li-2 > div:first-child, .divide-x > div-2 > li:first-child, .divide-x > div-2 > div:first-child {
  border-right-width: 0px;
}
.divide-y > li, .divide-y > div {
  border-style: solid;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
}
.divide-y > li:first-child, .divide-y > div:first-child {
  border-top-width: 0px;
}
.divide-y > li-0 > li, .divide-y > li-0 > div, .divide-y > div-0 > li, .divide-y > div-0 > div {
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
}
.divide-y > li-0 > li:first-child, .divide-y > li-0 > div:first-child, .divide-y > div-0 > li:first-child, .divide-y > div-0 > div:first-child {
  border-top-width: 0px;
}
.divide-y > li-2 > li, .divide-y > li-2 > div, .divide-y > div-2 > li, .divide-y > div-2 > div {
  border-style: solid;
  border-top-width: 2px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
}
.divide-y > li-2 > li:first-child, .divide-y > li-2 > div:first-child, .divide-y > div-2 > li:first-child, .divide-y > div-2 > div:first-child {
  border-top-width: 0px;
}

.space-x > li, .space-x > div {
  margin-right: 1rem;
  margin-left: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.space-x > li:first-child, .space-x > div:first-child {
  margin-right: 0rem;
}
.space-x > li-0 > li, .space-x > li-0 > div, .space-x > div-0 > li, .space-x > div-0 > div {
  margin-right: 0rem;
  margin-left: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.space-x > li-2 > li, .space-x > li-2 > div, .space-x > div-2 > li, .space-x > div-2 > div {
  margin-right: 2rem;
  margin-left: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.space-x > li-2 > li:first-child, .space-x > li-2 > div:first-child, .space-x > div-2 > li:first-child, .space-x > div-2 > div:first-child {
  margin-right: 0rem;
}
.space-y > li, .space-y > div {
  margin-top: 1rem;
  margin-bottom: 0rem;
  margin-right: 0rem;
  margin-left: 0rem;
}
.space-y > li:first-child, .space-y > div:first-child {
  margin-top: 0rem;
}
.space-y > li-0 > li, .space-y > li-0 > div, .space-y > div-0 > li, .space-y > div-0 > div {
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-right: 0rem;
  margin-left: 0rem;
}
.space-y > li-0 > li:first-child, .space-y > li-0 > div:first-child, .space-y > div-0 > li:first-child, .space-y > div-0 > div:first-child {
  margin-top: 0rem;
}
.space-y > li-2 > li, .space-y > li-2 > div, .space-y > div-2 > li, .space-y > div-2 > div {
  margin-top: 2rem;
  margin-bottom: 0rem;
  margin-right: 0rem;
  margin-left: 0rem;
}
.space-y > li-2 > li:first-child, .space-y > li-2 > div:first-child, .space-y > div-2 > li:first-child, .space-y > div-2 > div:first-child {
  margin-top: 0rem;
}

.spacer-y-1 {
  width: 100%;
  height: 1vw;
}
.spacer-y-2 {
  width: 100%;
  height: 2vw;
}
.spacer-y-3 {
  width: 100%;
  height: 3vw;
}
.spacer-y-4 {
  width: 100%;
  height: 4vw;
}
.spacer-y-5 {
  width: 100%;
  height: 5vw;
}
.spacer-y-6 {
  width: 100%;
  height: 6vw;
}
.spacer-y-7 {
  width: 100%;
  height: 7vw;
}
.spacer-y-10 {
  width: 100%;
  height: 10vw;
}
@media screen and (max-width: 680px) {
  .spacer-y-5 {
    height: 10vw;
  }
  .spacer-y-6 {
    height: 12vw;
  }
  .spacer-y-7 {
    height: 14vw;
  }
  .spacer-y-10 {
    height: 20vw;
  }
}

.list-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

.column-1 {
  columns: 1;
}
.column-2 {
  columns: 2;
}
@media screen and (max-width: 680px) {
  .column-2 {
    columns: 1;
  }
}

.pointer-events-none {
  pointer-events: none;
}

.fullscreen-layout {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

header {
  position: fixed;
  z-index: 1;
}
header.mobile-header {
  position: fixed;
  top: -200px;
  width: 100%;
  height: 5vw;
  background-color: white;
  transition: top 0.5s ease-out;
}
header.mobile-header .wrapper {
  width: 90%;
  margin: 0 auto;
}
header.mobile-header .wrapper .logo img {
  width: 7vw;
}
header.mobile-header.show {
  top: 0px;
}
header.desktop-header {
  position: fixed;
  top: -100px;
  left: 5%;
  width: 7vw;
  height: auto;
}
header.desktop-header .logo img {
  width: 7vw;
}
header.desktop-header.show {
  top: 20px;
}
@media (max-width: 1024px) {
  header.mobile-header {
    height: 60px;
  }
  header.mobile-header .wrapper {
    width: 80%;
  }
  header.mobile-header .wrapper .logo img {
    width: 100px;
  }
  header.desktop-header {
    left: 10%;
  }
  header.desktop-header .logo img {
    width: 100px;
  }
}

.scrolled header.mobile-header {
  position: fixed;
  display: flex;
  align-items: center;
}
.scrolled header.desktop-header {
  display: none;
}

footer {
  background-color: #00264c;
}
footer .logo-wrapper {
  display: flex;
}
footer .logo-wrapper .logo img {
  width: 8vw;
}
footer .logo-wrapper .logo .mobile-dopamine {
  display: none;
}
footer .logo-wrapper .footer-strapline h3 {
  color: black;
  font-size: 3vw;
  line-height: 2.6vw;
  letter-spacing: -0.05vw;
  padding-left: 2vw;
}
footer .logo-wrapper .affiliates {
  margin-left: auto;
}
footer .logo-wrapper .affiliates ul {
  display: flex;
  align-items: center;
  list-style: none;
}
footer .logo-wrapper .affiliates ul li img {
  width: 8vw;
}
@media screen and (max-width: 680px) {
  footer .logo-wrapper {
    display: block;
  }
  footer .logo-wrapper .logo {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  footer .logo-wrapper .logo img {
    width: 120px;
  }
  footer .logo-wrapper .logo .mobile-dopamine {
    display: block;
  }
  footer .logo-wrapper .logo .mobile-dopamine img {
    width: 151px;
  }
  footer .logo-wrapper .footer-strapline h3 {
    font-size: 35px;
    line-height: 31px;
    letter-spacing: -1px;
    padding-top: 20px;
    padding-left: 0;
  }
  footer .logo-wrapper .affiliates {
    display: none;
  }
}
footer .footer-tail {
  padding: 2vw 0;
  background-color: black;
}
footer .footer-tail .tail-content {
  display: flex;
  justify-content: space-between;
}
footer .footer-tail .tail-content .copyright {
  font-size: 0.8vw;
  font-family: "Montserrat", sans-serif;
}
footer .footer-tail .tail-content .social-media-links {
  display: flex;
  align-items: center;
  gap: 2vw;
}
footer .footer-tail .tail-content .social-media-links a span {
  font-size: 1vw;
  color: #777777;
  transition: color 0.3s ease-out;
}
footer .footer-tail .tail-content .social-media-links a:hover span {
  color: #00264c;
}
@media (max-width: 1024px) {
  footer .footer-tail {
    padding: 20px 0;
  }
  footer .footer-tail .tail-content {
    display: block;
  }
  footer .footer-tail .tail-content .copyright {
    font-size: 12px;
    width: 100%;
    padding-bottom: 15px;
  }
  footer .footer-tail .tail-content .social-media-links {
    width: 100%;
    gap: 20px;
  }
}
footer .footer-contact .contact-details {
  display: flex;
  gap: 5vw;
}
footer .footer-contact .contact-details .details h4 {
  font-size: 1vw;
  text-transform: uppercase;
  margin-bottom: 1vw;
  color: black;
}
@media screen and (max-width: 680px) {
  footer .footer-contact .contact-details .details h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
footer .footer-contact .contact-details .details ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-contact .contact-details .details ul li {
  margin-bottom: 1vw;
}
@media screen and (max-width: 680px) {
  footer .footer-contact .contact-details .details ul li {
    margin-bottom: 10px;
  }
}
footer .footer-contact .contact-details .details ul li a {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}
@media screen and (max-width: 680px) {
  footer .footer-contact .contact-details .details ul li a {
    gap: 1vw;
  }
}
footer .footer-contact .contact-details .details ul li a .icon {
  display: flex;
  width: 1.5vw;
  height: 1.5vw;
  background-color: black;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  opacity: 0.1;
  transition: all 0.3s ease-in-out;
}
footer .footer-contact .contact-details .details ul li a .icon svg {
  width: 0.7vw;
}
@media screen and (max-width: 680px) {
  footer .footer-contact .contact-details .details ul li a .icon {
    width: 10.5vw;
    height: 10.5vw;
  }
  footer .footer-contact .contact-details .details ul li a .icon svg {
    width: 3.7vw;
  }
}
footer .footer-contact .contact-details .details ul li a .channel {
  font-size: 0.8vw;
  font-weight: 300;
  text-transform: uppercase;
  color: black;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 680px) {
  footer .footer-contact .contact-details .details ul li a .channel {
    font-size: 4vw;
  }
}
footer .footer-contact .contact-details .details ul li a:hover .channel {
  opacity: 1;
}
footer .footer-contact .contact-details .back-to-top {
  position: relative;
  margin-left: auto;
}
footer .footer-contact .contact-details .back-to-top .button-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 5vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer-contact .contact-details .back-to-top .button-wrapper .top-button {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4vw;
  height: 4vw;
  border-radius: 100%;
  border: solid 2px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-out;
}
footer .footer-contact .contact-details .back-to-top .button-wrapper .top-button span {
  font-size: 0.7vw;
  color: black;
  transition: font-size 0.3s ease-out;
}
footer .footer-contact .contact-details .back-to-top .button-wrapper .top-button:hover {
  width: 5vw;
  height: 5vw;
  border: solid 2px rgb(0, 0, 0);
}
footer .footer-contact .contact-details .back-to-top .button-wrapper .top-button:hover span {
  font-size: 1vw;
  color: black;
}
footer .footer-contact .contact-details .back-to-top .button-wrapper:hover {
  opacity: 1;
}
@media (max-width: 1024px) {
  footer .footer-contact .contact-details .back-to-top {
    width: 100%;
    height: 80px;
  }
  footer .footer-contact .contact-details .back-to-top .button-wrapper {
    width: 80px;
    height: 80px;
    right: unset;
    left: 0;
  }
  footer .footer-contact .contact-details .back-to-top .button-wrapper .top-button {
    width: 80px;
    height: 80px;
  }
  footer .footer-contact .contact-details .back-to-top .button-wrapper .top-button span {
    font-size: 18px;
  }
  footer .footer-contact .contact-details .back-to-top .button-wrapper .top-button:hover {
    width: 80px;
    height: 80px;
    border: solid 2px rgba(0, 0, 0, 0.5);
  }
  footer .footer-contact .contact-details .back-to-top .button-wrapper .top-button:hover span {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  footer .footer-contact .contact-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.preloader {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.preloader .preloader-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.preloader.complete .preloader-container .preloader-curtain {
  height: 100%;
}

.preloader-container {
  position: fixed;
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  background: linear-gradient(135deg, rgb(0, 38, 76) 0%, rgb(0, 31, 61) 100%);
}
.preloader-container .preloader-curtain {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 0%;
  transition: height 0.5s ease-in-out;
  background-color: #fff;
}
.preloader-container .preloader-bg {
  position: fixed;
  display: hidden;
  width: 100%;
  height: 100vh;
  background-image: url(../fonts/846c5158e42ec5529abe.svg);
  background-repeat: repeat;
  opacity: 0.05;
}
.preloader-container .preloader-content {
  text-align: center;
}
.preloader-container .preloader-content .preload-wrapper {
  position: relative;
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader-container .preloader-content .preload-wrapper .constraints {
  position: absolute;
  width: 100%;
  height: 100%;
}
.preloader-container .preloader-content .preload-wrapper .constraints .constraints-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.preloader-container .preloader-content .preload-wrapper .constraints .constraints-wrapper span {
  position: absolute;
  width: 2px;
  height: 2px;
  background-color: white;
  border-radius: 10px;
}
.preloader-container .preloader-content .preload-wrapper .elements .star-outline {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
}
.preloader-container .preloader-content .preload-wrapper .elements .star-outline .mhi-star-stroke {
  stroke: #fff;
  fill: none;
  stroke-width: 0.3;
  opacity: 0.2;
}
.preloader-container .preloader-content .preload-wrapper .elements .star-outline .mhi-star-filled {
  position: absolute;
  width: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  visibility: hidden;
}
.preloader-container .preloader-content .preload-wrapper .elements .progress-bar {
  position: relative;
  width: 200px;
  background-color: #00264c;
}
.preloader-container .preloader-content .preload-wrapper .elements .progress-bar .bar-background {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0%;
  transform: translateX(-50%);
  height: 5px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.2);
}
.preloader-container .preloader-content .preload-wrapper .elements .progress-bar .bar-indicator {
  position: absolute;
  top: 0;
  width: 0%;
  height: 5px;
  border-radius: 20px;
  transition: width 0.5s ease-out;
  visibility: hidden;
}
.preloader-container .preloader-content .preload-wrapper .elements .progress-bar .bar-indicator .bar {
  width: 100%;
  height: 5px;
  border-radius: 20px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 28px 8px rgba(255, 255, 255, 0.57);
  -moz-box-shadow: 0px 0px 28px 8px rgba(255, 255, 255, 0.57);
  box-shadow: 0px 0px 28px 8px rgba(255, 255, 255, 0.57);
}
.preloader-container .preloader-content .preload-wrapper .elements .load-description {
  padding-top: 20px;
  opacity: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.preloader-container .preloader-content .preload-wrapper .elements .load-description span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-transform: uppercase;
  color: white;
}
.preloader-container .preloader-content .preload-wrapper .elements .load-description span.loading {
  width: 100%;
}
.preloader-container .preloader-content .preload-wrapper .elements .load-description span.complete {
  width: 100%;
  height: 0px;
}
.preloader-container .preloader-content.initialise .preload-wrapper .constraints {
  animation: constraints 0.05s 1s infinite;
}
.preloader-container .preloader-content.initialise .preload-wrapper .constraints .constraints-wrapper {
  animation: dots 1s 1;
}
.preloader-container .preloader-content.initialise .preload-wrapper .constraints .constraints-wrapper .dot-1 {
  top: 52%;
  left: 52%;
  animation: dot1 0.5s 1 1s forwards;
}
.preloader-container .preloader-content.initialise .preload-wrapper .constraints .constraints-wrapper .dot-2 {
  top: 52%;
  right: 52%;
  animation: dot2 0.5s 1 1s forwards;
}
.preloader-container .preloader-content.initialise .preload-wrapper .constraints .constraints-wrapper .dot-3 {
  bottom: 52%;
  left: 52%;
  animation: dot3 0.5s 1 1s forwards;
}
.preloader-container .preloader-content.initialise .preload-wrapper .constraints .constraints-wrapper .dot-4 {
  bottom: 52%;
  right: 52%;
  animation: dot4 0.5s 1 1s forwards;
}
.preloader-container .preloader-content.initialise .preload-wrapper .elements .star-outline .mhi-star-stroke {
  stroke-dasharray: 155;
  stroke-dashoffset: 155;
  animation: star 2s 2s infinite;
}
.preloader-container .preloader-content.initialise .preload-wrapper .elements .progress-bar .bar-background {
  width: 0%;
  animation: barbg 1s 1 1s forwards;
}
.preloader-container .preloader-content.initialise .preload-wrapper .elements .progress-bar .bar-indicator {
  width: 0%;
}
.preloader-container .preloader-content.initialise .preload-wrapper .elements .progress-bar .bar-indicator .bar {
  animation: indicator 0.5s ease-in 2s infinite;
}
.preloader-container .preloader-content.initialise .preload-wrapper .elements .load-description {
  animation: loadertext 0.05s 2s infinite;
}
.preloader-container .preloader-content.initialise .preload-wrapper .elements .load-description.loading {
  width: 100%;
}
.preloader-container .preloader-content.initialise .preload-wrapper .elements .load-description.complete {
  height: 20px;
}
.preloader-container .preloader-content.complete .preload-wrapper .constraints {
  animation: constraints_2 0.05s 1s infinite;
}
.preloader-container .preloader-content.complete .preload-wrapper .constraints .constraints-wrapper {
  animation: dots_2 1s 1s;
}
.preloader-container .preloader-content.complete .preload-wrapper .constraints .constraints-wrapper .dot-1 {
  top: 0%;
  left: 0%;
  animation: dot1_2 0.5s 1 1.5s forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .constraints .constraints-wrapper .dot-2 {
  top: 0%;
  right: 0%;
  animation: dot2_2 0.5s 1 1.5s forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .constraints .constraints-wrapper .dot-3 {
  bottom: 0%;
  left: 0%;
  animation: dot3_2 0.5s 1 1.5s forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .constraints .constraints-wrapper .dot-4 {
  bottom: 0%;
  right: 0%;
  animation: dot4_2 0.5s 1 1.5s forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .elements .star-outline .mhi-star-stroke {
  display: none;
}
.preloader-container .preloader-content.complete .preload-wrapper .elements .star-outline .mhi-star-filled {
  visibility: visible;
  animation: star2_2 1s ease-in-out 0.2s forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .elements .progress-bar .bar-background {
  width: 100%;
  animation: barbg_2 0.6s 0.5s forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .elements .progress-bar .bar-indicator {
  opacity: 1;
  animation: indicator_2 0.5s forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .elements .load-description {
  animation: loadertext_2 0.5s forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .elements .load-description span.loading {
  width: 100%;
  animation: loadedtext_2 0.3s ease-in-out forwards;
}
.preloader-container .preloader-content.complete .preload-wrapper .elements .load-description span.complete {
  height: 0px;
  animation: completetext_2 1s 0.3s forwards;
}

@keyframes constraints {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
@keyframes dots {
  from {
    opacity: 0;
    transform: rotate(360deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}
@keyframes dot1 {
  from {
    top: 52%;
    left: 52%;
  }
  to {
    top: 0%;
    left: 0%;
  }
}
@keyframes dot2 {
  from {
    top: 52%;
    right: 52%;
  }
  to {
    top: 0%;
    right: 0%;
  }
}
@keyframes dot3 {
  from {
    bottom: 52%;
    left: 52%;
  }
  to {
    bottom: 0%;
    left: 0%;
  }
}
@keyframes dot4 {
  from {
    bottom: 52%;
    right: 52%;
  }
  to {
    bottom: 0%;
    right: 0%;
  }
}
@keyframes dots_2 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes dot1_2 {
  from {
    opacity: 1;
    top: 0%;
    left: 0%;
  }
  to {
    opacity: 0;
    top: 52%;
    left: 52%;
  }
}
@keyframes dot2_2 {
  from {
    opacity: 1;
    top: 0%;
    right: 0%;
  }
  to {
    opacity: 0;
    top: 52%;
    right: 52%;
  }
}
@keyframes dot3_2 {
  from {
    opacity: 1;
    bottom: 0%;
    left: 0%;
  }
  to {
    opacity: 0;
    bottom: 52%;
    left: 52%;
  }
}
@keyframes dot4_2 {
  from {
    opacity: 1;
    bottom: 0%;
    right: 0%;
  }
  to {
    opacity: 0;
    bottom: 52%;
    right: 52%;
  }
}
@keyframes barbg {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes indicator {
  0% {
    box-shadow: 0px 0px 28px 8px rgba(255, 255, 255, 0.6);
    visibility: visible;
  }
  50% {
    box-shadow: 0px 0px 32px 10px rgba(255, 255, 255, 0.8);
    visibility: visible;
  }
  100% {
    box-shadow: 0px 0px 28px 8px rgba(255, 255, 255, 0.6);
    visibility: visible;
  }
}
@keyframes barbg_2 {
  0% {
    width: 100%;
  }
  50% {
    width: 120%;
  }
  100% {
    width: 0%;
  }
}
@keyframes indicator_2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes star {
  0% {
    stroke-dashoffset: 155;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -155;
  }
}
@keyframes star_2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes star2_2 {
  0% {
    fill: #fff;
  }
  10% {
    fill: #ffee8d;
  }
  60% {
    fill: #ffee8d;
  }
  80% {
    width: 160px;
  }
  100% {
    width: 0px;
  }
}
@keyframes loadertext {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes loadertext_2 {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes loadedtext_2 {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
@keyframes completetext_2 {
  0% {
    opacity: 0;
    height: 0px;
  }
  20% {
    opacity: 1;
    height: 20px;
  }
  80% {
    opacity: 1;
    height: 20px;
  }
  100% {
    opacity: 0;
    height: 0px;
  }
}
.banner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
}
.banner.close .content .white-viel-1 {
  width: 0%;
}
.banner.close .articles .white-viel-2 {
  width: 0%;
}
.banner .content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: linear-gradient(135deg, rgb(0, 38, 76) 0%, rgb(0, 31, 61) 100%);
  overflow: hidden;
}
.banner .content .white-viel-1 {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 2;
  transition: width 1s ease-in-out;
  pointer-events: none;
}
.banner .content .star-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../fonts/b9d3816e57029627f3b9.svg);
  background-repeat: no-repeat;
  background-size: 120%;
  background-position: 18vw -7vw;
  top: 0;
  left: 0;
  opacity: 0.6;
}
.banner .content .inner-content {
  position: relative;
  width: 80%;
}
.banner .articles {
  display: flex;
  flex-direction: column;
}
.banner .articles .white-viel-2 {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 2;
  transition: width 1s ease-in-out;
  pointer-events: none;
}
.banner .articles .article-banner {
  height: 50%;
}
.banner .articles .article-banner .splide__track {
  height: 100%;
}
.banner .articles .article-banner .splide__track .splide__list .splide__slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.banner .articles .article-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50%;
}
.banner .articles .article-content article {
  width: 80%;
}
.banner .articles .article-content article small {
  position: relative;
  display: block;
  font-size: 0.8vw;
  letter-spacing: 0.1em;
  color: #00264c;
  opacity: 1;
  transform: translateX(0vw);
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.banner .articles .article-content article h2 {
  position: relative;
  width: 80%;
  font-size: 3vw;
  color: black;
  letter-spacing: -0.05em;
  line-height: 0.9em;
  opacity: 1;
  transform: translateX(0vw);
  transition-property: transform, opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}
.banner .articles .article-content article p {
  position: relative;
  padding-top: 1vw;
  padding-bottom: 1vw;
  font-size: 0.7vw;
  line-height: 1.5em;
  opacity: 1;
  transform: translateX(0vw);
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.banner .articles .article-content article .actions {
  position: absolute;
  bottom: 2vw;
  display: flex;
  gap: 0.5vw;
}
.banner .articles .article-content article .actions .progress-circle {
  position: relative;
  width: 3vw;
  height: 3vw;
  cursor: pointer;
}
.banner .articles .article-content article .actions .progress-circle .progress-elipses {
  position: relative;
  display: block;
  width: inherit;
  height: inherit;
}
.banner .articles .article-content article .actions .progress-circle .progress-elipses svg {
  position: absolute;
  width: inherit;
  height: inherit;
  top: 0;
  left: 0;
}
.banner .articles .article-content article .actions .progress-circle .progress-elipses svg.elipses-bg {
  opacity: 0.1;
}
.banner .articles .article-content article .actions .progress-circle .progress-elipses svg.elipses-bg g {
  stroke: black;
}
.banner .articles .article-content article .actions .progress-circle .progress-elipses svg.elipses-timer {
  transform: rotate(-90deg);
  stroke-dasharray: 155;
  stroke-dashoffset: 0;
}
.banner .articles .article-content article .actions .progress-circle .progress-elipses svg.elipses-timer g {
  stroke: #00264c;
}
.banner .articles .article-content article .actions .progress-circle .progress-elipses svg.elipses-timer.animate {
  animation: nextbutton 5s linear 1;
}
.banner .articles .article-content article .actions .progress-circle .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner .articles .article-content article .actions .progress-circle .icon.left svg {
  transform: rotate(180deg);
}
.banner .articles .article-content article .actions .progress-circle .icon svg {
  width: 0.4vw;
}
@media (max-width: 1024px) {
  .banner .articles .article-content article .actions {
    gap: 10px;
  }
  .banner .articles .article-content article .actions .progress-circle {
    width: 50px;
    height: 50px;
  }
  .banner .articles .article-content article .actions .progress-circle .icon svg {
    width: 6px;
  }
}
.banner .articles.article-out .article-content article small {
  opacity: 0;
  transform: translateX(-5vw);
}
.banner .articles.article-out .article-content article h2 {
  opacity: 0;
  transform: translateX(-5vw);
}
.banner .articles.article-out .article-content article p {
  opacity: 0;
  transform: translateX(-5vw);
}
@media (max-width: 1024px) {
  .banner {
    display: block;
    grid-template-columns: unset;
    height: auto;
  }
  .banner .content {
    height: 85vh;
  }
  .banner .content .star-bg {
    background-size: 180%;
    background-position: 20vw -10vw;
  }
  .banner .content .inner-content p {
    font-size: 14px;
  }
  .banner .content .inner-content .inline {
    display: none;
  }
  .banner .articles {
    height: auto;
  }
  .banner .articles .article-banner {
    height: 30%;
  }
  .banner .articles .article-content {
    height: 70%;
    padding: 50px 0 180px 0;
  }
  .banner .articles .article-content article {
    width: 80%;
  }
  .banner .articles .article-content article small {
    font-size: 12px;
  }
  .banner .articles .article-content article h2 {
    font-size: 25px;
  }
  .banner .articles .article-content article p {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
  }
  .banner .articles .article-content article .actions {
    bottom: 100px;
  }
}

.call-to-action {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  align-items: center;
  z-index: 1;
  background-color: #00264c;
}
.call-to-action .btn {
  padding: 10px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.call-to-action .btn a {
  display: flex;
}
.call-to-action .btn:last-child {
  background-color: #00264c;
}
@media (max-width: 1024px) {
  .call-to-action {
    display: flex;
  }
}

@keyframes nextbutton {
  from {
    stroke-dashoffset: 155;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.articles .article-banner {
  position: relative;
}
.articles .article-banner .banner-deco {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.articles .article-banner .banner-deco .banner-deco-wrapper {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-1, .articles .article-banner .banner-deco .banner-deco-wrapper .block-2, .articles .article-banner .banner-deco .banner-deco-wrapper .block-4 {
  background-color: white;
  width: 0%;
  justify-self: end;
  grid-column-start: 1;
  grid-column-end: 6;
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-1 {
  grid-row-start: 1;
  grid-row-end: 1;
  transition: width 0.4s ease-in;
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-2 {
  grid-row-start: 2;
  grid-row-end: 2;
  transition: width 0.5s ease-in;
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-4 {
  grid-row-start: 3;
  grid-row-end: 3;
  transition: width 0.6s ease-in;
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-3 {
  position: relative;
  background-color: white;
  grid-column-start: 5;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-3 .pagination {
  position: relative;
  width: 3vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-3 .pagination span {
  display: block;
  font-size: 1vw;
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-3 .pagination span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  color: #00264c;
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-3 .pagination span:nth-child(2) {
  position: relative;
  width: 100%;
  height: 1px;
  background: #DFDFDF;
  transform: rotate(-45deg);
}
.articles .article-banner .banner-deco .banner-deco-wrapper .block-3 .pagination span:nth-child(3) {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #DFDFDF;
}
@media (max-width: 680px) {
  .articles .article-banner .banner-deco .banner-deco-wrapper {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .articles .article-banner .banner-deco .banner-deco-wrapper .block-1, .articles .article-banner .banner-deco .banner-deco-wrapper .block-2, .articles .article-banner .banner-deco .banner-deco-wrapper .block-4 {
    grid-column-start: 1;
    grid-column-end: 5;
  }
  .articles .article-banner .banner-deco .banner-deco-wrapper .block-3 {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 3;
  }
  .articles .article-banner .banner-deco .banner-deco-wrapper .block-3 .pagination {
    position: relative;
    width: 40px;
    height: 40px;
  }
  .articles .article-banner .banner-deco .banner-deco-wrapper .block-3 .pagination span {
    font-size: 14px;
  }
}
.articles.article-out .article-banner .banner-deco .banner-deco-wrapper .block-1 {
  width: 100%;
}
.articles.article-out .article-banner .banner-deco .banner-deco-wrapper .block-2 {
  width: 100%;
}
.articles.article-out .article-banner .banner-deco .banner-deco-wrapper .block-4 {
  width: 100%;
}

/*# sourceMappingURL=style.css.map*/