@charset "UTF-8";

:root {
    --gutter: 1.6rem;
    --wrapper: 114rem;
    --wrapper-padding: calc((100% - var(--wrapper)) / 2 - var(--gutter));
    --sidewrap: calc(var(--wrapper) + var(--wrapper-padding) * 2 + var(--gutter) * 2);
    
    --section-padding: 10rem;

    --font-sora: 'Sora', sans-serif;

    --color-default: #161618;
    --color-gray: #6B6B6E;
    --color-gray-light: #B9B9BA;
    --color-surface: #F3F3F3;
    --color-inputs: #FAFAFA;
    --color-white: #FFF;
    --color-red: #FF4500;
    --color-orange: #FFA500;
    --color-blue: #0000ff;

    --blur: blur(2rem);
    --surface-bg: color-mix(in srgb, var(--color-surface) 70%, transparent);
}

.grecaptcha-badge { display: none !important; }

#trustedsite-tm-image {
    display: none !important;
}

body {
    background: var(--color-white);
}

@media screen and (max-width: 1024.9px) {
    :root {
        --section-padding: 8rem;
    }
}

@media screen and (max-width: 575.9px) {
    :root {
        --section-padding: 6rem;
    }
}

footer iframe {
    width: 100%;
}

/* containers START */
section {
    width: 100%;
    padding: var(--section-padding) 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    scroll-margin-top: calc(var(--section-padding) + 2rem);
}

section.no-padding {
    padding: 0;
}

section:not(.no-padding) + .no-padding {
    margin-top: var(--section-padding);
}

section.no-padding + section:not(.no-padding) {
    padding-top: calc(var(--section-padding) * 2);
}

/*section:not(.no-padding):last-child {
    padding-bottom: calc(var(--section-padding) * 2);
}*/

section:has(.bg) {
    position: relative;
    z-index: 1;
}

section:first-child {
    padding-top: calc(var(--section-padding) * 2.35);
}

.wrapper_small {
    --wrapper: 98rem;
}

.inner-padding {
    padding-block: 5rem;
}

@media screen and (max-width: 1024.9px) {
    section:first-child {
        padding-top: calc(var(--section-padding) * 2);
    }

    .inner-padding {
        padding-block: 0;
    } 
}

@media screen and (max-width: 575.9px) {
    section:first-child {
        padding-top: calc(var(--section-padding) * 2);
    }
}
/* containers END */



/* gradients START */
.gradient {
    background: linear-gradient(90deg, 
        #5B9EFF 0%,
        #8B5EFF 33%,
        #FF6B4A 66%,
        #FFD700 100%
    );
}

.gb-hover:hover {
    border: 0.1rem solid transparent;
    transition: 0.3s;
    background: 
    linear-gradient(to right, #FFFFFF, #FFFFFF) padding-box,
    linear-gradient(90deg, 
        #3A5EFD 0%, 
        #671CF5 25%, 
        #FE6C39 50%, 
        #FFC933 100%
    ) border-box;
}

.gradient-text {
    background: linear-gradient(90deg, #3A5EFD 0%, #671CF5 35%, #FE6C39 70%, #FFC933 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* gradients END */



/* surface-block START */
.surface-block {
    border-radius: 2rem;
    border: 0.1rem solid color-mix(in srgb, var(--color-white) 50%, transparent);
    background: color-mix(in srgb, var(--color-surface) 70%, transparent);
    -webkit-backdrop-filter: var(--blur);
    backdrop-filter: var(--blur);
    z-index: 1;
}
/* surface-block END */





/* btn START */
.btn,
input[type="submit"] {
    --btn-color: var(--color-default);

    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;

    border: 0.1rem solid transparent;
    border-radius: 10rem;
    font-family: var(--font-sora);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    
    cursor: pointer;
    position: relative;
    transition: 0.3s ease-out;
}

.btn > span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 4.4rem;
    padding: 1rem 4rem;
    background: var(--btn-color);
    border-radius: inherit;
    position: relative;
    z-index: 1;
}

.btn::before,
.btn::after {
    border-radius: 10rem;
}

.btn::before {
    content: "";
    display: block;
    border: inherit;
    position: absolute;
    inset: -0.1rem;
    z-index: -1;
    opacity: 0;
    transition: inherit;

    background: 
    linear-gradient(to right, transparent, transparent) padding-box,
    linear-gradient(90deg, 
        #3A5EFD 0%, 
        #671CF5 25%, 
        #FE6C39 50%, 
        #FFC933 100%
    ) border-box;
}

.btn::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0;
    transition: inherit;
    
    background: linear-gradient(90deg, 
        #3A5EFD 0%, 
        #671CF5 25%, 
        #FE6C39 50%, 
        #FFC933 100%
    );
    filter: blur(0.5rem);
}

body.safari .btn::before {
    inset: -0.2rem;
}

/*body.safari .btn::after {
    display: none;
}*/

.btn_transparent > span {
    background: transparent;
    color: var(--btn-color);
}

.btn_secondary > span {
    background: #FBFBFB;
    border-color: transparent;
    color: var(--btn-color);
}

@media (hover: hover) and (pointer: fine) {
    .btn:hover::before,
    .btn:hover::after {
        opacity: 1;
    }
}

@media (hover: none) {
    .btn:active::before,
    .btn:active::after {
        opacity: 1;
    }
}

@media screen and (max-width: 575.9px) {
    .btn,
    input[type="submit"] {
        width: 100%;
    }
}
/* btn END */



/* arrow-link START */
.arrow-link {
    display: flex;
    align-items: center;
    height: 2.4rem;
    font-weight: 600;
    font-size: 1.4rem;
}

.arrow-link__inner {
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.arrow-link:hover .arrow-link__text {
    background: linear-gradient(90deg, #3A5EFD 0%, #671CF5 35%, #FE6C39 70%, #FFC933 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.arrow-link__icon svg path {
    transition: all 0.3s ease;
}

.arrow-link:not(:hover) .arrow-link__icon svg path {
    fill: currentColor;
}
/* arrow-link END */



.plx {
    --parallax-intensity: 9s;
    max-width: 100%;
    height: auto;
    pointer-events: none;
    position: absolute;
    top: var(--top);
    bottom: var(--bottom);
    left: var(--left);
    right: var(--right);
    z-index: 0;
}

.plx_static {
    position: relative;
}

.plx_m {
    --parallax-intensity: 6s;
}

.plx_s {
    --parallax-intensity: 3s;
}
/* parallax END */




/* ticker START */
@keyframes ticker {
    from {
        translate: 0 0;
    }
    to {
        translate: -100% 0;
    }
}

.ticker {
    display: flex;
    gap: 10px;
    overflow: hidden;
}

.ticker.reverse .ticker__list,
.ticker + .ticker:nth-of-type(even) .ticker__list {
    animation-direction: reverse;
}


.ticker__list {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap);
    width: max-content;
    will-change: transform;
    backface-visibility: hidden;
    animation-name: ticker;
    animation-duration: var(--duration);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/* ticker END */




/* global START */
.logo {
    width: 20rem;
    flex: 0 0 auto;
}

.logo > * {
    width: 100%;
}

.logo .grayscale img {
    filter: grayscale(1);
}

@media screen and (max-width: 767.9px) {
    .logo {
        width: 13rem;
    }
}
/* global END */



/* has-gradient-dot START */
.has-gradient-dot {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.has-gradient-dot::before {
    content: "";
    flex: 0 0 auto;
    width: 0.8rem;
    aspect-ratio: 1;
    border-radius: 100%;
    background: linear-gradient(135deg, #3A5EFD 0%, #671CF5 35%, #FE6C39 75%, #FFC933 100%);
    transition: inherit;
}
/* has-gradient-dot END */



/* socials START */
.socials-block {
    gap: 1rem;
}

.socials {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.socials__item {
    position: relative;
    flex: 0 0 auto;
    width: 2.4rem;
    transition: 0.3s ease;
    cursor: pointer;
}

.socials__item img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
}

.socials__item img[data-icon="hover"] {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.socials__item:hover img[data-icon="default"] {
    opacity: 0;
}

.socials__item:hover img[data-icon="hover"] {
    opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
    .socials__item:hover {
        scale: 1.2;
    }
}

@media screen and (max-width: 575.9px) {
    .socials-block {
        width: 100%;
    }

    .socials {
        width: 100%;
        justify-content: space-between;
    }

    .socials__item {
        width: 4.5rem;
    }
}
/* socials END */


/* nothing found START */
.nothing-found {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60rem;
    max-width: 100%;
    gap: 2.5rem;
    padding: 4rem 2rem;
    grid-column: span 3;
    margin-inline: auto;
}

.nothing-found::before {
    content: "";
    display: block;
    width: 8rem;
    aspect-ratio: 1;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23d1d5db"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>') center/contain no-repeat;
    opacity: 0.4;
}
/* nothing found END */



/* share START */
.share {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.share__list {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.share__item {
    transition: 0.3s;
}

.share__item > * {
    width: 100%;
    transition: 0.3s;
}

.share__item svg > * {
    transition: 0.3s;
}

.share__item:not(:hover) svg > * {
    fill: var(--color-default);
}

@media (hover: hover) and (pointer: fine) {
    .share__item:hover {
        scale: 1.2;
    }
}


@media screen and (max-width: 575.9px) {
    .share {
        gap: 1.5rem;
    }

    .share__item {
        width: 4.5rem;
    }
}
/* share END */



/* no-blocks START */
.no-blocks__inner {
    display: flex;
    align-items: flex-start;
    gap: 6rem;
}

.no-blocks__header {
    align-items: flex-start;
    text-align: left;
}

.no-blocks .table-of-contents__share {
    display: none;
}

@media screen and (max-width: 767.9px) {
    .no-blocks__inner {
        flex-direction: column;
    }
}
/* no-blocks END */



/* identity START */
.identity {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem;
    padding-block: 4rem;
}

.identity * + * {
    margin: 0;
}

.identity__list,
.identity__links {
    gap: 1rem;
}

.identity__list-label {
    margin-right: 0.6rem;
}

.identity__list-value {
    color: var(--color-default);
}

.identity__links {
    width: 22rem;
    color: var(--color-default);
}

.identity__links-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    transition: color 0.3s ease;
}

.identity__links-value {
    padding-bottom: 0.2rem;
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0% 0.1rem;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: background-size 0.3s ease;

    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.identity__links-item:hover .identity__links-value {
    background-size: 100% 0.1rem;
}

.identity__links-icon {
    flex: 0 0 auto;
    width: 1.6rem;
}
/* identity END */



/* header menu START */
.header-menu {
    display: flex;
    align-items: center;
    gap: 2rem;
    line-height: 1.5;
    white-space: nowrap;
}

/*.header-menu a[href="#"] {
    pointer-events: none;
}
*/
.header-menu a {
    display: block;
    padding: 1rem;
    position: relative;
}

.header-menu a::before {
    content: "";
    display: block;
    height: 0.1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: 0.3s;

    background: radial-gradient(50% 780.61% at 50% 50%, #3A5EFD 1.44%, #671CF5 32.21%, #FE6C39 72.12%, #FFC933 97.6%);
}

.header-menu a:hover::before {
    width: 100%;
}

.header-menu > li {
    position: relative;
}

.header-menu > li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-menu > li.menu-item-has-children > a::after {
    content: "";
    display: block;
    aspect-ratio: 1;
    width: 1.6rem;
    background: url(../images/icons/icon-menu-arrow.svg) center center no-repeat;
    background-size: contain;
    rotate: -180deg;
    transition: 0.3s;
}

.header-menu > li.menu-item-has-children > a:hover::after {
    rotate: 0deg;
}

.header-menu ul {
    --shift: 3rem;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    padding: 2rem;
    background: #F3F3F3CC;
    border: 0.1rem solid #fff;
    border-radius: 2rem;
    backdrop-filter: var(--blur);
    position: absolute;
    top: calc(100% + var(--shift));
    left: -3rem;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: 0.3s;
}

.header-menu > li:hover ul {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.header-menu ul::before {
    content: "";
    width: 100%;
    height: calc(var(--shift) + 0.1rem);
    position: absolute;
    bottom: 100%;
}
/* header menu END */



/* scroll-down START */
@keyframes scrollFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}

.scroll-down {
    width: 2.4rem;
    cursor: pointer !important;

    animation: scrollFloat 2.5s ease-in-out infinite;
}

.is-mobile .scroll-down {
    display: none;
}
/* scroll-down END */



/* gradient-hover START */
.gradient-hover {
    position: relative;
}

.gradient-hover__gradient {
    --x: 50%;
    --y: 50%;
    --r: 0px;

    pointer-events: none;
    position: absolute;
    inset: 0;

    background: linear-gradient(
        135deg,
        #3A5EFD 0%,
        #671CF5 35%,
        #FE6C39 70%,
        #FFC933 100%
    );
    background-size: 100%;
    background-position: center;

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;


    -webkit-mask-image: radial-gradient(
        circle var(--r) at var(--x) var(--y),
        #000 0,
        #000 60%,
        transparent 61%
    );
    mask-image: radial-gradient(
        circle var(--r) at var(--x) var(--y),
        #000 0,
        #000 60%,
        transparent 61%
    );
}

/* gradient-hover END */


.alm-load-more-btn:not(.loading) {
    display: none !important;
}

.wp-video,
.video-block__inner iframe {
    width: 100%;
    max-width: 100%;
    min-height: 60rem;
}

@media screen and (max-width: 767.9px) {
    .wp-video,
    .video-block__inner iframe {
        min-height: 45rem;
    }
}

@media screen and (max-width: 575.9px) {
    .wp-video,
    .video-block__inner iframe {
        min-height: 30rem;
    }
}