:root {
  --container-padding: 12px;
  --content-width: calc(1280px + (2 * var(--container-padding)));
  --grid-row-gap: 12px;
  --grid-column-gap: 12px; }
  @media (min-width: 460px) {
    :root {
      --grid-row-gap: 16px;
      --grid-column-gap: 16px;
      --container-padding: 16px; } }
  @media (min-width: 990px) {
    :root {
      --grid-row-gap: 16px;
      --grid-column-gap: 16px;
      --container-padding: 16px; } }
  @media (min-width: 1340px) {
    :root {
      --grid-row-gap: 32px;
      --grid-column-gap: 32px;
      --container-padding: 32px; } }
.container {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  width: 100%;
  margin: 0 auto; }
  .container:not(.container--fluid) {
    max-width: var(--content-width); }

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: var(--grid-row-gap) var(--grid-column-gap); }
  .grid.no-gap {
    grid-gap: 0 0; }
  .grid.no-row-gap {
    grid-row-gap: 0; }
  .grid.no-column-gap {
    grid-column-gap: 0; }

.col-0 {
  grid-column-end: span 0; }

.col-1 {
  grid-column-end: span 1; }

.col-2 {
  grid-column-end: span 2; }

.col-3 {
  grid-column-end: span 3; }

.col-4 {
  grid-column-end: span 4; }

.col-5 {
  grid-column-end: span 5; }

.col-6 {
  grid-column-end: span 6; }

.col-7 {
  grid-column-end: span 7; }

.col-8 {
  grid-column-end: span 8; }

.col-9 {
  grid-column-end: span 9; }

.col-10 {
  grid-column-end: span 10; }

.col-11 {
  grid-column-end: span 11; }

.col-12 {
  grid-column-end: span 12; }

@media (min-width: 460px) {
  .col-xs-0 {
    grid-column-end: span 0; }
  .col-xs-1 {
    grid-column-end: span 1; }
  .col-xs-2 {
    grid-column-end: span 2; }
  .col-xs-3 {
    grid-column-end: span 3; }
  .col-xs-4 {
    grid-column-end: span 4; }
  .col-xs-5 {
    grid-column-end: span 5; }
  .col-xs-6 {
    grid-column-end: span 6; }
  .col-xs-7 {
    grid-column-end: span 7; }
  .col-xs-8 {
    grid-column-end: span 8; }
  .col-xs-9 {
    grid-column-end: span 9; }
  .col-xs-10 {
    grid-column-end: span 10; }
  .col-xs-11 {
    grid-column-end: span 11; }
  .col-xs-12 {
    grid-column-end: span 12; } }

@media (min-width: 545px) {
  .col-sm-0 {
    grid-column-end: span 0; }
  .col-sm-1 {
    grid-column-end: span 1; }
  .col-sm-2 {
    grid-column-end: span 2; }
  .col-sm-3 {
    grid-column-end: span 3; }
  .col-sm-4 {
    grid-column-end: span 4; }
  .col-sm-5 {
    grid-column-end: span 5; }
  .col-sm-6 {
    grid-column-end: span 6; }
  .col-sm-7 {
    grid-column-end: span 7; }
  .col-sm-8 {
    grid-column-end: span 8; }
  .col-sm-9 {
    grid-column-end: span 9; }
  .col-sm-10 {
    grid-column-end: span 10; }
  .col-sm-11 {
    grid-column-end: span 11; }
  .col-sm-12 {
    grid-column-end: span 12; } }

@media (min-width: 990px) {
  .col-md-0 {
    grid-column-end: span 0; }
  .col-md-1 {
    grid-column-end: span 1; }
  .col-md-2 {
    grid-column-end: span 2; }
  .col-md-3 {
    grid-column-end: span 3; }
  .col-md-4 {
    grid-column-end: span 4; }
  .col-md-5 {
    grid-column-end: span 5; }
  .col-md-6 {
    grid-column-end: span 6; }
  .col-md-7 {
    grid-column-end: span 7; }
  .col-md-8 {
    grid-column-end: span 8; }
  .col-md-9 {
    grid-column-end: span 9; }
  .col-md-10 {
    grid-column-end: span 10; }
  .col-md-11 {
    grid-column-end: span 11; }
  .col-md-12 {
    grid-column-end: span 12; } }

@media (min-width: 1340px) {
  .col-lg-0 {
    grid-column-end: span 0; }
  .col-lg-1 {
    grid-column-end: span 1; }
  .col-lg-2 {
    grid-column-end: span 2; }
  .col-lg-3 {
    grid-column-end: span 3; }
  .col-lg-4 {
    grid-column-end: span 4; }
  .col-lg-5 {
    grid-column-end: span 5; }
  .col-lg-6 {
    grid-column-end: span 6; }
  .col-lg-7 {
    grid-column-end: span 7; }
  .col-lg-8 {
    grid-column-end: span 8; }
  .col-lg-9 {
    grid-column-end: span 9; }
  .col-lg-10 {
    grid-column-end: span 10; }
  .col-lg-11 {
    grid-column-end: span 11; }
  .col-lg-12 {
    grid-column-end: span 12; } }

:root {
  --white: #FFFFFF;
  --black: #1D1F23;
  --bg-header: #F7F7F7;
  --light-grey: #E5E5E3;
  --grey: #EFEFED;
  --dark-grey: #6A6B6E;
  --light-purple: #F0EFFF;
  --purple: #6E64FF;
  --purple-2: #5850CC;
  --light-purple-2: #C5C1FF;
  --light-purple-3: #E2E0FF;
  --dark-purple: #161433;
  --bg: #F9F9F7;
  --font-primary: proxima-nova, sans-serif; }

*:focus,
*:focus-visible {
  outline: none; }

html {
  scroll-behavior: smooth; }

body {
  background-color: var(--bg);
  color: var(--black);
  font-family: var(--font-primary);
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: var(--blue-primary); }

.hidden {
  display: none; }

p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 24px;
  font-weight: 400; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-secondary);
  margin: 0 0 30px; }

h2 {
  font-weight: 600; }
  h2 strong {
    font-weight: 700; }

h3 {
  font-weight: 600; }

h4 {
  font-weight: 600; }

img {
  max-width: 100%; }

strong {
  font-weight: 600; }

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

.cover {
  background-size: cover !important; }

.mobile {
  display: none; }
  @media (max-width: 989px) {
    .mobile {
      display: inline; } }
@media (max-width: 989px) {
  .desktop {
    display: none; } }

@media (max-width: 989px) {
  .order-1 {
    order: 1; } }

@media (max-width: 989px) {
  .order-2 {
    order: 2; } }

main {
  overflow: hidden; }

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

\:root {
  -moz-tab-size: 4;
  tab-size: 4; }

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

hr {
  height: 0;
  color: inherit; }

abbr[title] {
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

table {
  text-indent: 0;
  border-color: inherit; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
select {
  text-transform: none; }

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

::-moz-focus-inner {
  border-style: none;
  padding: 0; }

\:-moz-focusring {
  outline: none; }

\:-moz-ui-invalid {
  box-shadow: none; }

legend {
  padding: 0; }

progress {
  vertical-align: baseline; }

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto; }

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

summary {
  display: list-item; }

.btn {
  display: inline-block; }
  .btn-primary {
    background-color: transparent;
    color: var(--black);
    border: 1px solid var(--black);
    padding: 10px 16px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease; }
    .btn-primary:hover {
      background-color: var(--white); }
  .btn-secondary {
    background-color: var(--black);
    color: #fff;
    border: 1px solid var(--black);
    padding: 10px 16px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease; }
    .btn-secondary:hover {
      background-color: var(--white);
      color: var(--black);
      border-color: var(--black); }
  .btn.--hand {
    padding-left: 48px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.15' d='M13.1226 20.2519L9.74756 20.2519C8.76264 20.2519 7.78737 20.0579 6.87743 19.681C5.96749 19.304 5.1407 18.7516 4.44426 18.0552C3.74782 17.3587 3.19537 16.5319 2.81846 15.622C2.44155 14.712 2.24756 13.7368 2.24756 12.7519C2.24756 8.60998 4.49756 7.51967 10.6851 4.00311C11.1155 3.75839 11.6252 3.69385 12.1031 3.82358C12.5809 3.95331 12.988 4.26677 13.2356 4.69556C13.4831 5.12434 13.5511 5.63365 13.4245 6.11233C13.2979 6.59101 12.9872 7.0002 12.5601 7.25061L9.74756 9.00186L19.8726 9.00186C20.3698 9.00186 20.8468 9.1994 21.1984 9.55103C21.55 9.90266 21.7476 10.3796 21.7476 10.8769C21.7476 11.3741 21.55 11.8511 21.1984 12.2027C20.8468 12.5543 20.3698 12.7519 19.8726 12.7519L14.6226 12.7519C15.1198 12.7519 15.5968 12.9494 15.9484 13.301C16.3 13.6527 16.4976 14.1296 16.4976 14.6269C16.4976 15.1241 16.3 15.6011 15.9484 15.9527C15.5968 16.3043 15.1198 16.5019 14.6226 16.5019L13.1226 16.5019C13.6198 16.5019 14.0968 16.6994 14.4484 17.051C14.8 17.4027 14.9976 17.8796 14.9976 18.3769C14.9976 18.8741 14.8 19.3511 14.4484 19.7027C14.0968 20.0543 13.6198 20.2519 13.1226 20.2519Z' fill='white'/%3E%3Cpath d='M15.7476 18.3777C15.748 17.9405 15.6388 17.5101 15.4297 17.1261C15.7853 17.0113 16.1122 16.8219 16.3887 16.5706C16.6651 16.3193 16.8848 16.0118 17.0329 15.6688C17.181 15.3258 17.2542 14.9552 17.2475 14.5816C17.2409 14.2081 17.1546 13.8402 16.9944 13.5027L19.8726 13.5027C20.5688 13.5027 21.2364 13.2261 21.7287 12.7338C22.221 12.2416 22.4976 11.5739 22.4976 10.8777C22.4976 10.1815 22.221 9.51381 21.7287 9.02153C21.2364 8.52925 20.5688 8.25268 19.8726 8.25268L12.3726 8.25268L12.9472 7.89456C13.2455 7.7214 13.5067 7.49119 13.716 7.21708C13.9253 6.94297 14.0785 6.63032 14.1669 6.29699C14.3456 5.62379 14.2495 4.9072 13.8997 4.30487C13.55 3.70254 12.9754 3.2638 12.3022 3.08517C11.629 2.90654 10.9124 3.00266 10.3101 3.35237L9.5385 3.79018C3.85162 7.01612 1.49756 8.35112 1.49756 12.7527C1.50004 14.94 2.37003 17.0369 3.91667 18.5836C5.46331 20.1302 7.56028 21.0002 9.74756 21.0027L13.1226 21.0027C13.8188 21.0027 14.4864 20.7261 14.9787 20.2338C15.471 19.7416 15.7476 19.0739 15.7476 18.3777ZM9.74756 19.5027C7.95796 19.5007 6.24222 18.7889 4.97678 17.5235C3.71134 16.258 2.99954 14.5423 2.99756 12.7527C2.99756 9.22487 4.68506 8.26768 10.2801 5.09518L11.0554 4.6555L11.0601 4.6555C11.3182 4.50621 11.625 4.4655 11.9131 4.54232C12.2013 4.61914 12.4471 4.8072 12.5966 5.06518C12.6956 5.23607 12.7474 5.4302 12.7466 5.62768C12.7469 5.82544 12.6951 6.01979 12.5963 6.19112C12.4976 6.36246 12.3554 6.50474 12.1841 6.60362C12.1766 6.60744 12.1694 6.61183 12.1626 6.61675L9.35006 8.36706C9.21213 8.45344 9.10605 8.58234 9.04782 8.73431C8.98958 8.88628 8.98236 9.05306 9.02723 9.2095C9.07211 9.36593 9.16665 9.50352 9.29659 9.60151C9.42653 9.69949 9.58482 9.75255 9.74756 9.75268L19.8726 9.75268C20.1709 9.75268 20.4571 9.87121 20.6681 10.0822C20.879 10.2932 20.9976 10.5793 20.9976 10.8777C20.9976 11.1761 20.879 11.4622 20.6681 11.6732C20.4571 11.8842 20.1709 12.0027 19.8726 12.0027L13.4976 12.0027C13.2986 12.0027 13.1079 12.0817 12.9672 12.2224C12.8266 12.363 12.7476 12.5538 12.7476 12.7527C12.7476 12.9516 12.8266 13.1424 12.9672 13.283C13.1079 13.4237 13.2986 13.5027 13.4976 13.5027L14.6226 13.5027C14.9209 13.5027 15.2071 13.6212 15.4181 13.8322C15.629 14.0432 15.7476 14.3293 15.7476 14.6277C15.7476 14.9261 15.629 15.2122 15.4181 15.4232C15.2071 15.6342 14.9209 15.7527 14.6226 15.7527L12.7476 15.7527C12.5486 15.7527 12.3579 15.8317 12.2172 15.9724C12.0766 16.113 11.9976 16.3038 11.9976 16.5027C11.9976 16.7016 12.0766 16.8924 12.2172 17.033C12.3579 17.1737 12.5486 17.2527 12.7476 17.2527L13.1226 17.2527C13.4209 17.2527 13.7071 17.3712 13.9181 17.5822C14.129 17.7932 14.2476 18.0793 14.2476 18.3777C14.2476 18.6761 14.129 18.9622 13.9181 19.1732C13.7071 19.3842 13.4209 19.5027 13.1226 19.5027L9.74756 19.5027Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 16px center; }
    .btn.--hand:hover {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.15' d='M13.123 20.2518L9.74805 20.2518C8.76313 20.2518 7.78786 20.0578 6.87792 19.6809C5.96798 19.304 5.14119 18.7516 4.44475 18.0551C3.74831 17.3587 3.19586 16.5319 2.81895 15.622C2.44204 14.712 2.24805 13.7368 2.24805 12.7518C2.24805 8.60997 4.49805 7.51965 10.6855 4.00309C11.116 3.75837 11.6257 3.69384 12.1035 3.82356C12.5814 3.95329 12.9885 4.26675 13.2361 4.69554C13.4836 5.12433 13.5515 5.63363 13.425 6.11231C13.2984 6.59099 12.9877 7.00018 12.5605 7.25059L9.74805 9.00184L19.873 9.00184C20.3703 9.00184 20.8472 9.19939 21.1989 9.55102C21.5505 9.90265 21.748 10.3796 21.748 10.8768C21.748 11.3741 21.5505 11.851 21.1989 12.2027C20.8472 12.5543 20.3703 12.7518 19.873 12.7518L14.623 12.7518C15.1203 12.7518 15.5972 12.9494 15.9489 13.301C16.3005 13.6526 16.498 14.1296 16.498 14.6268C16.498 15.1241 16.3005 15.601 15.9489 15.9527C15.5972 16.3043 15.1203 16.5018 14.623 16.5018L13.123 16.5018C13.6203 16.5018 14.0972 16.6994 14.4489 17.051C14.8005 17.4026 14.998 17.8796 14.998 18.3768C14.998 18.8741 14.8005 19.351 14.4489 19.7027C14.0972 20.0543 13.6203 20.2518 13.123 20.2518Z' fill='%231D1F23'/%3E%3Cpath d='M15.748 18.3777C15.7485 17.9405 15.6393 17.5101 15.4302 17.1261C15.7858 17.0113 16.1127 16.8219 16.3891 16.5706C16.6656 16.3193 16.8852 16.0118 17.0334 15.6688C17.1815 15.3258 17.2547 14.9552 17.248 14.5816C17.2414 14.208 17.1551 13.8402 16.9949 13.5027L19.873 13.5027C20.5692 13.5027 21.2369 13.2261 21.7292 12.7338C22.2215 12.2415 22.498 11.5739 22.498 10.8777C22.498 10.1815 22.2215 9.5138 21.7292 9.02151C21.2369 8.52923 20.5692 8.25267 19.873 8.25267L12.373 8.25267L12.9477 7.89454C13.246 7.72138 13.5072 7.49118 13.7165 7.21706C13.9257 6.94295 14.079 6.6303 14.1674 6.29697C14.3461 5.62377 14.2499 4.90719 13.9002 4.30486C13.5505 3.70252 12.9759 3.26379 12.3027 3.08516C11.6295 2.90653 10.9129 3.00264 10.3105 3.35236L9.53898 3.79017C3.85211 7.01611 1.49805 8.35111 1.49805 12.7527C1.50053 14.9399 2.37052 17.0369 3.91716 18.5836C5.46379 20.1302 7.56077 21.0002 9.74805 21.0027L13.123 21.0027C13.8192 21.0027 14.4869 20.7261 14.9792 20.2338C15.4715 19.7415 15.748 19.0739 15.748 18.3777ZM9.74805 19.5027C7.95844 19.5007 6.24271 18.7889 4.97727 17.5234C3.71183 16.258 3.00003 14.5423 2.99805 12.7527C2.99805 9.22486 4.68555 8.26767 10.2805 5.09517L11.0559 4.65548L11.0605 4.65548C11.3187 4.50619 11.6255 4.46548 11.9136 4.5423C12.2017 4.61912 12.4476 4.80719 12.5971 5.06517C12.6961 5.23605 12.7479 5.43019 12.7471 5.62767C12.7474 5.82543 12.6956 6.01977 12.5968 6.19111C12.498 6.36245 12.3559 6.50473 12.1846 6.60361C12.1771 6.60743 12.1699 6.61181 12.163 6.61673L9.35055 8.36704C9.21262 8.45343 9.10654 8.58233 9.0483 8.7343C8.99007 8.88626 8.98284 9.05305 9.02772 9.20948C9.0726 9.36592 9.16714 9.50351 9.29708 9.60149C9.42702 9.69948 9.5853 9.75254 9.74805 9.75267L19.873 9.75267C20.1714 9.75267 20.4576 9.8712 20.6685 10.0822C20.8795 10.2932 20.998 10.5793 20.998 10.8777C20.998 11.176 20.8795 11.4622 20.6685 11.6732C20.4576 11.8841 20.1714 12.0027 19.873 12.0027L13.498 12.0027C13.2991 12.0027 13.1084 12.0817 12.9677 12.2223C12.8271 12.363 12.748 12.5538 12.748 12.7527C12.748 12.9516 12.8271 13.1423 12.9677 13.283C13.1084 13.4237 13.2991 13.5027 13.498 13.5027L14.623 13.5027C14.9214 13.5027 15.2076 13.6212 15.4185 13.8322C15.6295 14.0432 15.748 14.3293 15.748 14.6277C15.748 14.926 15.6295 15.2122 15.4185 15.4232C15.2076 15.6341 14.9214 15.7527 14.623 15.7527L12.748 15.7527C12.5491 15.7527 12.3584 15.8317 12.2177 15.9723C12.0771 16.113 11.998 16.3038 11.998 16.5027C11.998 16.7016 12.0771 16.8923 12.2177 17.033C12.3584 17.1737 12.5491 17.2527 12.748 17.2527L13.123 17.2527C13.4214 17.2527 13.7076 17.3712 13.9185 17.5822C14.1295 17.7932 14.248 18.0793 14.248 18.3777C14.248 18.676 14.1295 18.9622 13.9185 19.1732C13.7076 19.3841 13.4214 19.5027 13.123 19.5027L9.74805 19.5027Z' fill='%231D1F23'/%3E%3C/svg%3E%0A"); }
  .btn.--login {
    padding-left: 48px;
    background-image: url("../media/icons/SignIn.svg");
    background-repeat: no-repeat;
    background-position: 16px center; }
  .btn.--plane {
    padding-left: 48px;
    background-image: url("../media/icons/PaperPlaneTilt.svg");
    background-repeat: no-repeat;
    background-position: 16px center; }

.btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 20px; }
  @media (max-width: 989px) {
    .btn-group {
      margin-bottom: 16px; } }
header {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 722px;
  margin-bottom: 48px;
  padding-top: 64px;
  background: var(--bg-header) url("../media/bg/bg-mobile.png") no-repeat center bottom/100% 100%; }
  @media (min-width: 990px) {
    header {
      height: 892px;
      padding-top: 82px;
      background-image: url("../media/bg/bggradients-header.png");
      background-size: initial; } }
  header.header-sub {
    height: auto;
    background: none; }
    @media (max-width: 989px) {
      header.header-sub {
        margin-bottom: 32px; } }
  header .header {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%; }
    header .header.scroll {
      background-color: var(--bg);
      border-bottom: 1px solid var(--light-grey); }
    header .header__content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 0; }
      @media (min-width: 990px) {
        header .header__content {
          padding: 20px 0; } }
      header .header__content .logo {
        position: relative;
        z-index: 1000;
        width: 280px; }
        @media (max-width: 989px) {
          header .header__content .logo {
            width: 170px; } }
    header .header__actions {
      display: flex;
      align-items: center;
      gap: 16px; }
      @media (max-width: 1339px) {
        header .header__actions {
          display: none; } }
    header .header__mobile {
      display: none; }
      @media (max-width: 1339px) {
        header .header__mobile {
          display: flex;
          align-items: center;
          gap: 16px; } }
      header .header__mobile .btn {
        padding: 8px 13px;
        font-size: 14px; }
      header .header__mobile .hamburger {
        display: flex;
        flex-direction: column;
        gap: 4px;
        cursor: pointer; }

.navigation {
  display: flex;
  align-items: center; }
  @media (max-width: 1339px) {
    .navigation {
      display: none; }
      .navigation.active {
        display: flex;
        flex-direction: column;
        position: fixed;
        inset: 0;
        z-index: 100;
        padding: 60px 16px 16px;
        background-color: var(--white); }
        .navigation.active ul {
          display: flex;
          flex-direction: column;
          gap: 16px;
          width: 100%;
          padding: 16px 0;
          border-bottom: 1px dashed #E5E5E3; }
          .navigation.active ul li {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            text-align: left; }
            .navigation.active ul li a {
              padding-left: 0; } }
  .navigation ul {
    display: flex;
    align-items: center;
    gap: 8px; }
    .navigation ul li a {
      padding: 8px 16px;
      color: var(--black);
      font-size: 16px;
      font-weight: 600;
      border-radius: 9999px; }
      @media (min-width: 1340px) {
        .navigation ul li a:hover {
          background-color: var(--grey); } }
    @media (min-width: 1340px) {
      .navigation ul li.active a {
        background-color: var(--light-purple-3); } }
.login__mobile {
  display: none; }
  @media (max-width: 1339px) {
    .login__mobile {
      display: block;
      flex: 1;
      width: 100%; }
      .login__mobile--link {
        display: inline-block;
        margin-top: 24px;
        padding-left: 32px;
        color: var(--black);
        font-size: 16px;
        font-weight: 600;
        background: url("../media/icons/SignIn.svg") no-repeat left center; } }
.btn-group__mobile {
  display: none; }
  @media (max-width: 1339px) {
    .btn-group__mobile {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      width: 100%;
      margin-top: 24px; } }
.close {
  display: none; }
  @media (max-width: 1339px) {
    .close {
      display: block;
      position: absolute;
      top: 20px;
      right: 12px;
      width: 24px;
      height: 24px; } }
.footer {
  background: var(--bg) url("../media/bg/bg-mobile.png") no-repeat center bottom;
  background-size: 100% 100%;
  overflow: hidden; }
  .footer.footer-sub {
    background: var(--bg) url("../media/bg/footer-gradient-page-mobile.png") no-repeat center bottom;
    background-size: 100% 100%; }
    @media (min-width: 990px) {
      .footer.footer-sub {
        background: var(--bg) url("../media/bg/footer-gradient-page.png") no-repeat center bottom;
        background-size: initial; } }
  @media (min-width: 990px) {
    .footer {
      background: var(--bg) url("../media/bg/bggradients-footer.png") no-repeat center bottom;
      background-size: initial; } }
  .footer__content {
    padding: 92px 0 339px; }
    @media (min-width: 990px) {
      .footer__content {
        height: 624px;
        padding: 258px 0 0; } }
    .footer__content .container {
      position: relative;
      height: 100%; }
    .footer__content--kv {
      max-width: 624px;
      margin: 0 auto;
      text-align: center;
      position: relative;
      z-index: 1; }
      .footer__content--kv h2 {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 24px; }
        @media (min-width: 990px) {
          .footer__content--kv h2 {
            font-size: 48px;
            line-height: 60px;
            margin: 0 0 32px; } }
    .footer__content .item-1 {
      position: absolute;
      bottom: -355px;
      left: 17px;
      width: 181px; }
      @media (min-width: 990px) {
        .footer__content .item-1 {
          bottom: 0;
          left: -40px;
          width: auto; } }
      @media (min-width: 1340px) {
        .footer__content .item-1 {
          left: 65px; } }
    .footer__content .item-2 {
      position: absolute;
      top: 170px;
      right: 28px;
      width: 60px; }
      @media (min-width: 990px) {
        .footer__content .item-2 {
          top: -65px;
          right: 44px;
          width: auto; } }
      @media (min-width: 1340px) {
        .footer__content .item-2 {
          right: 124px; } }
    .footer__content .item-3 {
      position: absolute;
      top: -42px;
      right: 42px;
      width: 183px; }
      @media (min-width: 990px) {
        .footer__content .item-3 {
          top: -143px;
          right: 180px;
          width: auto; } }
      @media (min-width: 1340px) {
        .footer__content .item-3 {
          right: 280px; } }
    .footer__content .item-4 {
      position: absolute;
      bottom: -280px;
      right: -13px;
      width: 127px; }
      @media (min-width: 990px) {
        .footer__content .item-4 {
          bottom: 69px;
          right: -20px;
          width: auto; } }
      @media (min-width: 1340px) {
        .footer__content .item-4 {
          right: 51px; } }
  .footer__bottom {
    display: block; }
    .footer__bottom--info {
      padding: 20px 0;
      border-top: 1px solid var(--black);
      border-bottom: 1px solid var(--black); }
      @media (min-width: 990px) {
        .footer__bottom--info {
          padding: 35px 0; } }
      .footer__bottom--info .container {
        display: flex;
        flex-direction: column; }
        @media (min-width: 990px) {
          .footer__bottom--info .container {
            flex-direction: row;
            align-items: center;
            justify-content: space-between; } }
      .footer__bottom--info p {
        font-size: 14px;
        line-height: 20px;
        color: var(--black);
        margin: 0; }
    .footer__bottom--content {
      padding: 20px 0; }
      @media (min-width: 990px) {
        .footer__bottom--content {
          padding: 14px 0; } }
      .footer__bottom--content .container {
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        @media (min-width: 990px) {
          .footer__bottom--content .container {
            flex-direction: row; } }
  .footer__logo img {
    margin-bottom: 8px;
    max-width: 170px; }
    @media (min-width: 990px) {
      .footer__logo img {
        margin-bottom: 6px;
        max-width: initial; } }
  .footer__logo p {
    font-size: 14px;
    line-height: 20px;
    color: var(--black);
    margin: 0 0 20px; }
    @media (min-width: 990px) {
      .footer__logo p {
        font-size: 16px;
        line-height: 24px;
        margin: 0; } }
  .footer__social {
    display: flex;
    flex-direction: column; }
    @media (min-width: 990px) {
      .footer__social {
        align-items: flex-end; } }
    .footer__social ul {
      display: flex;
      gap: 20px;
      margin: 0 0 12px;
      padding: 0;
      list-style: none; }
      .footer__social ul li a {
        display: block;
        width: 28px;
        height: 28px; }
        @media (min-width: 990px) {
          .footer__social ul li a {
            width: 32px;
            height: 32px; } }
        .footer__social ul li a svg path {
          transition: fill 0.3s ease; }
        .footer__social ul li a:hover svg path {
          fill: var(--purple);
          transition: fill 0.3s ease; }
    .footer__social p {
      font-size: 14px;
      line-height: 20px;
      color: var(--black);
      margin: 0; }
      @media (min-width: 990px) {
        .footer__social p {
          font-size: 16px;
          line-height: 24px; } }
  @media (max-width: 989px) {
    .footer-navigation {
      order: 1; } }
  .footer-navigation ul {
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-direction: column; }
    @media (min-width: 990px) {
      .footer-navigation ul {
        flex-direction: row;
        gap: 24px; } }
    .footer-navigation ul li a {
      font-size: 14px;
      line-height: 20px;
      color: var(--black);
      text-decoration: none; }
      .footer-navigation ul li a.link {
        font-weight: 500;
        padding-right: 24px;
        background: url("../media/icons/ArrowRight.svg") no-repeat center right; }

.copyright {
  font-size: 14px;
  line-height: 20px;
  color: var(--black); }
  @media (max-width: 989px) {
    .copyright {
      order: 2;
      margin-top: 24px; } }
.keyvisual {
  text-align: center;
  padding-top: 44px;
  flex: 1;
  position: relative; }
  @media (max-width: 989px) {
    .keyvisual {
      padding: 24px 7px 0; } }
  .keyvisual::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: url("../media/components/bottom-lines.svg") repeat-x center bottom; }
    @media (max-width: 989px) {
      .keyvisual::after {
        height: 90px;
        background-size: cover; } }
  .keyvisual .container {
    height: 100%;
    position: relative;
    z-index: 1; }
  .keyvisual__content {
    max-width: 842px;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
    @media (min-width: 736px) and (max-width: 991px) {
      .keyvisual__content {
        max-width: 486px; } }
    .keyvisual__content p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 24px;
      max-width: 624px;
      margin: 0 auto 32px;
      font-weight: 500; }
      @media (min-width: 990px) {
        .keyvisual__content p {
          font-size: 18px;
          line-height: 28px;
          margin-bottom: 32px; } }
  .keyvisual h1 {
    font-size: 60px;
    line-height: 72px;
    font-weight: normal;
    color: var(--black);
    margin-bottom: 20px;
    letter-spacing: 1px; }
    @media (max-width: 989px) {
      .keyvisual h1 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 16px; } }
    @media (min-width: 736px) and (max-width: 991px) {
      .keyvisual h1 {
        max-width: 400px;
        margin: 0 auto 16px; } }
    .keyvisual h1 .strong-1 {
      font-weight: 600; }
    .keyvisual h1 .strong-2 {
      font-weight: 700; }
  .keyvisual__components {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .keyvisual__components .container {
      position: relative; }
    .keyvisual__components .sun {
      position: absolute;
      width: 60px;
      left: 84px;
      bottom: 190px; }
      @media (min-width: 990px) {
        .keyvisual__components .sun {
          bottom: 377px;
          left: 100px;
          width: auto; } }
      @media (min-width: 736px) and (max-width: 991px) {
        .keyvisual__components .sun {
          bottom: 233px !important; } }
      @media (min-width: 1340px) {
        .keyvisual__components .sun {
          left: 174px; } }
    .keyvisual__components .pc {
      position: absolute;
      bottom: -28px;
      left: 50%;
      transform: translateX(-50%);
      margin-left: -29px; }
      @media (min-width: 736px) and (max-width: 991px) {
        .keyvisual__components .pc {
          left: 50% !important;
          transform: translateX(-50%) !important;
          width: 315px !important; } }
      @media (max-width: 989px) {
        .keyvisual__components .pc {
          width: 267px;
          transform: none;
          left: -45px;
          margin-left: 0; } }
    .keyvisual__components .lines {
      position: absolute;
      bottom: 28px;
      left: 77px; }
      @media (min-width: 736px) and (max-width: 991px) {
        .keyvisual__components .lines {
          left: 44px !important;
          bottom: 22px !important;
          width: 140px !important; } }
      @media (max-width: 735px) {
        .keyvisual__components .lines {
          display: none; } }
    .keyvisual__components .robot {
      position: absolute;
      bottom: 0;
      right: 70px;
      margin-right: -29px;
      width: 181px;
      right: -5px; }
      @media (min-width: 990px) {
        .keyvisual__components .robot {
          right: -30px;
          width: auto; } }
      @media (min-width: 736px) and (max-width: 991px) {
        .keyvisual__components .robot {
          right: 0 !important;
          margin-right: 0 !important;
          width: 207px !important; } }
      @media (min-width: 1340px) {
        .keyvisual__components .robot {
          right: 70px; } }
    .keyvisual__components .squares {
      position: absolute;
      bottom: 100px;
      z-index: 1;
      width: 132px;
      bottom: 120px;
      left: -80px; }
      @media (min-width: 990px) {
        .keyvisual__components .squares {
          bottom: 100px;
          left: -80px;
          width: auto; } }
      @media (min-width: 736px) and (max-width: 991px) {
        .keyvisual__components .squares {
          left: 0 !important; } }
      @media (min-width: 1340px) {
        .keyvisual__components .squares {
          left: 64px; } }
  .keyvisual .label {
    display: inline-block;
    background-color: var(--white);
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; }

@media (max-width: 1339px) {
  .overflow {
    max-width: 736px;
    margin: 0 auto; } }

@media (min-width: 736px) and (max-width: 991px) {
  .overflow {
    height: 277px !important; } }

@media (max-width: 989px) {
  .overflow {
    overflow-x: hidden;
    display: block;
    position: absolute;
    z-index: 1000;
    left: -7px;
    bottom: 0;
    height: 247px;
    right: -7px; } }

.faq {
  float: right;
  width: 100%;
  border-top: 1px solid var(--light-grey);
  margin-top: 16px; }
  @media (min-width: 990px) {
    .faq {
      margin-top: 62px;
      max-width: 510px; } }
  .faq.--wide {
    max-width: 842px;
    float: none;
    margin: 0 auto; }
  .faq__wrapper {
    padding: 48px 0; }
    @media (min-width: 990px) {
      .faq__wrapper {
        padding: 82px 0 120px; } }
    .faq__wrapper--title {
      margin: 0 0 32px;
      text-align: center; }
      @media (min-width: 990px) {
        .faq__wrapper--title {
          margin: 0 0 48px; } }
      .faq__wrapper--title .label {
        display: inline-block;
        padding: 2px 10px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: var(--black);
        margin-bottom: 16px;
        border-radius: 4px;
        background: #FFFFFF;
        border: 1px solid #E5E5E3;
        box-shadow: 0px 4px 20px rgba(29, 31, 35, 0.12); }
        @media (min-width: 990px) {
          .faq__wrapper--title .label {
            margin-bottom: 24px; } }
      .faq__wrapper--title h2 {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 32px; }
        @media (min-width: 990px) {
          .faq__wrapper--title h2 {
            font-size: 48px;
            line-height: 60px;
            margin: 0 0 52px; } }
  .faq__item {
    border-bottom: 1px solid var(--light-grey);
    padding: 20px 0; }
    @media (min-width: 990px) {
      .faq__item {
        padding: 32px 0; } }
    .faq__item.active .faq__question::after {
      background: url("../media/icons/arrow-up.svg") no-repeat center center;
      margin-top: 0; }
    .faq__item.active .faq__answer {
      display: block; }
  .faq__question {
    font-weight: 600;
    padding-right: 48px;
    position: relative;
    cursor: pointer; }
    .faq__question::after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      margin: 0 0 0 0;
      width: 24px;
      height: 24px;
      background-image: url("../media/icons/arrow-down.svg");
      background-repeat: no-repeat; }
    .faq__question h4 {
      font-size: 18px;
      line-height: 28px;
      margin: 0; }
      @media (min-width: 990px) {
        .faq__question h4 {
          font-size: 20px; } }
  .faq__answer {
    display: none;
    padding: 12px 0 0; }
    @media (min-width: 990px) {
      .faq__answer {
        padding: 20px 0 0; } }
    .faq__answer p {
      font-size: 16px;
      line-height: 24px;
      margin: 0 0 16px; }
      .faq__answer p:last-child {
        margin-bottom: 0; }
      .faq__answer p a {
        color: var(--purple-2);
        text-decoration: underline; }
        .faq__answer p a:hover {
          color: var(--dark-purple); }

.cards {
  margin-bottom: 48px; }
  @media (min-width: 990px) {
    .cards {
      margin-bottom: 120px; } }
.card {
  display: block;
  padding: 16px;
  width: 100%;
  background-color: var(--light-purple);
  border-radius: 12px; }
  @media (min-width: 990px) {
    .card {
      height: 304px;
      padding: 24px; } }
  .card__icon {
    margin-bottom: 16px; }
    @media (min-width: 990px) {
      .card__icon {
        margin-bottom: 20px; } }
  .card h5 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 8px;
    font-weight: 600; }
    @media (min-width: 990px) {
      .card h5 {
        font-size: 18px;
        margin: 0 0 28px;
        margin: 0 0 12px; } }
  .card p {
    font-size: 16px;
    line-height: 24px;
    margin: 0; }

@media (min-width: 990px) {
  .testimonials .swiper {
    overflow: visible; }
  .testimonials .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    width: 100% !important;
    transform: none !important; }
  .testimonials .swiper-slide {
    min-width: 0 !important;
    margin: 0 !important;
    height: auto !important; }
  .testimonials .swiper-slide:nth-child(9n + 1) {
    grid-column: 1 / span 2; }
  .testimonials .swiper-slide:nth-child(9n + 2) {
    grid-column: 3; }
  .testimonials .swiper-slide:nth-child(9n + 3) {
    grid-column: 4; }
  .testimonials .swiper-slide:nth-child(9n + 4) {
    grid-column: 1; }
  .testimonials .swiper-slide:nth-child(9n + 5) {
    grid-column: 2 / span 2; }
  .testimonials .swiper-slide:nth-child(9n + 6) {
    grid-column: 4; }
  .testimonials .swiper-slide:nth-child(9n + 7) {
    grid-column: 1; }
  .testimonials .swiper-slide:nth-child(9n + 8) {
    grid-column: 2; }
  .testimonials .swiper-slide:nth-child(9n + 9) {
    grid-column: 3 / span 2; } }

@media (max-width: 989px) {
  .testimonials {
    margin-right: -16px; } }

.testimonial {
  color: var(--white);
  padding: 24px;
  border-radius: 12px;
  min-height: 240px;
  display: flex;
  flex-direction: column; }
  .testimonial p {
    flex: 1; }
  .testimonial.color-1 {
    background-color: #211E4D; }
  .testimonial.color-2 {
    background-color: #5850CC; }
  .testimonial.color-3 {
    background-color: #423C99; }
  .testimonial .author {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between; }
    .testimonial .author .name {
      display: flex;
      flex-direction: column;
      color: #C5C1FF; }
      .testimonial .author .name span {
        display: block;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px; }
      .testimonial .author .name small {
        display: block;
        font-size: 14px;
        line-height: 20px;
        color: #C5C1FF; }

.responsive-table {
  overflow-x: auto;
  margin-bottom: 24px;
  background-color: var(--white);
  border: 1px solid var(--light-grey);
  border-radius: 12px; }
  .responsive-table table {
    width: 100%;
    min-width: 768px;
    color: var(--dark-grey);
    font-size: 15px;
    background-color: transparent;
    border: 0;
    border-spacing: 0;
    border-collapse: separate; }
    .responsive-table table thead th {
      padding: 14px 16px;
      color: var(--black);
      font-weight: 600;
      text-align: left;
      background-color: var(--light-grey);
      border-bottom: 1px solid var(--light-grey); }
      .responsive-table table thead th:first-child {
        border-top-left-radius: 12px; }
      .responsive-table table thead th:last-child {
        border-top-right-radius: 12px; }
    .responsive-table table tbody td {
      padding: 16px;
      background-color: var(--white);
      border-bottom: 1px solid var(--light-grey);
      vertical-align: top; }
      .responsive-table table tbody td:first-child {
        color: var(--black); }
    .responsive-table table tbody tr:last-child td {
      border-bottom: 0; }
      .responsive-table table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 12px; }
      .responsive-table table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 12px; }

.video-popup {
  display: none; }
  .video-popup.active {
    display: flex;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    align-items: center;
    justify-content: center;
    padding: 24px; }
    .video-popup.active iframe,
    .video-popup.active video {
      width: 100%;
      max-width: 1280px;
      aspect-ratio: 16 / 9;
      height: auto;
      display: block; }
  .video-popup .close-popup {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url("../media/icons/X.svg") no-repeat center; }

#cookie-manager .text-center {
  text-align: center; }

#cookie-manager a {
  text-decoration: underline; }

#cookie-manager .cookie-consent {
  background: rgba(0, 0, 0, 0.8);
  font-size: 0.875rem;
  line-height: 1.3rem;
  color: white;
  position: fixed;
  right: 0;
  left: 0;
  text-align: left;
  bottom: 0;
  z-index: 9999;
  padding: 1rem;
  margin: auto;
  width: 100%;
  max-width: 768px; }
  @media (min-width: 990px) {
    #cookie-manager .cookie-consent {
      bottom: 2rem; } }
  #cookie-manager .cookie-consent .content {
    height: 100%;
    margin-top: 10px;
    justify-content: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    gap: 0.5rem;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 990px) {
      #cookie-manager .cookie-consent .content {
        flex-direction: row; } }
    #cookie-manager .cookie-consent .content .consent-button {
      cursor: pointer;
      display: inline-block;
      background-color: #fff;
      border: 2px solid transparent;
      color: #000;
      padding: 1.1em;
      min-width: 80px;
      border-radius: 3px;
      text-decoration: none;
      transition: all 0.3s ease-in;
      line-height: 1;
      margin: 0 0 0 6px; }
      #cookie-manager .cookie-consent .content .consent-button.settings {
        color: #fff;
        background-color: transparent;
        border-color: #fff; }

#cookie-manager .cookiedetails-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); }

#cookie-manager .cookiedetails-popup {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 768px;
  margin: auto;
  font-size: 1rem;
  color: #333;
  padding: 1rem;
  line-height: 1.3em;
  overflow: auto;
  background: #f9f9f9;
  max-height: 100vh; }
  @media (min-width: 990px) {
    #cookie-manager .cookiedetails-popup {
      border-radius: 5px; } }
  #cookie-manager .cookiedetails-popup .cookiedetails-content {
    overflow: auto; }
  #cookie-manager .cookiedetails-popup .cookiedetails-header {
    font-size: 1.25em;
    text-align: left;
    font-weight: 600; }
  #cookie-manager .cookiedetails-popup hr {
    margin: 1.5em 0;
    border: none;
    border-top: 1px solid #000; }
  #cookie-manager .cookiedetails-popup .interaction {
    display: flex;
    line-height: 1.3em;
    padding-bottom: 2em; }
    #cookie-manager .cookiedetails-popup .interaction .interaction-links {
      min-width: 18em;
      text-align: left; }
      @media only screen and (max-width: 768px) {
        #cookie-manager .cookiedetails-popup .interaction .interaction-links {
          min-width: 13em; } }
      @media only screen and (max-width: 500px) {
        #cookie-manager .cookiedetails-popup .interaction .interaction-links {
          min-width: 10em; } }
      #cookie-manager .cookiedetails-popup .interaction .interaction-links .link-item {
        padding: 1.5em 1em;
        cursor: pointer;
        color: #888;
        font-weight: 600;
        font-size: 1.125rem; }
        #cookie-manager .cookiedetails-popup .interaction .interaction-links .link-item:not(:last-of-type) {
          border-bottom: 1px solid #ddd; }
        #cookie-manager .cookiedetails-popup .interaction .interaction-links .link-item:hover {
          color: black; }
        #cookie-manager .cookiedetails-popup .interaction .interaction-links .link-item.active {
          position: relative;
          z-index: 11;
          color: black;
          background: #f9f9f9; }
    #cookie-manager .cookiedetails-popup .interaction .interaction-content {
      position: relative;
      z-index: 10;
      padding: 1rem;
      box-shadow: -20px 0px 20px -19px #ddd;
      box-shadow: -20px 0px 20px -19px rgba(0, 0, 0, 0.2);
      border: none; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content p {
        line-height: 1.3em;
        font-size: 1.125rem !important;
        margin-bottom: 0.5em; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content a {
        color: inherit;
        text-decoration: underline; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options .track-input {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5em 1em;
        margin-top: 0.5em;
        margin-bottom: 0.5em; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options input {
        display: none; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options.freeze {
        opacity: 0.6;
        pointer-events: none; }
        #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options.freeze .toggle-track {
          opacity: 0.6;
          pointer-events: none; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options .toggle-track {
        z-index: 1;
        height: 27px;
        width: 54px;
        background: #ddd;
        border-radius: 9999px;
        position: relative;
        border: 1px solid #ccc;
        clear: both;
        cursor: pointer;
        flex-shrink: 0; }
        #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options .toggle-track:before {
          content: '';
          float: right;
          height: 25px;
          width: 25px;
          background: #fff;
          border-radius: 9999px;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px; }
        #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options .toggle-track.disabled {
          cursor: not-allowed; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options .track-text {
        padding-top: 0.15em;
        position: relative;
        display: inline-flex;
        gap: 0.25rem; }
        #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options .track-text .enabled {
          font-weight: bold; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options .track-desc-text {
        padding-top: 0.15em;
        font-size: 0.9em; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options input[type="checkbox"]:checked + .toggle-track:before {
        float: left; }
      #cookie-manager .cookiedetails-popup .interaction .interaction-content .track-options input[type="checkbox"]:checked + .toggle-track {
        background: #5dceba; }
  #cookie-manager .cookiedetails-popup .btn-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem; }
    @media (min-width: 545px) {
      #cookie-manager .cookiedetails-popup .btn-container {
        flex-direction: row; } }
    #cookie-manager .cookiedetails-popup .btn-container button {
      cursor: pointer;
      padding: 1rem;
      border-radius: 3px;
      text-decoration: none;
      font-size: 1rem;
      color: #ffffff;
      background-color: #969696;
      white-space: nowrap;
      border-color: #969696; }
      #cookie-manager .cookiedetails-popup .btn-container button:hover {
        opacity: 0.9; }

.tool__wrapper {
  padding: 16px 0 48px; }
  @media (min-width: 990px) {
    .tool__wrapper {
      padding: 80px 0 96px; } }
  .tool__wrapper--title {
    margin: 0 0 26px; }
    .tool__wrapper--title h2 {
      font-size: 28px;
      line-height: 36px;
      margin-bottom: 0; }
      @media (min-width: 990px) {
        .tool__wrapper--title h2 {
          font-size: 48px;
          line-height: 60px; } }
    .tool__wrapper--title p {
      font-size: 18px;
      line-height: 28px;
      float: right; }
      @media (min-width: 1340px) {
        .tool__wrapper--title p {
          max-width: 510px; } }
  .tool__wrapper .label {
    display: inline-block;
    padding: 2px 10px;
    background: #FFFFFF;
    border: 1px solid #E5E5E3;
    box-shadow: 0px 4px 20px rgba(29, 31, 35, 0.12);
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px; }
  .tool__wrapper--content h3 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 32px; }

.screen {
  background-color: var(--grey);
  border-radius: 12px;
  padding: 64px 38px 120px;
  position: relative; }
  @media (min-width: 990px) {
    .screen {
      padding: 118px 70px; } }
  .screen::before {
    content: '';
    position: absolute;
    top: 59px;
    left: -48px;
    width: 152px;
    height: 80px;
    background-image: url("../media/components/hand.png");
    background-position: center;
    background-repeat: no-repeat; }
    @media (max-width: 989px) {
      .screen::before {
        top: 32px;
        left: -25px;
        width: 83px;
        height: 43px;
        background-size: cover; } }
  .screen::after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -4px;
    transform: translateX(-50%);
    width: 228px;
    height: 240px;
    background-image: url("../media/components/kid.png"); }
    @media (max-width: 989px) {
      .screen::after {
        bottom: -13px;
        width: 125px;
        height: 131px;
        background-size: cover; } }
  .screen img {
    width: 100%;
    border: 1px solid var(--black); }

.video__wrapper {
  padding: 48px 0 80px;
  position: relative;
  background: var(--bg) url("../media/bg/bg-mobile.png") no-repeat center bottom;
  background-size: 100% 100%; }
  @media (min-width: 990px) {
    .video__wrapper {
      padding: 76px 0 120px;
      background: var(--bg) url("../media/bg/bggradients-footer.png") no-repeat center center;
      background-size: initial; } }
  .video__wrapper::before {
    content: '';
    position: absolute;
    top: 195px;
    left: 0;
    width: 261px;
    height: 120px;
    background-image: url("../media/components/hand-left.png");
    background-position: center;
    background-repeat: no-repeat; }
    @media (max-width: 989px) {
      .video__wrapper::before {
        top: 192px;
        width: 100px;
        height: 45px;
        background-size: cover; } }
  .video__wrapper::after {
    content: '';
    position: absolute;
    bottom: 40px;
    right: 0;
    width: 278px;
    height: 160px;
    background-image: url("../media/components/hand-right.png");
    background-position: center;
    background-repeat: no-repeat; }
    @media (max-width: 989px) {
      .video__wrapper::after {
        bottom: 13px;
        width: 105px;
        height: 61px;
        background-size: cover; } }
  .video__wrapper--title {
    margin: 0 auto 48px;
    max-width: 733px;
    text-align: center;
    min-height: 144px; }
    .video__wrapper--title h2 {
      font-size: 24px;
      line-height: 32px;
      margin: 0 0 16px; }
      @media (min-width: 990px) {
        .video__wrapper--title h2 {
          font-size: 32px;
          line-height: 42px; } }
    .video__wrapper--title p {
      font-size: 16px;
      line-height: 24px;
      margin: 0 auto; }
      @media (min-width: 990px) {
        .video__wrapper--title p {
          font-size: 18px;
          line-height: 28px; } }
      @media (min-width: 1340px) {
        .video__wrapper--title p {
          max-width: 510px; } }
  .video__wrapper .video__content {
    max-width: 840px;
    aspect-ratio: 840 / 473;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
    .video__wrapper .video__content::before {
      content: '';
      position: absolute;
      bottom: -37px;
      left: 32px;
      width: 714px;
      height: 170px;
      background: url("../media/bg/dots.svg") no-repeat center center;
      background-size: cover; }
      @media (min-width: 990px) {
        .video__wrapper .video__content::before {
          bottom: -37px;
          left: -220px;
          width: 952px;
          height: 405px;
          background-size: initial; } }
    .video__wrapper .video__content .video-popup-trigger {
      position: relative;
      padding: 0 16px;
      background-color: var(--purple);
      z-index: 10;
      display: block;
      border-radius: 12px; }
      @media (min-width: 990px) {
        .video__wrapper .video__content .video-popup-trigger {
          padding: 0 40px; } }
      .video__wrapper .video__content .video-popup-trigger img {
        display: flex; }
      .video__wrapper .video__content .video-popup-trigger span {
        position: relative; }
        .video__wrapper .video__content .video-popup-trigger span::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(29, 31, 35, 0.5) url("data:image/svg+xml,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z' fill='%231D1F23'/%3E%3Cpath opacity='0.15' d='M33.3966 24.6272L19.8891 32.8884C19.7763 32.9569 19.6476 32.9944 19.5157 32.9972C19.3839 32.9999 19.2536 32.9679 19.1381 32.9043C19.0226 32.8407 18.9259 32.7478 18.8578 32.6349C18.7896 32.522 18.7524 32.3931 18.75 32.2613V15.7388C18.7524 15.6069 18.7896 15.478 18.8578 15.3651C18.9259 15.2522 19.0226 15.1593 19.1381 15.0957C19.2536 15.0321 19.3839 15.0001 19.5157 15.0029C19.6476 15.0056 19.7763 15.0431 19.8891 15.1116L33.3966 23.3728C33.5045 23.4381 33.5937 23.5302 33.6556 23.64C33.7175 23.7499 33.7501 23.8739 33.7501 24C33.7501 24.1261 33.7175 24.2501 33.6556 24.36C33.5937 24.4699 33.5045 24.5619 33.3966 24.6272Z' fill='white'/%3E%3Cpath d='M33.7875 22.7334L20.28 14.4703C20.0523 14.3308 19.7914 14.2547 19.5244 14.2498C19.2575 14.2448 18.994 14.3112 18.7613 14.4422C18.5307 14.5711 18.3387 14.759 18.2049 14.9867C18.0711 15.2144 18.0004 15.4737 18 15.7378V32.2622C18.0017 32.6583 18.1607 33.0376 18.442 33.3166C18.7233 33.5956 19.1038 33.7515 19.5 33.75C19.7765 33.7499 20.0477 33.6736 20.2838 33.5297L33.7875 25.2665C34.0046 25.1342 34.1839 24.9483 34.3084 24.7267C34.4329 24.5051 34.4983 24.2551 34.4983 24.0009C34.4983 23.7467 34.4329 23.4968 34.3084 23.2751C34.1839 23.0535 34.0046 22.8676 33.7875 22.7353V22.7334ZM19.5 32.2444V15.75L32.9841 24L19.5 32.2444Z' fill='white'/%3E%3C/svg%3E%0A");
          background-repeat: no-repeat;
          background-position: center;
          pointer-events: none;
          z-index: 10; }

.capacities__wrapper {
  padding: 48px 0 0; }
  @media (min-width: 990px) {
    .capacities__wrapper {
      padding: 120px 0 0; } }
  .capacities__wrapper--title {
    margin: 0 0 32px; }
    @media (min-width: 990px) {
      .capacities__wrapper--title {
        margin: 0 0 48px; } }
    .capacities__wrapper--title .label {
      display: inline-block;
      padding: 2px 10px;
      background: #FFFFFF;
      border: 1px solid #E5E5E3;
      box-shadow: 0px 4px 20px rgba(29, 31, 35, 0.12);
      border-radius: 4px;
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 24px; }
    .capacities__wrapper--title h2 {
      font-size: 28px;
      line-height: 36px;
      margin: 0 0 12px; }
      @media (min-width: 990px) {
        .capacities__wrapper--title h2 {
          font-size: 48px;
          line-height: 60px;
          margin: 0 0 20px; } }
    .capacities__wrapper--title p {
      font-size: 16px;
      line-height: 24px;
      margin: 0; }
      @media (min-width: 990px) {
        .capacities__wrapper--title p {
          font-size: 18px;
          line-height: 28px; } }
.text__article {
  margin-bottom: 30px; }
  @media (min-width: 990px) {
    .text__article {
      margin-bottom: 114px; } }
  .text__article .col-12 {
    display: flex;
    align-self: center; }
  .text__article--img {
    background-color: var(--grey);
    padding: 24px 38px;
    width: 100%;
    margin-bottom: 16px; }
    @media (min-width: 990px) {
      .text__article--img {
        margin-bottom: 0;
        padding: 90px 70px; } }
    .text__article--img img {
      width: 100%;
      border: 1px solid var(--black); }
  .text__article--video {
    background-color: var(--grey);
    width: 100%;
    aspect-ratio: 840 / 470;
    text-align: center;
    margin-bottom: 16px;
    position: relative;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 989px) {
      .text__article--video {
        padding: 25px 40px; } }
    .text__article--video img {
      display: block;
      width: 100%;
      max-width: 483px;
      border: 1px solid var(--black); }
    .text__article--video::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(29, 31, 35, 0.5) url("data:image/svg+xml,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z' fill='%231D1F23'/%3E%3Cpath opacity='0.15' d='M33.3966 24.6272L19.8891 32.8884C19.7763 32.9569 19.6476 32.9944 19.5157 32.9972C19.3839 32.9999 19.2536 32.9679 19.1381 32.9043C19.0226 32.8407 18.9259 32.7478 18.8578 32.6349C18.7896 32.522 18.7524 32.3931 18.75 32.2613V15.7388C18.7524 15.6069 18.7896 15.478 18.8578 15.3651C18.9259 15.2522 19.0226 15.1593 19.1381 15.0957C19.2536 15.0321 19.3839 15.0001 19.5157 15.0029C19.6476 15.0056 19.7763 15.0431 19.8891 15.1116L33.3966 23.3728C33.5045 23.4381 33.5937 23.5302 33.6556 23.64C33.7175 23.7499 33.7501 23.8739 33.7501 24C33.7501 24.1261 33.7175 24.2501 33.6556 24.36C33.5937 24.4699 33.5045 24.5619 33.3966 24.6272Z' fill='white'/%3E%3Cpath d='M33.7875 22.7334L20.28 14.4703C20.0523 14.3308 19.7914 14.2547 19.5244 14.2498C19.2575 14.2448 18.994 14.3112 18.7613 14.4422C18.5307 14.5711 18.3387 14.759 18.2049 14.9867C18.0711 15.2144 18.0004 15.4737 18 15.7378V32.2622C18.0017 32.6583 18.1607 33.0376 18.442 33.3166C18.7233 33.5956 19.1038 33.7515 19.5 33.75C19.7765 33.7499 20.0477 33.6736 20.2838 33.5297L33.7875 25.2665C34.0046 25.1342 34.1839 24.9483 34.3084 24.7267C34.4329 24.5051 34.4983 24.2551 34.4983 24.0009C34.4983 23.7467 34.4329 23.4968 34.3084 23.2751C34.1839 23.0535 34.0046 22.8676 33.7875 22.7353V22.7334ZM19.5 32.2444V15.75L32.9841 24L19.5 32.2444Z' fill='white'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 12px;
      pointer-events: none; }
    @media (min-width: 990px) {
      .text__article--video {
        margin-bottom: 0; } }
    .text__article--video video {
      width: 100%;
      height: 100%;
      border-radius: 12px; }
  .text__article--content {
    width: 100%; }
    @media (min-width: 1340px) {
      .text__article--content {
        max-width: 510px; } }
    .text__article--content.right {
      margin-left: auto; }
    .text__article--content h3 {
      font-size: 24px;
      line-height: 32px;
      margin: 0 0 16px; }
      @media (min-width: 990px) {
        .text__article--content h3 {
          font-size: 32px;
          line-height: 42px; } }
    .text__article--content p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 24px; }
      @media (min-width: 990px) {
        .text__article--content p {
          font-size: 18px;
          line-height: 28px; } }
    .text__article--content ul {
      list-style: none;
      padding-top: 24px;
      margin: 0;
      border-top: 1px solid var(--light-grey); }
      .text__article--content ul li {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 12px;
        padding-left: 36px;
        background: url("../media/icons/ArrowCircleRight.svg") no-repeat left top; }

.advantages__wrapper {
  padding: 48px 0 0;
  color: var(--white);
  background-color: var(--dark-purple); }
  @media (min-width: 990px) {
    .advantages__wrapper {
      padding: 120px 0 0; } }
  .advantages__wrapper--top {
    padding-bottom: 264px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    @media (min-width: 990px) {
      .advantages__wrapper--top {
        padding-bottom: 120px; } }
    .advantages__wrapper--top .container {
      position: relative; }
      .advantages__wrapper--top .container::after {
        content: '';
        position: absolute;
        bottom: -264px;
        left: 50%;
        transform: translateX(-50%);
        width: 220px;
        height: 264px;
        background: url("../media/components/hand-pc.png") no-repeat center center;
        background-size: cover; }
        @media (min-width: 990px) {
          .advantages__wrapper--top .container::after {
            bottom: -120px;
            width: 366px;
            height: 440px;
            left: 210px; } }
        @media (min-width: 1340px) {
          .advantages__wrapper--top .container::after {
            left: 160px; } }
  .advantages__wrapper--bottom {
    padding: 32px 0 48px; }
    @media (min-width: 990px) {
      .advantages__wrapper--bottom {
        padding: 80px 0 144px; } }
    .advantages__wrapper--bottom .advantages__wrapper--title p {
      float: right; }
      @media (min-width: 1340px) {
        .advantages__wrapper--bottom .advantages__wrapper--title p {
          max-width: 515px; } }
  .advantages__wrapper--title {
    padding-bottom: 32px; }
    @media (min-width: 990px) {
      .advantages__wrapper--title {
        padding-bottom: 54px; } }
    .advantages__wrapper--title .label {
      display: inline-block;
      padding: 2px 10px;
      background: var(--purple);
      box-shadow: 0px 4px 20px rgba(29, 31, 35, 0.12);
      border-radius: 4px;
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 24px; }
    .advantages__wrapper--title h2 {
      font-size: 28px;
      line-height: 36px;
      margin: 0 0 8px;
      color: var(--light-purple-2); }
      @media (min-width: 990px) {
        .advantages__wrapper--title h2 {
          font-size: 48px;
          line-height: 60px;
          margin: 0 0 20px; } }
    .advantages__wrapper--title h5 {
      font-size: 18px;
      line-height: 28px;
      color: var(--light-purple-2);
      margin: 12px 0; }
      @media (min-width: 990px) {
        .advantages__wrapper--title h5 {
          font-size: 20px;
          line-height: 28px;
          margin: 16px 0; } }
    .advantages__wrapper--title p {
      font-size: 16px;
      line-height: 24px;
      margin: 0; }
      @media (min-width: 990px) {
        .advantages__wrapper--title p {
          font-size: 18px;
          line-height: 28px; } }
.counters {
  margin-bottom: 32px; }
  @media (min-width: 990px) {
    .counters {
      margin-bottom: 80px; } }
  .counters .counter {
    padding: 20px 24px;
    border: 1px solid var(--light-purple-2);
    border-radius: 12px; }
    .counters .counter__number {
      font-size: 32px;
      line-height: 42px;
      font-weight: 700;
      margin: 0 0 4px;
      color: var(--light-purple-2); }
      @media (min-width: 990px) {
        .counters .counter__number {
          font-size: 64px;
          line-height: 72px;
          margin: 0 0 12px; } }
.page {
  width: 100%;
  max-width: 842px;
  margin: 0 auto;
  margin-bottom: 32px; }
  @media (min-width: 990px) {
    .page {
      margin-bottom: 56px; } }
  .page h1, .page h2 {
    margin: 0; }
  .page h1 {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 36px; }
    @media (min-width: 990px) {
      .page h1 {
        margin-bottom: 40px;
        font-size: 48px;
        line-height: 60px; } }
  .page h2 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px; }
    @media (min-width: 990px) {
      .page h2 {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 32px; } }
  .page a {
    font-weight: 500;
    text-decoration: underline; }
    .page a:hover {
      text-decoration: none; }
  .page ul, .page ol {
    margin: 0 0 20px; }
    .page ul li, .page ol li {
      font-weight: 300;
      font-size: 16px;
      line-height: 24px; }
      .page ul li a, .page ol li a {
        color: var(--purple-2); }
  .page ul {
    padding: 0; }
    .page ul li {
      position: relative;
      padding-left: 24px; }
      .page ul li::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 8px;
        width: 4px;
        height: 4px;
        background-color: var(--purple-2);
        border-radius: 50%; }
  .page ol {
    padding-left: 20px; }
    .page ol li {
      margin-bottom: 20px; }

.error-404 {
  position: relative;
  padding: 0 0 335px; }
  @media (min-width: 990px) {
    .error-404 {
      padding: 120px 0 240px; } }
  .error-404__item {
    max-width: 406px; }
    .error-404__item--img__robot, .error-404__item--img__lines, .error-404__item--img__sun {
      position: absolute; }
    .error-404__item--img__robot {
      right: 26px;
      bottom: 0;
      width: 222px; }
      @media (min-width: 990px) {
        .error-404__item--img__robot {
          right: 109px;
          width: auto; } }
    .error-404__item--img__lines {
      right: 18px;
      bottom: 300px;
      width: 158px; }
      @media (min-width: 990px) {
        .error-404__item--img__lines {
          right: 96px;
          bottom: 492px;
          width: auto; } }
    .error-404__item--img__sun {
      bottom: 199px;
      left: 18px;
      width: 77px; }
      @media (min-width: 990px) {
        .error-404__item--img__sun {
          right: 450px;
          bottom: 308px;
          left: auto;
          width: auto; } }
  .error-404 h1, .error-404 p {
    margin: 0; }
  .error-404 h1 {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 36px;
    font-weight: 500; }
    .error-404 h1 strong {
      font-weight: 700; }
    @media (min-width: 990px) {
      .error-404 h1 {
        margin-bottom: 24px;
        font-size: 48px;
        line-height: 60px; } }
    @media (min-width: 990px) {
      .error-404 h1 {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 56px; } }
  .error-404 p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px; }
    @media (min-width: 990px) {
      .error-404 p {
        margin-bottom: 32px;
        font-size: 20px;
        line-height: 28px; } }