* {
  box-sizing: border-box;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-neutral-n100);
  color: var(--color-neutral-n500);
  font-family: var(--font-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

body:has(.mobile-menu--show) {
  overflow: hidden;
}

.wrapper {
  max-width: 1648px;
}

a {
  color: var(--color-turquoise-t500);
  text-decoration: none;
}

a:hover {
  color: var(--color-turquoise-t500);
  text-decoration: underline;
}

.btn-v1 {
  width: -moz-max-content;
  width: max-content;
  padding: 20px 40px;
  display: block;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: var(--color-turquoise-t500);
  text-decoration: none;
  background-color: transparent;
  border: 1.3px solid var(--color-turquoise-t500);
  border-radius: 50px;
}
.btn-v1:hover {
  color: var(--color-white);
  background-color: var(--color-turquoise-t500);
  text-decoration: none;
}

.btn-v1.btn-v1--white {
  color: var(--color-white);
  border-color: var(--color-white);
}
.btn-v1.btn-v1--white:hover {
  color: var(--color-turquoise-t500);
  background-color: var(--color-white);
  text-decoration: none;
}

.btn-v2 {
  width: -moz-max-content;
  width: max-content;
  padding: 20px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  border-radius: 50px;
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  border: none;
  transition: all 0.8s;
}
.btn-v2::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrowrightup' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23ffffff' id='Vector' d='M4 16L15 5' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3Cpath stroke='%23ffffff' id='Vector' d='M6 4L16 4L16 14' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v2,
.btn-v2:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
  text-decoration: none;
  color: var(--color-white);
}

.btn-v2:active {
  background: linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
  text-decoration: none;
  color: var(--color-white);
}

.btn-v2--disabled,
.btn-v2:disabled {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
  text-decoration: none;
  color: var(--color-white);
}

.btn-v3 {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  transition: all 0.8s;
}
.btn-v3::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrowrightup' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23ffffff' id='Vector' d='M4 16L15 5' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3Cpath stroke='%23ffffff' id='Vector' d='M6 4L16 4L16 14' stroke-opacity='1.000000' stroke-width='1.500000' stroke-linejoin='round' stroke-linecap='square'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v3,
.btn-v3:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
}

.btn-v3:active {
  background: linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
}

.btn-v3--disabled,
.btn-v3:disabled {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
}

.btn-v4 {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: none;
  background: transparent;
  transition: all 0.8s ease;
}
.btn-v4::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L15 5' stroke='%234BB2BE' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M6 4H16V14' stroke='%234BB2BE' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-active:hover .btn-v4,
.btn-v4:hover {
  background: linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
  transition: all 0.8s ease;
}

.btn-active:hover .btn-v4::after,
.btn-v4:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L15 5' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M6 4H16V14' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.btn-video {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.8s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%234BB2BE' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(255, 255, 255), rgb(232, 240, 241) 100%);
  background-size: 19.2px 19.2px, contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.8s;
  fill: red;
}
.btn-video--l {
  width: 80px;
  height: 80px;
}

.btn-active:hover .btn-video,
.btn-video:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(131, 209, 218), rgb(202, 154, 222) 100%);
}

.btn-video:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(75, 178, 190), rgb(195, 138, 219) 100%);
}

.btn-video--disabled,
.btn-video:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.3999 16.6277' fill='none'%3E%3Cpath id='Polygon' d='M14.3999 8.31384L0 0L0 16.6277L14.3999 8.31384Z' fill='%23ffffff' fill-opacity='1.000000' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(180deg, rgb(131, 209, 218), rgb(75, 178, 190) 100%);
  opacity: 0.3;
}

.heading {
  margin: 0;
  padding: 0;
  color: var(--color-neutral-n500);
  font-family: var(--font-body);
  font-weight: 500;
}
.heading--h1 {
  font-size: 36px;
  line-height: 120%;
  letter-spacing: -0.72px;
}
@media (min-width: 1200px) {
  .heading--h1 {
    font-size: 44px;
    line-height: 110%;
    letter-spacing: -1.76px;
  }
}
.heading--h2 {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0;
}
@media (min-width: 1200px) {
  .heading--h2 {
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -0.72px;
  }
}
.heading--h3 {
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0;
}
@media (min-width: 1200px) {
  .heading--h3 {
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 0;
  }
}
.heading--h4 {
  font-size: 21px;
  line-height: 150%;
  letter-spacing: 0;
}
@media (min-width: 1200px) {
  .heading--h4 {
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0;
  }
}
.heading--h5 {
  font-size: 21px;
  line-height: 150%;
  letter-spacing: 0;
}

.tab {
  padding: 8px 20px;
  display: block;
  color: var(--color-neutral-n400);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .tab {
    width: -moz-max-content;
    width: max-content;
    border-radius: 24px;
    background-color: var(--color-white);
  }
}

.tab--active,
.tab:hover {
  color: var(--color-turquoise-t500);
  background-color: var(--color-turquoise-t100);
}
/* Content may be protected by copyright. */
/*
playback timings (ms):
  capture_cache.get: 0.356
  load_resource: 386.251
  PetaboxLoader3.resolve: 331.691
  PetaboxLoader3.datanode: 52.773
*/