/*
	Here are css blocks that are duplicated twice or more
	or may be duplicated twice or more in future
*/

/* .header */

.header {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    background: var(--shark-shark-600);
    transition: top 0.4s, background 0.4s;
}

html.-scroll-lock .header {
    right: var(--scrollbar-width);
}

.header__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    transition: padding 0.4s;
}

.header .logo {
    position: absolute;
    left: 0;
    height: 40px;
    transition: height 0.4s, margin 0.4s;
}

.header .logo img,
.header .logo video {
    display: block;
    height: 100%;
    transition: opacity 0.4s;
}

.header .logo video:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.header.-light {
    background: var(--white, #FFF);
}

/* .header.-light .logo img:last-child,
.header.-light .logo video:last-child {
	opacity: 1;
}

.header.-light .logo img:first-child,
.header.-light .logo video:first-child {
	opacity: 0;
} */

.header.-after-scroll .header__wrapper {
    padding: 16px 0;
}

.header.-after-scroll .logo {
    height: 32px;
    margin-right: 8px;
}

.header__menu {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(40px, 2.778vw);
}

.header__menu .header__menu-item,
.header-dropdown__visible {
    color: var(--White, #FFF);
    transition: color 0.4s;
    cursor: pointer;
}

.header__menu .header__menu-item.header-dropdown {
    cursor: auto;
}

.header.-light .header__menu .header__menu-item,
.header.-light .header-dropdown__visible {
    color: var(--shark-shark-600, #0A0B0D);
}

div.header__menu-item .visible {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: color 0.4s;
}

div.header__menu-item .visible:after {
    content: '';
    display: block;
    margin-left: min(4px, 0.278vw);
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    transition: opacity 0.4s, transform 0.4s;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjE2eDE2IC8gY2hldnJvbi1kb3duIj4KPHBhdGggaWQ9Ikljb24iIGQ9Ik00IDZMOCAxMEwxMiA2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=);
}

.header.-light div.header__menu-item .visible:after {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjE2eDE2IC8gY2hldnJvbi1kb3duIj4KPHBhdGggaWQ9Ikljb24iIGQ9Ik00IDZMOCAxMEwxMiA2IiBzdHJva2U9IiMwQTBCMEQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==);
}

.header__menu .header__menu-item.-active {
    pointer-events: none;
}

.header__menu .header__menu-item.-disabled {
    position: relative;
}

.header__menu .header__menu-item.-active,
.header__menu .header__menu-item.-disabled,
.header__menu .header__menu-item.-disabled .visible,
.header__menu .header__menu-item.-active .visible {
    color: var(--shark-shark-200, #B8BBBC);
}


.header.-light .header__menu .header__menu-item.-active,
.header.-light .header__menu .header__menu-item.-disabled,
.header.-light .header__menu .header__menu-item.-disabled .visible,
.header.-light .header__menu .header__menu-item.-active .visible {
    color: var(--shark-shark-300, #8C8F90);
}

.header__menu .header__menu-item.-active .visible:after,
.header__menu .header__menu-item.-disabled .visible:after {
    opacity: 0.8;
}

.header.-light .header__menu .header__menu-item.-active .visible:after,
.header.-light .header__menu .header__menu-item.-disabled .visible:after {
    opacity: 0.2;
}


.header__menu .header__menu-item.-disabled:after {
    content: 'Coming soon';
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%) translateY(5px) translateZ(0);
    padding: min(6px, 0.417vw) min(10px, 0.694vw) min(4px, 0.278vw) min(10px, 0.694vw);
    line-height: 100% !important;
    border-radius: min(4px, 0.278vw);
    background: var(--white);
    color: var(--shark-shark-600);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: transform 0.4s, opacity 0.4s;
}

.header.-light .header__menu .header__menu-item.-disabled:after {
    color: var(--white);
    background: var(--shark-shark-600);
}

.header__right.-hidden {
    opacity: 0;
    pointer-events: none;
}

.header__right {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: min(24px, 1.667vw);
}

.menu-open {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: min(8px, 0.556vw);
    color: var(--White, #FFF);
    transition: color 0.4s;
    cursor: pointer;
    padding-top: 4px;
}

.menu-open .icon {
    width: min(36px, 2.500vw);
    height: min(36px, 2.500vw);
    border-radius: 50%;
    border: 1px solid var(--shark-shark-475, #3C3D42);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: min(3px, 0.208vw);
    margin-top: -1px;
    padding: 1px 0 0 1px;
}

.menu-open .icon div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(3px, 0.208vw);
}

.menu-open .icon span {
    display: block;
    width: min(4px, 0.278vw);
    min-width: min(4px, 0.278vw);
    height: min(4px, 0.278vw);
    border-radius: 50%;
    transition: background 0.4s, opacity 0.4s;
    background: var(--White, #FFF);
}


.header.-light .menu-open .icon {
    border: 1px solid var(--shark-shark-100, #E4E7E9);
}

.header.-light .menu-open .icon span {
    background: var(--shark-shark-600, #0A0B0D);
}

.header.-light .menu-open {
    color: var(--shark-shark-600, #0A0B0D);
}


.menu-open .icon:before {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    transition: opacity 0.4s;
    opacity: 0;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjI5Mjg5IDMuMjkyODlDMy42ODM0MiAyLjkwMjM3IDQuMzE2NTggMi45MDIzNyA0LjcwNzExIDMuMjkyODlMOCA2LjU4NTc5TDExLjI5MjkgMy4yOTI4OUMxMS42ODM0IDIuOTAyMzcgMTIuMzE2NiAyLjkwMjM3IDEyLjcwNzEgMy4yOTI4OUMxMy4wOTc2IDMuNjgzNDIgMTMuMDk3NiA0LjMxNjU4IDEyLjcwNzEgNC43MDcxMUw5LjQxNDIxIDhMMTIuNzA3MSAxMS4yOTI5QzEzLjA5NzYgMTEuNjgzNCAxMy4wOTc2IDEyLjMxNjYgMTIuNzA3MSAxMi43MDcxQzEyLjMxNjYgMTMuMDk3NiAxMS42ODM0IDEzLjA5NzYgMTEuMjkyOSAxMi43MDcxTDggOS40MTQyMUw0LjcwNzExIDEyLjcwNzFDNC4zMTY1OCAxMy4wOTc2IDMuNjgzNDIgMTMuMDk3NiAzLjI5Mjg5IDEyLjcwNzFDMi45MDIzNyAxMi4zMTY2IDIuOTAyMzcgMTEuNjgzNCAzLjI5Mjg5IDExLjI5MjlMNi41ODU3OSA4TDMuMjkyODkgNC43MDcxMUMyLjkwMjM3IDQuMzE2NTggMi45MDIzNyAzLjY4MzQyIDMuMjkyODkgMy4yOTI4OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}


.header.-light .menu-open .icon:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjI5Mjg5IDMuMjkyODlDMy42ODM0MiAyLjkwMjM3IDQuMzE2NTggMi45MDIzNyA0LjcwNzExIDMuMjkyODlMOCA2LjU4NTc5TDExLjI5MjkgMy4yOTI4OUMxMS42ODM0IDIuOTAyMzcgMTIuMzE2NiAyLjkwMjM3IDEyLjcwNzEgMy4yOTI4OUMxMy4wOTc2IDMuNjgzNDIgMTMuMDk3NiA0LjMxNjU4IDEyLjcwNzEgNC43MDcxMUw5LjQxNDIxIDhMMTIuNzA3MSAxMS4yOTI5QzEzLjA5NzYgMTEuNjgzNCAxMy4wOTc2IDEyLjMxNjYgMTIuNzA3MSAxMi43MDcxQzEyLjMxNjYgMTMuMDk3NiAxMS42ODM0IDEzLjA5NzYgMTEuMjkyOSAxMi43MDcxTDggOS40MTQyMUw0LjcwNzExIDEyLjcwNzFDNC4zMTY1OCAxMy4wOTc2IDMuNjgzNDIgMTMuMDk3NiAzLjI5Mjg5IDEyLjcwNzFDMi45MDIzNyAxMi4zMTY2IDIuOTAyMzcgMTEuNjgzNCAzLjI5Mjg5IDExLjI5MjlMNi41ODU3OSA4TDMuMjkyODkgNC43MDcxMUMyLjkwMjM3IDQuMzE2NTggMi45MDIzNyAzLjY4MzQyIDMuMjkyODkgMy4yOTI4OVoiIGZpbGw9IiMwQTBCMEQiLz4KPC9zdmc+Cg==);
}

.header.-light .menu-open .icon span {
    background: var(--shark-shark-600, #0A0B0D);
}

.header.-light .menu-open {
    color: var(--shark-shark-600, #0A0B0D);
}

.menu-open.-active .icon span {
    opacity: 0;
}

.menu-open.-active .icon:before {
    opacity: 1;
}

.header-hidden-menu {
    display: none;
}

/** pages menu */

.pages-menu {
    opacity: 0;
    position: absolute;
    right: 0;
    top: calc(100% + min(8px, 0.556vw));
    min-width: min(531px, 36.875vw);
    pointer-events: none;
    transform: translateY(max(-10px, -0.694vw));

    border-radius: min(16px, 1.111vw);
    background: var(--shark-shark-550, #1A1B21);
    box-shadow: 0px min(16px, 1.111vw) min(40px, 2.778vw) 0px rgba(10, 11, 13, 0.08);

    display: flex;
    justify-content: space-between;
    transition: height 0.4s, opacity 0.4s, transform 0.4s;
}

.pages-menu.-active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.pages-menu .menu {
    padding: min(24px, 1.667vw);
    height: fit-content;
}

.pages-menu .link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--White, #FFF);
    white-space: nowrap;
    transition: color 0.4;
    gap: min(8px, 0.556vw);
    width: fit-content;
}

.pages-menu .link.-coming-soon {
    color: var(--shark-shark-300, #8C8F90);
    pointer-events: none;
}

.pages-menu .link.-coming-soon .label {
    border-radius: min(100px, 6.944vw);
    background: var(--shark-shark-500, #313237);
    padding: min(3px, 0.208vw) min(6px, 0.417vw) 0 min(6px, 0.417vw);
    height: min(18px, 1.250vw);
    display: flex;
    justify-content: center;
    align-items: center;


    font-family: Rotunda,sans-serif;
    font-size: min(9px, 0.625vw);
    line-height: min(9px, 0.625vw);
    text-transform: uppercase;
    width: fit-content;
}

.pages-menu .link .number {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: min(3px, 0.208vw) 0 0 0;
    border-radius: min(16px, 1.111vw);
    border: 1px solid var(--shark-shark-500, #313237);
    width: min(20px, 1.389vw);
    aspect-ratio: 1/1;
    font-family: 'Rotunda',sans-serif;
    font-size: min(9px, 0.625vw);
    line-height: min(9px, 0.625vw);
    /* 100% */
    text-transform: uppercase;
}

.pages-menu .link + .link {
    margin-top: min(22.5px, 1.563vw);
}


.pages-menu .preview-zone {
    position: relative;
    width: min(320px, 22.222vw);
    overflow: hidden;
}

.pages-menu .preview-zone .default-view {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: min(24px, 1.667vw);
    min-height: 100%;
    min-width: 100%;
    top: 0;
    left: 0;
    transition: opacity 0.4s;
}

.pages-menu .preview-zone .default-view img {
    display: block;
}

.pages-menu .preview {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    left: 0;
    top: 0;
    padding: min(24px, 1.667vw);
    transition: opacity 0.4s;
}

.pages-menu .preview.-active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
}

.pages-menu .preview-zone .default-view.-hidden {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}


.pages-menu .review {
    padding: min(16px, 1.111vw);
    border: 1px solid var(--shark-shark-450, #48494D);
}

.pages-menu .review .title {
    line-height: 125%;
    color: var(--White, #FFF);
}

.pages-menu .review .title br,
.pages-menu .review .title span {
    display: none !important;
}

.pages-menu .review .text {
    margin: min(16px, 1.111vw) 0;
    max-height: min(140px, 9.722vw);
    line-height: 133%;
    color: var(--shark-shark-300, #8C8F90);


    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 7;
}

.pages-menu .review .text:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: min(40px, 2.778vw);
    background: linear-gradient(0deg, #1A1B21 0%, rgba(26, 27, 33, 0.00) 100%);
}

.pages-menu .review .review__person-img {
    width: min(40px, 2.778vw);
    height: min(40px, 2.778vw);
}

.pages-menu .review .review__person {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pages-menu .review__person-name {
    margin: min(4px, 0.278vw) 0 0 min(10px, 0.694vw);
}

.pages-menu .review__person-name {
    margin-top: 0;
}

.pages-menu .review__person-name .name {
    color: var(--White, #FFF);
}

.pages-menu .review__person-name .position {
    margin-top: min(7px, 0.486vw);
    color: var(--shark-shark-300, #8C8F90);
}

.pages-menu .preview > img {
    display: block;
    width: 100%;
}

.careers-preview .title {
    margin-top: min(16px, 1.111vw);
    line-height: 125%;
    color: var(--white);
}

.careers-preview .images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: min(8px, 0.556vw);
}

.careers-preview .images .img {
    border-radius: min(16px, 1.111vw);
    height: min(62px, 4.306vw);
}

.careers-preview .images .img img {
    display: block;
    width: 100%;
    max-height: 100%;
    border-radius: inherit;
}

.careers-preview .images .img:nth-child(3n+2) {
    grid-row: span 2;
    height: min(124px, 8.611vw);
}

.pages-menu .post-card {
    padding: min(15px, 1.042vw);
    border-radius: min(16px, 1.111vw);
    border: 1px solid var(--shark-shark-500, #313237);
}

.pages-menu .post-card .img {
    border-radius: min(15px, 1.042vw);
    height: auto;
    width: 100%;
}

.pages-menu .post-card .blog-tag {
    margin-top: min(16px, 1.111vw);
    margin-bottom: min(13px, 0.903vw);
    height: min(24px, 1.667vw);
    font-family: 'Rotunda',sans-serif;
    font-weight: 600;
    font-size: min(9px, 0.625vw);
    line-height: 100%;
    text-transform: uppercase;
}

.pages-menu .post-card .title {
    margin-top: min(12px, 0.833vw);
    color: var(--White, #FFF) !important;
    line-height: 133%;
}

.pages-menu .post-card .content {
    padding: 0;
}

/* mega menu */

.header-dropdown {
    position: relative;
}

.header-dropdown:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: block;
    width: 150%;
    height: calc(100% + 30px);
    pointer-events: none;
}

.header-dropdown__hidden {
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    top: 70px;
    width: min(1200px, 83.333vw);
    border-radius: min(16px, 1.111vw);

    background: var(--shark-shark-550, #1A1B21);

    pointer-events: none;
    opacity: 0;
    transition: transform 0.4s, opacity 0.4s, top 0.4s;
}

.header.-after-scroll .header-dropdown__hidden {
    top: 64px;
}

.header-dropdown__inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: min(40px, 2.778vw);
}

.header-dropdown__hidden.-products .header-dropdown__menu-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: min(516px, 35.833vw);
    gap: min(8px, 0.556vw);
    padding: min(24px, 1.667vw);
}

.header-dropdown__hidden.-products .link.-coming-soon .title {
    position: relative;
}

.header-dropdown__hidden.-products .link.-coming-soon .title .label {
    position: relative;
    margin: 0 0 2px auto;
}

.header-dropdown__hidden .header-dropdown__menu-col .link {
    border-radius: min(16px, 1.111vw);
    padding: min(15px, 1.042vw);
    border: 1px solid var(--shark-shark-500, #313237);
    transition: background 0.4s, border 0.4s;
}

.header-dropdown__hidden .header-dropdown__menu-col .link .title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(12px, 0.833vw);
    color: var(--White, #FFF);
    line-height: 100% !important;
    padding-top: min(4px, 0.278vw);
}

.header-dropdown__hidden.-products .header-dropdown__menu-col .link .title .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(24px, 1.667vw);
    height: min(24px, 1.667vw);
    border-radius: 50%;
    background: var(--secondary-portage, #9B6EF5);
    margin-top: max(-4px, -0.278vw);
}

.header-dropdown__hidden.-products .header-dropdown__menu-col .link .title .img img {
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
}

.header-dropdown__hidden .header-dropdown__menu-col .link .text {
    color: var(--shark-shark-300, #8C8F90);
    margin-top: min(8px, 0.556vw);
    line-height: 133%;
}

.header-dropdown__hidden.-products .header-dropdown__menu-col .link .text {
    margin-top: min(16px, 1.111vw);
}


.header-dropdown__hidden .header-dropdown__preview-col {
    position: relative;
    z-index: 1;
    height: 100%;
    max-width: min(260px, 18.056vw);
    width: min(260px, 18.056vw);
    aspect-ratio: 130/181;
    margin: auto 0;
}

.header-dropdown__hidden.-products .header-dropdown__preview-col {
    margin-right: min(24px, 1.667vw);
}

.header-dropdown__hidden .header-dropdown__preview-col .img {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s;
}

.header-dropdown__hidden .header-dropdown__preview-col .img:first-child {
    position: relative;
}

.header-dropdown__hidden .header-dropdown__preview-col .img img {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.header-dropdown__hidden .header-dropdown__preview-col .img.-active {
    opacity: 1;
    pointer-events: auto;
}

.header-dropdown__preview-col .dots_bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.header-dropdown__hidden.-products .header-dropdown__static-col {
    width: min(320px, 22.222vw);
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: min(24px, 1.667vw);
    background: var(--shark-shark-500, #313237);
    border-radius: 0 min(16px, 1.111vw) min(16px, 1.111vw) 0;
}

.header-dropdown__hidden.-products .header-dropdown__static-col > .title {
    color: var(--shark-shark-300, #8C8F90);
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review {
    margin-top: min(16px, 1.111vw);
    padding: min(15px, 1.042vw);
    border: 1px solid var(--shark-shark-450, #48494D);
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review .title {
    line-height: 125%;
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review .title br,
.header-dropdown__hidden.-products .header-dropdown__static-col .review .title span {
    display: none !important;
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review .text {
    margin: min(16px, 1.111vw) 0;
    max-height: min(250px, 17.159vw);
    line-height: 133%;
    color: var(--shark-shark-300, #8C8F90);


    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 12;
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review .text:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: min(40px, 2.778vw);
    background: linear-gradient(0deg, #313237 0%, rgba(49, 50, 55, 0.00) 100%);
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review .review__person-img {
    width: min(40px, 2.778vw);
    height: min(40px, 2.778vw);
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review .review__person {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review__person-name {
    margin: min(4px, 0.278vw) 0 0 min(10px, 0.694vw);
}

.header-dropdown__hidden.-products .header-dropdown__static-col .review__person-name .position {
    margin-top: min(4px, 0.278vw);
}

.header-dropdown__hidden.-products .header-dropdown__static-col .link {
    color: var(--White, #FFF);

    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: min(8px, 0.556vw);
    padding-top: min(3px, 0.208vw);
    width: fit-content;
    margin: 16px 0 0 auto;

    transition: opacity 0.4s;
}

.header-dropdown__hidden.-products .header-dropdown__static-col .link:after {
    content: '';
    margin-top: max(-3px, -0.208vw);
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJMMTAgOEw2IDQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.header-dropdown__hidden .triangle {
    position: absolute;
    left: 0;
    top: -10px;
    display: block;
    width: min(16px, 1.111vw);
    height: 10px;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSA5Ljk5ODQ0TDcuNzE5MTggMC45NzU4NzRDOC4xMTk1IDAuNDc1NTQ3IDguODgwNSAwLjQ3NTU0NyA5LjI4MDgyIDAuOTc1ODc0TDE2LjUgOS45OTg0NEgwLjVaIiBmaWxsPSIjMUExQjIxIi8+Cjwvc3ZnPgo=);
}

/* services menu */

.header-dropdown__hidden.-services .header-dropdown__menu-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(8px, 0.556vw);
    width: 100%;
    height: fit-content;
}

.header-dropdown__hidden.-services .header-dropdown__menu-col.-medium {
    grid-template-columns: repeat(2, 1fr);
}

.header-dropdown__hidden.-services .header-dropdown__menu-col.-big {
    grid-template-columns: 1fr;
}

.header-dropdown__hidden.-services .header-dropdown__inner {
    padding: min(24px, 1.667vw);
    gap: min(24px, 1.667vw);
}

.header-dropdown__hidden.-services .header-dropdown__menu-col .link.-coming-soon {

    padding: min(11px, 0.764vw) min(11px, 0.764vw) min(15px, 1.042vw) min(15px, 1.042vw);
}

.header-dropdown__hidden .header-dropdown__menu-col .link.-coming-soon *,
.header-dropdown__hidden .header-dropdown__menu-col .link.-coming-soon {
    color: var(--shark-shark-300, #8C8F90) !important;
    pointer-events: none;
}

.header-dropdown__hidden .header-dropdown__menu-col .link.-coming-soon .label {
    border-radius: min(100px, 6.944vw);
    background: var(--shark-shark-500, #313237);
    padding: min(2px, 0.139vw) min(6px, 0.417vw) 0 min(6px, 0.417vw);
    height: min(18px, 1.250vw);
    display: flex;
    justify-content: center;
    align-items: center;


    font-family: 'Rotunda',sans-serif;
    font-size: min(9px, 0.625vw);
    line-height: min(9px, 0.625vw);
    text-transform: uppercase;
    width: fit-content;

    margin: 0 0 min(38px, 2.639vw) auto;
}

.header-dropdown__hidden.-services .header-dropdown__menu-col .link .img {
    width: min(40px, 2.778vw);
    height: min(40px, 2.778vw);
    border-radius: 50%;
    margin: 0 0 min(12px, 0.833vw) 0;
}

.header-dropdown__hidden.-services .header-dropdown__menu-col .link .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: inherit;
}

.header-dropdown__hidden.-services .header-dropdown__menu-col .link .title {
    margin: auto 0 0 0;
}

.header-dropdown__hidden.-services .header-dropdown__preview-col {
    width: min(296px, 20.556vw);
    min-width: min(296px, 20.556vw);
    min-height: min(296px, 20.556vw);
    aspect-ratio: auto;
    margin: 0;
}


/** conveyor belt */

body.-has-conveyor .header {
    top: min(40px, 2.778vw);
}


body.-has-conveyor .header.-after-scroll {
    top: 0;
}

/* Footer */

.footer-wrapper {
    margin-top: var(--default-section-margin);
}

.footer {
    padding: min(80px, 5.556vw) 0;
}

.footer__wrapper {
    width: 100%;
}

.footer__wrapper .logo {
    display: block;
    width: min(64px, 4.444vw);
}

.footer__wrapper .logo img,
.footer__wrapper .logo video {
    display: block;
    width: 100%;
}

.footer__top-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .copyright {
    color: var(--shark-shark-350, #76767A);
    text-align: right;
    line-height: 133%;
}

.footer__wrapper > .copyright {
    display: none;
}

.footer__row:not(:first-child) {
    margin-top: min(120px, 8.333vw);
}

.mobile-accordion__open {
    pointer-events: none;
    user-select: none;
}

.mobile-accordion__content {
    padding-top: min(17px, 1.181vw);
}

.mobile-accordion__content * {
    line-height: 133%;
}

.mobile-accordion__content .link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    gap: min(8px, 0.556vw);
    line-height: 133%;
}

.mobile-accordion__content .link svg,
.mobile-accordion__content .link img {
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    object-fit: contain;
    margin-top: max(-2px, -0.139vw);
    transition: opacity 0.4s;
}

.mobile-accordion__content .link.-underline {
    text-decoration: underline;
    transition: 0.4s;
    text-decoration-color: rgba(255, 255, 255, 0.3);
}

.mobile-accordion__content .link .number {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: min(3px, 0.139vw) 0 0 0;
    border-radius: min(16px, 1.111vw);
    width: min(20px, 1.389vw);
    aspect-ratio: 1/1;
    font-family: 'Rotunda',sans-serif;
    font-size: min(9px, 0.625vw);
    line-height: min(9px, 0.625vw);
    text-transform: uppercase;
    margin-top: max(-2px, -0.139vw);
    transition: opacity 0.4s;
    border: 1px solid var(--shark-shark-450, #48494D);
}


.mobile-accordion__content .link + .link {
    margin-top: min(12px, 0.833vw);
}

.mobile-accordion__content p a {
    text-decoration: underline;
    transition: 0.4s;
    text-decoration-color: rgba(255, 255, 255, 0.3);
}

.footer__middle-row {
    /* display: grid;
    grid-template-columns: repeat(4, 1fr); */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: min(40px, 2.778vw);
}

.footer__middle-row .col {
    max-width: min(270px, 18.750vw);
}

.footer .mobile-accordion + .mobile-accordion {
    margin-top: min(40px, 2.778vw);
}

.footer__bottom-menu {
    display: none;
}

.footer__bottom-row {
    margin-top: min(120px, 8.333vw);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(32px, 2.222vw);
}

.footer__bottom-row .developed-by {
    margin-left: auto;
    margin-right: 0;
}

.footer__bottom-row .link {
    color: var(--shark-shark-350, #76767A);
}

.footer__bottom-row .linkedin {
    margin: 0 0 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(8px, 0.556vw);
    color: var(--White, #FFF);
}

.footer__bottom-row .linkedin img {
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    object-fit: contain;
    margin-top: max(-2px, -0.139vw);
    transition: opacity 0.4s;
}

.footer__bottom-row .pci-certificate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(8px, 0.556vw);
}

.footer__bottom-row .pci-certificate img {
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    margin-top: max(-2px, -0.139vw);
    transition: filter 0.4s;
}


/* section-label */

.product-label {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: min(40px, 2.778vw);
    height: min(32px, 2.222vw);
    width: fit-content;
    /*background: var(--secondary-sun, #FCB000);*/
    background: var(--secondary-shamrock, #36C293);
    line-height: 100% !important;
    padding: min(1px, 0.139vw) min(13px, 0.903vw) 0 min(36px, 2.500vw);
    color: var(--White, #FFF);
}

.product-label.-yellow {
    background: var(--secondary-broom, #FAEE37);
}

.product-label:before {
    content: '';
    position: absolute;
    left: min(12px, 0.833vw);
    display: block;
    width: min(16px, 1.111vw);
    min-width: min(16px, 1.111vw);
    aspect-ratio: 1/1;
    margin-top: max(-2px, -0.139vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk4NyAxLjMzNTk0TDkuMzQgNC44MjMzM0M5LjUyODAxIDUuMzEyMTUgOS42MjIwMSA1LjU1NjU2IDkuNzY4MiA1Ljc2MjE0QzkuODk3NzYgNS45NDQzNSAxMC4wNTcgNi4xMDM1NSAxMC4yMzkyIDYuMjMzMTFDMTAuNDQ0NyA2LjM3OTI5IDEwLjY4OTIgNi40NzMyOSAxMS4xNzggNi42NjEzTDE0LjY2NTQgOC4wMDI2TDExLjE3OCA5LjM0MzkxQzEwLjY4OTIgOS41MzE5MiAxMC40NDQ3IDkuNjI1OTIgMTAuMjM5MiA5Ljc3MjFDMTAuMDU3IDkuOTAxNjYgOS44OTc3NiAxMC4wNjA5IDkuNzY4MiAxMC4yNDMxQzkuNjIyMDIgMTAuNDQ4NyA5LjUyODAxIDEwLjY5MzEgOS4zNCAxMS4xODE5TDcuOTk4NyAxNC42NjkzTDYuNjU3NCAxMS4xODE5QzYuNDY5MzkgMTAuNjkzMSA2LjM3NTM4IDEwLjQ0ODcgNi4yMjkyIDEwLjI0MzFDNi4wOTk2NCAxMC4wNjA5IDUuOTQwNDUgOS45MDE2NiA1Ljc1ODI0IDkuNzcyMUM1LjU1MjY1IDkuNjI1OTIgNS4zMDgyNCA5LjUzMTkyIDQuODE5NDIgOS4zNDM5MUwxLjMzMjAzIDguMDAyNkw0LjgxOTQyIDYuNjYxM0M1LjMwODI0IDYuNDczMjkgNS41NTI2NSA2LjM3OTI5IDUuNzU4MjQgNi4yMzMxMUM1Ljk0MDQ0IDYuMTAzNTUgNi4wOTk2NCA1Ljk0NDM1IDYuMjI5MiA1Ljc2MjE0QzYuMzc1MzggNS41NTY1NiA2LjQ2OTM5IDUuMzEyMTUgNi42NTczOSA0LjgyMzMzTDcuOTk4NyAxLjMzNTk0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}

.section-title .img {
    display: inline-block;
    position: relative;
    width: min(96px, 6.667vw);
    aspect-ratio: 1/1;
    vertical-align: top;
}

.section-title .img.-medium {
    width: min(72px, 5.000vw);
}

.section-title .img .img-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: min(112px, 7.778vw);
    border: 1px solid var(--shark-shark-100, #E4E7E9);
    /* margin-top: min(19px, 1.319vw); */
    margin-top: 0;
}

.--black-section .section-title .img .img-wrapper {
    border: 1px solid var(--shark-shark-475, #3C3D42);
    /* margin-top: min(13px, 0.903vw); */
    margin-top: max(-7px, -0.486vw);
}

.section-title .img img {
    display: block;
    width: min(24px, 1.667vw) !important;
    aspect-ratio: 1/1;
}

.--black-section .section-title .img .img-wrapper.-full img {
    width: 100% !important;
    height: auto;
}

.section-title i,
.section-title em {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSI4OCIgdmlld0JveD0iMCAwIDEgODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9Ijg4IiByeD0iMC41IiBmaWxsPSIjMzEzMjM3Ii8+Cjwvc3ZnPgo=);
    background-position: left min(-7px, -0.486vw) bottom min(18px, 1.250vw);
    background-repeat: repeat-x;
    background-size: auto min(88px, 6.111vw);
    font-style: normal !important;
    position: relative;
    z-index: 1;
    padding-right: min(8px, 0.556vw);
    margin-right: max(-8px, -0.556vw);
    padding-left: min(2px, 0.139vw);
    margin-left: max(-2px, -0.139vw);
    padding-bottom: min(8px, 0.556vw);
    padding-top: min(7px, 0.486vw);
    border-radius: min(6px, 0.339vw);
}

/* .-apple .section-title i {
	padding-bottom: 5px;
} */


/* .-apple .review__person-name {
	margin-top: 0;
} */


/* Accordions */

.--accordion__content-container {
    height: 0;
    transition: height 0.7s;
    overflow: hidden;
}


.swiper-slider .progress {
    position: relative;
    margin-top: min(80px, 5.556vw);
}

.swiper-slider .progress {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slider .swiper-pagination {
    position: relative;
    top: 0;
    left: 0;
    max-width: min(930px, 64.583vw);
    height: min(5px, 0.347vw);
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
}

.swiper-slider .swiper-pagination:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: min(1px, 0.069vw);
    left: 0;
    background: var(--shark-shark-100, #E4E7E9);
}

.swiper-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: min(3px, 0.208vw);
    left: 0;
    top: auto;
    position: absolute;
    border-radius: min(8px, 0.556vw);
    background: var(--shark-shark-600, #0A0B0D);
}

.--black-section .swiper-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--White, #FFF);
}

.--black-section .swiper-slider .swiper-pagination:before {
    background: var(--shark-shark-450, #48494D);
}

.progress .start,
.progress .end,
.key-features__progress .start,
.key-features__progress .end {
    color: var(--shark-shark-375, #6A6B6F);
    width: min(32px, 2.222vw);
    height: min(32px, 2.222vw);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: min(1px, 0.069vw);
}

.progress.-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.progress.-vertical .progress {
    position: relative;
    display: block;
    width: min(1px, 0.069vw);
    border-radius: min(20px, 1.389vw);
    background: var(--shark-shark-450, #48494D);
}

.progress.-vertical .progress-active {
    display: block;
    position: absolute;
    top: 0;
    width: min(2px, 0.139vw);
    left: 50%;
    transform: translateX(-50%);
    border-radius: min(20px, 1.389vw);
    background: var(--white, #FFF);
}

/* .-apple .progress .start,
.-apple .progress .end,
.-apple .key-features__progress .start,
.-apple .key-features__progress .end {
	padding-top: min(1px, 0.069vw);
} */


/* default swiper pagination */

.swiper-pagination-bullets {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: var(--shark-shark-100, #E4E7E9);
    transition: background 0.4s;
    margin: 0 4px;
    opacity: 1 !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: var(--shark-shark-600, #0A0B0D);
}

/* form */

.form-section .form {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 16px;
    background: var(--accent, #512CCC);
    transition: height 0.4s;
    overflow: hidden;
}

.form-start,
.form-complete {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /*gap: min(80px, 5.556vw);*/
    padding: min(40px, 2.778vw);
    transition: opacity 0.4s;
}

.form-start__left,
.form-complete__left {
    padding: min(40px, 2.778vw);
    color: var(--white, #fff);
}

.form-start__left .title .img,
.form-complete__left .title .img {
    position: relative;
    width: min(64px, 4.444vw);
    height: min(64px, 4.444vw);
    border-radius: min(80px, 5.556vw);
    vertical-align: middle;
    display: inline-block;
}

.form-start__left .title .img .img__wrapper,
.form-complete__left .img .img__wrapper {
    position: absolute;
    left: 0;
    top: max(-5px, -0.347vw);
}

.form-start__left .title .img *,
.form-complete__left .title .img * {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: contain;
    display: block;
}

.form-start__left .title .img:not(:first-of-type) {
    margin-left: max(-20px, -1.389vw);
}

.form-start__left .title .img .img-wrapper.-full {
    border: 0 !important;
    
}
.form-start__left .title .img .img-wrapper.-full img {
    width: 100% !important;
}

.form-start__left .text,
.form-complete__left .text {
    margin-top: min(24px, 1.667vw);
    max-width: min(456px, 31.667vw);
}

.form-start__wrapper {
    width: min(540px, 37.500vw);
    min-width: min(540px, 37.500vw);
    border-radius: min(16px, 1.111vw);
    background: var(--white, #FFF);
    padding: min(48px, 3.333vw) min(40px, 2.778vw);
}

.form-start__wrapper .input {
    margin-bottom: min(32px, 2.222vw);
}

.form-start__wrapper .default-button {
    width: 100%;
}

.form-start__wrapper .text {
    margin-top: min(32px, 2.222vw);
}

.form-complete__wrapper {
    width: min(540px, 37.500vw);
    min-width: min(540px, 37.500vw);
    padding: min(8px, 0.556vw) min(2px, 0.139vw);
}

.form-complete__wrapper img {
    display: block;
    width: 100%;
}

.form-complete {
    /* position: absolute; */
    left: 0;
    top: 0;
    /* opacity: 0; */
    /* pointer-events: none; */
}

.form.-complete .form-complete {
    opacity: 1;
    pointer-events: auto;
    position: relative;

}

.form.-complete .form-start {
    /* position: absolute; */
    left: 0;
    top: 0;
    /* opacity: 0; */
    pointer-events: none;
}

/* Breadcrumbs */

.breadcrumbs {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 80px);
    top: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(8px, 0.556vw);
}

.breadcrumbs .home {
    position: relative;
    display: block;
    width: min(16px, 1.111vw);
    min-width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    margin-top: max(-2px, -0.139vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gaG9tZS0wMiI+CjxwYXRoIGlkPSJJY29uIiBkPSJNNiAxNFY5LjA2NjY2QzYgOC42OTMyOSA2IDguNTA2NiA2LjA3MjY2IDguMzY0QzYuMTM2NTggOC4yMzg1NSA2LjIzODU3IDguMTM2NTcgNi4zNjQwMSA4LjA3MjY1QzYuNTA2NjEgNy45OTk5OSA2LjY5MzMgNy45OTk5OSA3LjA2NjY3IDcuOTk5OTlIOC45MzMzM0M5LjMwNjcgNy45OTk5OSA5LjQ5MzM5IDcuOTk5OTkgOS42MzU5OSA4LjA3MjY1QzkuNzYxNDQgOC4xMzY1NyA5Ljg2MzQyIDguMjM4NTUgOS45MjczNCA4LjM2NEMxMCA4LjUwNjYgMTAgOC42OTMyOSAxMCA5LjA2NjY2VjE0TTcuMzQ1MTMgMS44NDI2N0wyLjgyMzU5IDUuMzU5NDJDMi41MjEzNSA1LjU5NDUgMi4zNzAyMiA1LjcxMjA0IDIuMjYxMzUgNS44NTkyNEMyLjE2NDkxIDUuOTg5NjMgMi4wOTMwNyA2LjEzNjUyIDIuMDQ5MzUgNi4yOTI3QzIgNi40NjkwMSAyIDYuNjYwNDYgMiA3LjA0MzM3VjExLjg2NjdDMiAxMi42MTM0IDIgMTIuOTg2OCAyLjE0NTMyIDEzLjI3MkMyLjI3MzE2IDEzLjUyMjkgMi40NzcxMyAxMy43MjY4IDIuNzI4MDEgMTMuODU0N0MzLjAxMzIzIDE0IDMuMzg2NiAxNCA0LjEzMzMzIDE0SDExLjg2NjdDMTIuNjEzNCAxNCAxMi45ODY4IDE0IDEzLjI3MiAxMy44NTQ3QzEzLjUyMjkgMTMuNzI2OCAxMy43MjY4IDEzLjUyMjkgMTMuODU0NyAxMy4yNzJDMTQgMTIuOTg2OCAxNCAxMi42MTM0IDE0IDExLjg2NjdWNy4wNDMzN0MxNCA2LjY2MDQ2IDE0IDYuNDY5MDEgMTMuOTUwNiA2LjI5MjdDMTMuOTA2OSA2LjEzNjUyIDEzLjgzNTEgNS45ODk2MyAxMy43Mzg2IDUuODU5MjRDMTMuNjI5OCA1LjcxMjA0IDEzLjQ3ODcgNS41OTQ1IDEzLjE3NjQgNS4zNTk0Mkw4LjY1NDg3IDEuODQyNjdDOC40MjA2NSAxLjY2MDUgOC4zMDM1NCAxLjU2OTQxIDguMTc0MjMgMS41MzQ0QzguMDYwMTMgMS41MDM1MSA3LjkzOTg3IDEuNTAzNTEgNy44MjU3NyAxLjUzNDRDNy42OTY0NiAxLjU2OTQxIDcuNTc5MzUgMS42NjA1IDcuMzQ1MTMgMS44NDI2N1oiIHN0cm9rZT0iIzBBMEIwRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=);
    transform: translateZ(0);
}

.breadcrumbs .separator {
    display: block;
    width: min(12px, 0.833vw);
    min-width: min(12px, 0.833vw);
    height: min(12px, 0.833vw);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gY2hldnJvbi1yaWdodCI+CjxwYXRoIGlkPSJJY29uIiBkPSJNNC41IDlMNy41IDZMNC41IDMiIHN0cm9rZT0iI0I4QkJCQyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==);
    margin-top: max(-2px, -0.139vw);
}

.breadcrumbs p {
    color: var(--shark-shark-200, #B8BBBC);
    display: block;
}

.breadcrumbs p:last-child {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumbs a {
    transition: opacity 0.4s;
    color: var(--shark-shark-600, #0A0B0D);
}

.breadcrumbs.-light .home {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gaG9tZS0wMiI+CjxwYXRoIGlkPSJJY29uIiBkPSJNNiAxNFY5LjA2NjY2QzYgOC42OTMyOSA2IDguNTA2NiA2LjA3MjY2IDguMzY0QzYuMTM2NTggOC4yMzg1NSA2LjIzODU3IDguMTM2NTcgNi4zNjQwMSA4LjA3MjY1QzYuNTA2NjEgNy45OTk5OSA2LjY5MzMgNy45OTk5OSA3LjA2NjY3IDcuOTk5OTlIOC45MzMzM0M5LjMwNjcgNy45OTk5OSA5LjQ5MzM5IDcuOTk5OTkgOS42MzU5OSA4LjA3MjY1QzkuNzYxNDQgOC4xMzY1NyA5Ljg2MzQyIDguMjM4NTUgOS45MjczNCA4LjM2NEMxMCA4LjUwNjYgMTAgOC42OTMyOSAxMCA5LjA2NjY2VjE0TTcuMzQ1MTMgMS44NDI2N0wyLjgyMzU5IDUuMzU5NDJDMi41MjEzNSA1LjU5NDUgMi4zNzAyMiA1LjcxMjA0IDIuMjYxMzUgNS44NTkyNEMyLjE2NDkxIDUuOTg5NjMgMi4wOTMwNyA2LjEzNjUyIDIuMDQ5MzUgNi4yOTI3QzIgNi40NjkwMSAyIDYuNjYwNDYgMiA3LjA0MzM3VjExLjg2NjdDMiAxMi42MTM0IDIgMTIuOTg2OCAyLjE0NTMyIDEzLjI3MkMyLjI3MzE2IDEzLjUyMjkgMi40NzcxMyAxMy43MjY4IDIuNzI4MDEgMTMuODU0N0MzLjAxMzIzIDE0IDMuMzg2NiAxNCA0LjEzMzMzIDE0SDExLjg2NjdDMTIuNjEzNCAxNCAxMi45ODY4IDE0IDEzLjI3MiAxMy44NTQ3QzEzLjUyMjkgMTMuNzI2OCAxMy43MjY4IDEzLjUyMjkgMTMuODU0NyAxMy4yNzJDMTQgMTIuOTg2OCAxNCAxMi42MTM0IDE0IDExLjg2NjdWNy4wNDMzN0MxNCA2LjY2MDQ2IDE0IDYuNDY5MDEgMTMuOTUwNiA2LjI5MjdDMTMuOTA2OSA2LjEzNjUyIDEzLjgzNTEgNS45ODk2MyAxMy43Mzg2IDUuODU5MjRDMTMuNjI5OCA1LjcxMjA0IDEzLjQ3ODcgNS41OTQ1IDEzLjE3NjQgNS4zNTk0Mkw4LjY1NDg3IDEuODQyNjdDOC40MjA2NSAxLjY2MDUgOC4zMDM1NCAxLjU2OTQxIDguMTc0MjMgMS41MzQ0QzguMDYwMTMgMS41MDM1MSA3LjkzOTg3IDEuNTAzNTEgNy44MjU3NyAxLjUzNDRDNy42OTY0NiAxLjU2OTQxIDcuNTc5MzUgMS42NjA1IDcuMzQ1MTMgMS44NDI2N1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K);
}

.breadcrumbs.-light .separator {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gY2hldnJvbi1yaWdodCI+CjxwYXRoIGlkPSJJY29uIiBkPSJNNC41IDlMNy41IDZMNC41IDMiIHN0cm9rZT0iIzVGNUY2NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==);
}

.breadcrumbs.-light a {
    color: var(--white, #fff);
}

.breadcrumbs.light p {
    color: var(--shark-shark-400, #5F5F64);
}

/* tag with border */

.bordered-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: var(--shark-shark-600, #0A0B0D);
    padding: 0 min(11px, 0.764vw);
    border-radius: min(40px, 2.778vw);
    height: min(2.222vw, 32px);
    line-height: 100% !important;
    border: 1px solid var(--shark-shark-125, #DADDDE);
}

/** swiper-navigation */

.swiper-navigation .swiper-navigation__button {
    border-radius: min(100px, 6.944vw);
    border: 1px solid var(--shark-shark-125, #DADDDE);
    width: min(56px, 3.889vw);
    min-width: min(56px, 3.889vw);
    height: min(56px, 3.889vw);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.swiper-navigation .swiper-navigation__button.next:before,
.swiper-navigation .swiper-navigation__button.prev:before {
    content: '';
    display: block;
    width: min(16px, 1.111vw);
    height: min(16px, 1.111vw);
    background: no-repeat center / contain;
    transition: opacity 0.4s;
}

.swiper-navigation .swiper-navigation__button.prev:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gYXJyb3ctbGVmdCI+CjxwYXRoIGlkPSJJY29uIiBkPSJNMTIuNjY2MyA4LjAwMDE2SDMuMzMzMDFNMy4zMzMwMSA4LjAwMDE2TDcuOTk5NjcgMTIuNjY2OE0zLjMzMzAxIDguMDAwMTZMNy45OTk2NyAzLjMzMzUiIHN0cm9rZT0iIzBBMEIwRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=)
}

.swiper-navigation .swiper-navigation__button.next:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjI0eDI0IC8gYXJyb3ctbGVmdCI+CjxwYXRoIGlkPSJJY29uIiBkPSJNMy4zMzM2NiA4LjAwMDE2SDEyLjY2N00xMi42NjcgOC4wMDAxNkw4LjAwMDMzIDEyLjY2NjhNMTIuNjY3IDguMDAwMTZMOC4wMDAzMyAzLjMzMzUiIHN0cm9rZT0iIzBBMEIwRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=)
}


/* steps card slider */

.steps-slider {
    position: relative;
    max-width: 994px;
    margin: 0 auto;
}

.steps-slider__item {
    border-radius: min(16px, 1.111vw);
    border: 1px solid var(--shark-shark-100, #E4E7E9);
    background: var(--white, #FFF);
    padding: min(40px, 2.778vw) min(80px, 5.556vw) min(40px, 2.778vw) min(40px, 2.778vw);
    /*position: absolute;*/
    display: grid;
    grid-template-columns: min(380px, 26.389vw) 1fr;
    gap: min(80px, 5.556vw);
    width: 100%;
    /*transform: translateY(100vh);*/

    &.img-top {
        grid-template-columns: 1fr;
        border-radius: 16px;
        border: 1px solid var(--shark-shark-100, #E4E7E9);
        background: var(--white, #FFF);
        padding: 40px;

        .img {
            height: 80px;
            width: 80px;
            aspect-ratio: 1/1;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .img img {
            aspect-ratio: 1/1;
            width: 100%;
            max-width: 32px;
        }


        .steps-slider__item-head {
            display: flex;
            justify-content: space-between;
            align-items: start;
        }
        
        .steps-slider__item-step {
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100px;
            border: 1px solid var(--shark-shark-100, #E4E7E9);
            padding: 0 12px;
        }
    }
}


/*.steps-slider__item:not(:first-child) {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/

/*.swiper-wrapper .steps-slider__item:not(:first-child) {*/
/*    position: static;*/
/*}*/

.steps-slider__item .img {
    grid-column: span 1;
    border-radius: min(16px, 1.111vw);
}

.steps-slider__item .img img {
    display: block;
    width: 100%;
    border-radius: min(16px, 1.111vw);
}

.steps-slider__item .img img:not(.-loaded) {
    aspect-ratio: 19/26;
}

.steps-slider__item .list {
    margin-top: min(40px, 2.778vw);
}

.steps-slider__item .content {
    padding-top: min(40px, 2.778vw);
}

/* Accordions */

.--accordion__content-container {
	height: 0;
	transition: height 0.7s;
	overflow: hidden;
}

/* FAQ */

.faq-item {
	position: relative;
	border: 1px solid var(--shark-shark-475, #3C3D42);
	padding: 0 0 min(43px, 2.986vw) 0;
	transition: background 0.4s;
}

.faq-item__open {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	padding: min(35px, 2.431vw) min(40px, 2.778vw) 0 min(40px, 2.778vw);
}

.faq-item__open:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.faq-item__open .plus {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: min(6px, 0.417vw) min(32px, 2.222vw) 0 0;
}

.faq-item__open .plus span {
	display: block;
	width: min(23px, 1.597vw);
	height: min(3px, 0.208vw);
	background: var(--white);
	transition: background 0.4s, transform 0.4s;
}

.faq-item__open .plus span:last-child {
	position: absolute;
	transform: rotate(90deg);
}

.faq-item__content {
	color: var(--shark-shark-250, #A3A5A6);
	padding: min(24px, 1.667vw) min(40px, 2.778vw) 0 min(40px, 2.778vw);
	max-width: min(940px, 65.278vw);
}

.faq-list .faq-item:first-child {
	border-radius: min(16px, 1.111vw) min(16px, 1.111vw) 0 0;
}

.faq-list .faq-item:last-child {
	border-radius: 0 0 min(16px, 1.111vw) min(16px, 1.111vw);
}

.faq-list .faq-item+.faq-item {
	border-top: none;
}

.faq-item.-open .faq-item__open {
	position: relative;
}

.faq-item.-open .faq-item__open .plus span:last-child {
	transform: rotate(180deg);
}

.faq-item.-open .faq-item__open:before {
	height: calc(100% + min(24px, 1.667vw));
}

.faq-item.-open {
	background: var(--shark-shark-550, #1A1B21);
}

.-apple .faq-item {
	padding: 0 0 min(35px, 2.431vw) 0;
}

.-apple .faq-item__open {
	padding: min(40px, 2.778vw) min(40px, 2.778vw) 0 min(40px, 2.778vw);
}

.-apple .faq-item__open .plus {
	margin-top: max(-4px, -0.278vw);
}

/* checked list */

.checked-list li {
    position: relative;
    padding-left: min(36px, 2.500vw);
}

.checked-list li:before {
    content: '';
    position: absolute;
    /* left: max(-1px, -0.069vw); */
    /* top: min(7px, 0.486vw); */
    top: min(3px, 0.208vw);
    left: 0;
    display: block;
    width: min(20px, 1.389vw);
    min-width: min(20px, 1.389vw);
    height: min(20px, 1.389vw);
    border-radius: 50%;
    background: no-repeat center / min(12px, 0.833vw) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMNC41IDguNUwyIDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-color: var(--shark-shark-600, #0A0B0D);
}

.--black-section .checked-list li:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMNC41IDguNUwyIDYiIHN0cm9rZT0iIzBBMEIwRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-color: var(--white);
}

.checked-list li + li {
    margin-top: min(16px, 1.111vw);
}

.cky-box-bottom-left {
    left: 24px !important;
    bottom: 24px !important;
}

.cky-consent-container {
    border-radius: 16px !important;
    width: min(calc(100% - 32px), 496px) !important;
    z-index: 99999 !important;
}

.cky-consent-container .cky-consent-bar {
    padding: 20px !important;
}

.cky-notice .cky-title {
    font-feature-settings: 'ss01' on, 'salt' on !important;
    font-family: Rotunda,sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 160% !important; /* 32px */
    letter-spacing: -0.2px !important;
    margin-bottom: 16px !important;
}

.cky-notice-des {
    color: var(--Shark-Shark-600, #0A0B0D) !important;
    font-feature-settings: 'ss01' on, 'salt' on !important;
    /* Size 20 - 160%/[Mob] Regular 16, 150% */
    font-family: Rotunda,sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 150% !important; /* 24px */
    letter-spacing: -0.16px !important;
}

.cky-notice-des * {
    font-size: inherit !important;
}

.cky-notice-des a {
    color: var(--Accent, #512CCC);
    transition: color 0.4s;
}

.cky-notice-btn-wrapper {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    gap: 16px !important;
}

.cky-btn {
    transition: background 0.4s, color 0.4s, border 0.4s !important;

    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 100% !important; /* 16px */
    letter-spacing: -0.16px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: fit-content !important;
    margin: 0 !important;
    border-radius: 4px !important;
    padding: 0 32px !important;
    height: 56px !important;
    flex: none !important;
}

.cky-prefrence-btn-wrapper {
    gap: 16px !important;
}

@media screen and (hover: hover) {
    .cky-btn-accept:hover {
        background: #3C2293 !important;
        border-color: #3C2293 !important;
        opacity: 1 !important;
    }

    .cky-notice-des a:hover {
        color: #3C2293 !important;
    }

    .cky-btn-customize:hover,
    .cky-btn-preferences:hover {
        background: #512CCC !important;
        border-color: #512CCC !important;
        color: #fff !important;
        opacity: 1 !important;
    }
}

@media screen and (max-width: 760px) {
    .cky-box-bottom-left {
        left: 16px !important;
        bottom: 16px !important;
    }

    .cky-consent-container {
        border-radius: 16px !important;
        width: min(calc(100% - 32px), 496px) !important;
    }

    .cky-consent-container .cky-consent-bar {
        padding: 16px !important;
    }

    .cky-notice .cky-title {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 140% !important;
        letter-spacing: -0.16px !important;
        padding: 0 !important;
    }

    .cky-notice-des,
    .cky-notice-des * {
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 150% !important;
        letter-spacing: -0.14px !important;
        padding: 0 !important;
    }

    .cky-notice-btn-wrapper {
        gap: 8px !important;
        padding: 0 !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        margin-top: 12px !important;
    }

    .cky-btn {
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 100% !important; /* 14px */
        letter-spacing: -0.14px !important;

        padding: 0 24px !important;
        height: 44px !important;
    }
}

@media screen and (max-width: 1100px) {
    /* checked list */
    .checked-list li {
        padding-left: 28px;
    }

    .checked-list li:before {
        left: 0px;
        /* top: 6px; */
        top: 2px;
        width: 16px;
        min-width: 16px;
        height: 16px;
        background-size: 9.6px;
    }

    .checked-list li + li {
        margin-top: 16px;
    }

    /* steps card slider */
    .steps-slider__item {
        border-radius: 16px;
        border: 1px solid var(--shark-shark-100, #E4E7E9);
        background: var(--white, #FFF);
        padding: 20px 40px 20px 20px;

        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 0;
    }


    .steps-slider__item .img {
        grid-column: span 5;
        border-radius: 16px;
    }

    .steps-slider__item .img img {
        border-radius: 16px;
    }

    .steps-slider__item .list {
        margin-top: 24px;
    }

    .steps-slider__item .content {
        padding-top: 24px;
        grid-column-start: 7;
        grid-column-end: span 6;
    }

}


@media screen and (max-width: 1100px) {


    /* .header */
    .header__wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 0;
    }

    .header .container {
        position: relative;
        z-index: 12;
    }

    .header .logo {
        height: clamp(24px, 6.667vw, 28px);
    }

    .header .header__wrapper {
        padding: 10px 0 !important;
    }

    .header.-after-scroll .logo {
        height: 24px;
    }

    .header.-after-scroll .default-button {
        height: 36px;
    }

    .header__menu {
        display: none;
    }

    .header__right .default-button {
        display: none;
    }

    .menu-open {
        gap: 8px;
        color: var(--White, #FFF);
    }

    .menu-open .icon {
        width: min(34px, 8.889vw);
        height: min(34px, 8.889vw);
        gap: 3px;
        padding: 0;
    }

    .menu-open .icon:before {
        content: '';
        position: absolute;
        display: block;
        width: 16px;
        height: 16px;
        transition: opacity 0.4s;
        opacity: 0;
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjI5Mjg5IDMuMjkyODlDMy42ODM0MiAyLjkwMjM3IDQuMzE2NTggMi45MDIzNyA0LjcwNzExIDMuMjkyODlMOCA2LjU4NTc5TDExLjI5MjkgMy4yOTI4OUMxMS42ODM0IDIuOTAyMzcgMTIuMzE2NiAyLjkwMjM3IDEyLjcwNzEgMy4yOTI4OUMxMy4wOTc2IDMuNjgzNDIgMTMuMDk3NiA0LjMxNjU4IDEyLjcwNzEgNC43MDcxMUw5LjQxNDIxIDhMMTIuNzA3MSAxMS4yOTI5QzEzLjA5NzYgMTEuNjgzNCAxMy4wOTc2IDEyLjMxNjYgMTIuNzA3MSAxMi43MDcxQzEyLjMxNjYgMTMuMDk3NiAxMS42ODM0IDEzLjA5NzYgMTEuMjkyOSAxMi43MDcxTDggOS40MTQyMUw0LjcwNzExIDEyLjcwNzFDNC4zMTY1OCAxMy4wOTc2IDMuNjgzNDIgMTMuMDk3NiAzLjI5Mjg5IDEyLjcwNzFDMi45MDIzNyAxMi4zMTY2IDIuOTAyMzcgMTEuNjgzNCAzLjI5Mjg5IDExLjI5MjlMNi41ODU3OSA4TDMuMjkyODkgNC43MDcxMUMyLjkwMjM3IDQuMzE2NTggMi45MDIzNyAzLjY4MzQyIDMuMjkyODkgMy4yOTI4OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    }

    .menu-open .icon div {
        gap: 3px;
    }

    .menu-open .icon span {
        transition: opacity 0.4s;
        width: 4px;
        height: 4px;
        background: var(--White, #FFF);
    }

    .menu-open.-active .icon span {
        opacity: 0;
    }

    .menu-open.-active .icon:before {
        opacity: 1;
    }

    .header.-light .menu-open .icon:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjI5Mjg5IDMuMjkyODlDMy42ODM0MiAyLjkwMjM3IDQuMzE2NTggMi45MDIzNyA0LjcwNzExIDMuMjkyODlMOCA2LjU4NTc5TDExLjI5MjkgMy4yOTI4OUMxMS42ODM0IDIuOTAyMzcgMTIuMzE2NiAyLjkwMjM3IDEyLjcwNzEgMy4yOTI4OUMxMy4wOTc2IDMuNjgzNDIgMTMuMDk3NiA0LjMxNjU4IDEyLjcwNzEgNC43MDcxMUw5LjQxNDIxIDhMMTIuNzA3MSAxMS4yOTI5QzEzLjA5NzYgMTEuNjgzNCAxMy4wOTc2IDEyLjMxNjYgMTIuNzA3MSAxMi43MDcxQzEyLjMxNjYgMTMuMDk3NiAxMS42ODM0IDEzLjA5NzYgMTEuMjkyOSAxMi43MDcxTDggOS40MTQyMUw0LjcwNzExIDEyLjcwNzFDNC4zMTY1OCAxMy4wOTc2IDMuNjgzNDIgMTMuMDk3NiAzLjI5Mjg5IDEyLjcwNzFDMi45MDIzNyAxMi4zMTY2IDIuOTAyMzcgMTEuNjgzNCAzLjI5Mjg5IDExLjI5MjlMNi41ODU3OSA4TDMuMjkyODkgNC43MDcxMUMyLjkwMjM3IDQuMzE2NTggMi45MDIzNyAzLjY4MzQyIDMuMjkyODkgMy4yOTI4OVoiIGZpbGw9IiMwQTBCMEQiLz4KPC9zdmc+Cg==);
    }

    .header.-light .menu-open .icon span {
        background: var(--shark-shark-600, #0A0B0D);
    }

    .header.-light .menu-open {
        color: var(--shark-shark-600, #0A0B0D);
    }

    .header-hidden-menu {
        position: fixed;
        display: block;
        z-index: 10;
        left: 0;
        top: 0;
        width: 100%;
        height: var(--window-inner-height);
        background: var(--shark-shark-600, #0A0B0D);
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.4s;
        padding: 52px 0 16px 0;
    }

    .header-hidden-menu:before {
        content: '';
        display: block;
        width: 100%;
        height: 52px;
        position: fixed;
        left: 0;
        top: 0;
        background: var(--shark-shark-600, #0A0B0D);
    }

    .header-hidden-menu:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        position: fixed;
        left: 0;
        top: 52px;
        background: var(--shark-shark-475, #3C3D42);
    }

    .header-hidden-menu:not(.-active) * {
        pointer-events: none !important;
    }

    .header-hidden-menu.-active {
        opacity: 1;
        pointer-events: auto;
    }

    .header-hidden-menu__wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        max-height: 100%;
        height: 100%;
        position: relative;
    }

    .header-hidden-menu__wrapper .default-button {
        width: calc(100% - 32px);
        margin-top: auto;
    }

    .header-hidden-menu__wrapper:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 36px;
        left: 0;
        bottom: 36px;
        background: linear-gradient(0deg, #0A0B0D 0%, rgba(10, 11, 13, 0.00) 100%);
    }

    .header-hidden-menu__menu {
        width: 100%;
        padding-bottom: 24px;
        max-height: calc(100% - 36px);
        overflow: auto;
    }

    .header-hidden-menu__menu a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-height: 56px;
        border-bottom: 1px solid var(--shark-shark-475, #3C3D42);
        color: var(--White, #FFF);
        padding: 21px 16px 18px 16px;
        gap: 8px;
        font-size: min(18px, 4.444vw);
    }

    .header-hidden-menu__menu a.-active {
        pointer-events: none;
    }

    .header-hidden-menu__menu a img {
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-top: -4px;
    }

    .mobile-accordion {
        border-bottom: 1px solid var(--shark-shark-475, #3C3D42);
    }

    .mobile-accordion__open {
        color: var(--White, #FFF);
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 56px;
        padding: 0 16px;
        pointer-events: auto;
        font-size: min(18px, 4.444vw);
    }

    .mobile-accordion__open:after {
        content: '';
        width: 16px;
        height: 16px;
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
        transition: transform 0.4s;
    }

    .mobile-accordion.-open .mobile-accordion__open:after {
        transform: rotate(180deg);
    }

    .mobile-accordion__content {
        padding: 0 32px 20px 32px;
    }

    .link.-product-link {
        padding-top: 3px;
    }

    .mobile-accordion__content .link {
        gap: 8px;
        padding: 0;
        border: none;
        min-height: auto;
        font-size: min(16px, 3.889vw);
    }

    .mobile-accordion__content .link + .link {
        margin-top: 16px;
    }

    .link.-product-link {
        padding-top: 3px;
    }

    .link.-product-link .star {
        position: relative;
        width: min(26px, 6.667vw);
        aspect-ratio: 1/1;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -3px;
    }

    .link.-product-link .star:before {
        content: '';
        display: block;
        position: absolute;
        width: min(26px, 6.667vw);
        aspect-ratio: 1/1;
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDdMMTMuMDA2IDkuNjE1NTRDMTMuMTQ3IDkuOTgyMTYgMTMuMjE3NSAxMC4xNjU1IDEzLjMyNzEgMTAuMzE5N0MxMy40MjQzIDEwLjQ1NjMgMTMuNTQzNyAxMC41NzU3IDEzLjY4MDMgMTAuNjcyOUMxMy44MzQ1IDEwLjc4MjUgMTQuMDE3OCAxMC44NTMgMTQuMzg0NSAxMC45OTRMMTcgMTJMMTQuMzg0NSAxMy4wMDZDMTQuMDE3OCAxMy4xNDcgMTMuODM0NSAxMy4yMTc1IDEzLjY4MDMgMTMuMzI3MUMxMy41NDM3IDEzLjQyNDMgMTMuNDI0MyAxMy41NDM3IDEzLjMyNzEgMTMuNjgwM0MxMy4yMTc1IDEzLjgzNDUgMTMuMTQ3IDE0LjAxNzggMTMuMDA2IDE0LjM4NDVMMTIgMTdMMTAuOTk0IDE0LjM4NDVDMTAuODUzIDE0LjAxNzggMTAuNzgyNSAxMy44MzQ1IDEwLjY3MjkgMTMuNjgwM0MxMC41NzU3IDEzLjU0MzcgMTAuNDU2MyAxMy40MjQzIDEwLjMxOTcgMTMuMzI3MUMxMC4xNjU1IDEzLjIxNzUgOS45ODIxNiAxMy4xNDcgOS42MTU1NCAxMy4wMDZMNyAxMkw5LjYxNTU0IDEwLjk5NEM5Ljk4MjE2IDEwLjg1MyAxMC4xNjU1IDEwLjc4MjUgMTAuMzE5NyAxMC42NzI5QzEwLjQ1NjMgMTAuNTc1NyAxMC41NzU3IDEwLjQ1NjMgMTAuNjcyOSAxMC4zMTk3QzEwLjc4MjUgMTAuMTY1NSAxMC44NTMgOS45ODIxNiAxMC45OTQgOS42MTU1NEwxMiA3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    }

    .link.-services-link {
        padding-top: 1px;
    }

    .link.-services-link .img {
        width: min(26px, 6.667vw);
        min-width: min(26px, 6.667vw);
        aspect-ratio: 1/1;
        border-radius: 50%;
    }

    .link.-services-link.-coming-soon .img:before {
        content: '';
        display: block;
        width: 100%;
        aspect-ratio: 1/1;
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiMzMTMyMzciLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxMiIgcj0iMSIgZmlsbD0iIzhDOEY5MCIvPgo8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIiBmaWxsPSIjOEM4RjkwIi8+CjxjaXJjbGUgY3g9IjgiIGN5PSIxMiIgcj0iMSIgZmlsbD0iIzhDOEY5MCIvPgo8L3N2Zz4K);
    }

    .link.-services-link .img img {
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile-accordion__content .link {
        width: fit-content;
    }

    .mobile-accordion__content .link.-coming-soon {
        pointer-events: none;
        color: var(--shark-shark-300, #8C8F90);
        width: 100%;
    }

    .mobile-accordion__content .link.-coming-soon .label {
        color: var(--shark-shark-300, #8C8F90);
        font-family: 'Rotunda',sans-serif;
        font-size: 9px;
        line-height: 9px;
        text-transform: uppercase;
        border-radius: 100px;
        background: var(--shark-shark-500, #313237);
        display: flex;
        justify-content: center;
        align-items: center;
        height: 18px;
        padding: 0 6px;
        margin: 0 0 0 auto;
        white-space: nowrap;
    }

    .mobile-accordion__content .link .number {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1px 0 0 0;
        border-radius: 16px;
        border: 1px solid var(--shark-shark-500, #313237);
        width: min(20px, 5.556vw);
        aspect-ratio: 1/1;
        font-family: 'Rotunda',sans-serif;
        font-size: min(11px, 2.500vw);
        line-height: 100%;
        text-transform: uppercase;
        margin-top: 0;
    }

    .header.-light .header-hidden-menu {
        background: var(--White, #FFF);
    }

    .header.-light .header-hidden-menu:before {
        background: var(--White, #FFF);
    }

    .header.-light .header-hidden-menu:after {
        background-color: var(--shark-shark-100, #E4E7E9);
    }

    .header.-light .header-hidden-menu__menu a,
    .header.-light .mobile-accordion__open,
    .header.-light .mobile-accordion {
        border-color: var(--shark-shark-100, #E4E7E9);
        color: var(--shark-shark-600, #0A0B0D);
    }

    .header.-light .mobile-accordion__open:after {
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0iIzBBMEIwRCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    }

    .header.-light .link.-services-link.-coming-soon .img:before {
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNFNEU3RTkiLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxMiIgcj0iMSIgZmlsbD0iI0EzQTVBNiIvPgo8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIiBmaWxsPSIjQTNBNUE2Ii8+CjxjaXJjbGUgY3g9IjgiIGN5PSIxMiIgcj0iMSIgZmlsbD0iI0EzQTVBNiIvPgo8L3N2Zz4K);
    }

    .header.-light .mobile-accordion__content .link.-coming-soon .label {
        color: var(--shark-shark-250, #A3A5A6);
        background: var(--shark-shark-100, #E4E7E9);
    }

    .header.-light .mobile-accordion__content .link .number {
        border-color: var(--shark-shark-100, #E4E7E9);
        color: var(--shark-shark-600, #0A0B0D);
    }

    .header.-light .header-hidden-menu__wrapper:after {
        background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    }

    /* Footer */
    /* Footer */
    .footer {
        padding: 40px 8px;
    }

    .footer__wrapper .logo {
        width: 48px;
    }


    .footer__top-row .copyright {
        display: none;
    }

    .footer__wrapper > .copyright {
        display: block;
        text-align: left;
        margin-top: 43px;
    }

    .footer__row:not(:first-child) {
        margin-top: 24px;
    }

    .footer__row.footer__bottom-row {
        margin-top: 27px;
    }

    .footer .mobile-accordion__open {
        pointer-events: auto;
        padding: 16px 0 17px 0;
        height: auto;
    }

    .footer .mobile-accordion__content {
        padding: 0 0 15px 0;
        font-size: min(16px, 3.889vw);
    }

    .footer .mobile-accordion__content * {
        line-height: 142%;
        font-size: min(16px, 3.889vw);
    }

    .footer .mobile-accordion__content .link {
        gap: 8px;
        line-height: 142%;
    }

    .footer .mobile-accordion__content .link svg {
        width: 16px;
        height: 16px;
        margin-top: -2px;
    }

    .footer .mobile-accordion__content .link + .link {
        margin-top: 12px;
    }

    .footer .mobile-accordion__content .link .number {
        padding-top: 2px;
    }

    .footer__middle-row {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
    }

    .footer__middle-row .col {
        max-width: 100%;
        width: 100%;
    }

    .footer .mobile-accordion {
        width: 100%;
    }


    .footer .mobile-accordion + .mobile-accordion {
        margin-top: 0;
    }

    .footer__bottom-row {
        gap: 32px;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer__bottom-row a,
    .footer__bottom-row p {
        font-size: min(16px, 3.889vw);
    }

    .footer__bottom-row .link {
        order: 2;
    }

    .footer__bottom-row .linkedin {
        order: 1;
        margin: 0 0 14px 0;
        gap: 8px;
        width: 100%;
    }

    .footer__bottom-row .linkedin img,
    .footer__bottom-row .pci-certificate img {
        width: min(18px, 4.444vw);
        height: min(18px, 4.444vw);
        margin-top: -4px;
    }

    .footer__bottom-row .pci-certificate {
        gap: 8px;
    }

    .footer__bottom-row .developed-by {
        width: 100%;
    }


    /* section-label */
    .product-label {
        border-radius: 40px;
        height: 26px;
        /* padding: 0 10px 2px 28px; */
        padding: 2px 10px 0 28px;
    }

    .product-label:before {
        left: 10px;
        width: 14px;
        /* margin-top: 2px; */
        margin-top: -2px;
    }


    /* .-apple .section-label {
        padding-top: 2px;
        padding-bottom: 0;
    } */
    /* .-apple .section-label:before {
        margin-top: -2px;
    } */
    .section-title .img {
        width: 40px;
    }

    .section-title .img .img-wrapper {
        border-radius: 50%;
        /* margin-top: 5px; */
        margin-top: 0;
    }

    .--black-section .section-title .img .img-wrapper {
        margin-top: 0;
    }

    .section-title .img img {
        width: 16px !important;
        transform: none !important;
        margin: 0 !important;
    }

    .section-title i,
    .section-title em {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIzNyIgdmlld0JveD0iMCAwIDEgMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjM3IiByeD0iMC41IiBmaWxsPSIjMzEzMjM3Ii8+Cjwvc3ZnPgo=);
        background-position: left 0px bottom 6px;
        background-size: auto 37px;
        padding-right: 5px;
        margin-right: -5px;
        padding-left: 2px;
        margin-left: -2px;
        padding-bottom: 2px;
        padding-top: 2px;
    }

    /* .-apple .section-title i {
        padding-bottom: 2px;
    } */
    /* .-apple .section-title .img .img-wrapper {
        margin-top: 0;
    }

    .-apple .--black-section .section-title .img .img-wrapper {
        margin-top: 0;
    } */
    .title .title .tab {
        width: 30px;
    }


    /* .-apple .checked-list li:before {
        top: 2px;
        left: 0;
    } */
    .swiper-slider .swiper-pagination {
        top: -1px;
        max-width: calc(100% - 64px);
        height: 5px;
        border-radius: 8px;
        overflow: hidden;
    }

    .swiper-slider .swiper-pagination:before {
        height: 2px;
        border-radius: 8px;
    }

    .swiper-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        height: 2px;
        border-radius: 8px;
    }

    .progress .start,
    .progress .end,
    .key-features__progress .start,
    .key-features__progress .end {
        width: 32px;
        min-width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 0;
    }

    .progress.-vertical .progress {
        width: 1px;
        border-radius: 20px;
    }

    .progress.-vertical .progress-active {
        width: 2px;
        border-radius: 20px;
    }


    /* form */
    .form {
        border-radius: 16px;
    }

    .form-start,
    .form-complete {
        flex-direction: column;
        gap: 24px;
        padding: 16px;
    }

    .form-start__left,
    .form-complete__left {
        padding: 8px;
    }

    .form-start__left .title .img,
    .form-complete__left .title .img {
        width: 34px;
        height: 34px;
        border-radius: 34px;
    }

    .form-start__left .title .img:not(:first-of-type) {
        margin-left: -11px;
    }

    .form-start__left .text,
    .form-complete__left .text {
        margin-top: 16px;
        max-width: 100%;
    }

    .form-start__wrapper {
        width: 100%;
        min-width: 100%;
        border-radius: 8px;
        padding: 24px 16px;
    }

    .form-start__wrapper .input {
        margin-bottom: 24px;
    }

    .form-start__wrapper .text {
        margin-top: 16px;
    }

    .form-complete__wrapper {
        width: 100%;
        min-width: 100%;
        padding: 0;
    }

    /* Breadcrumbs */
    .breadcrumbs {
        top: 76px;
        gap: 4px;
        max-width: calc(100% - 32px);
    }

    .breadcrumbs .home {
        width: 16px;
        min-width: 16px;
        height: 16px;
        margin-top: -2px;
    }

    .breadcrumbs .separator {
        display: block;
        width: 12px;
        min-width: 12px;
        height: 12px;
        margin-top: -2px;
    }

    /* bordered tag */
    .bordered-tag {
        padding: 0 11px;
        border-radius: 40px;
        height: 28px;
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px;
    }

    /* swiper-navigation */
    .swiper-navigation .swiper-navigation__button {
        border-radius: 100px;
        width: 44px;
        min-width: 44px;
        height: 44px;
    }

    .swiper-navigation .swiper-navigation__button.next:before,
    .swiper-navigation .swiper-navigation__button.prev:before {
        width: 16px;
        height: 16px;
    }

}


@media screen and (max-width: 759px) {

    /* steps card slider */
    .steps-slider__item {
        padding: 16px;

        display: block;
        /* position: relative !important;
        transform: none;
        opacity: 1; */
    }


    .steps-slider__item .img,
    .steps-slider__item .img img {
        width: 100%;
        height: 300px;
    }

    @media screen and (max-height: 800px) {

        .steps-slider__item .img,
        .steps-slider__item .img img {
            max-height: 30vh;
        }
    }


    .steps-slider__item .img img {
        border-radius: 16px;
        object-fit: contain;
        width: 100%;
    }

    .steps-slider__item .list {
        margin-top: 24px;
    }

    .steps-slider__item .content {
        width: 100%;
        padding-top: 24px;
        grid-column-start: 7;
        grid-column-end: span 6;
    }

}