@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

.mod__max-w-xl {
    max-width: 1436px;
    margin: auto
}

@keyframes spin {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotateImageLoading {
    from {
        transform: translate(-50%,-50%) rotateY(0) scale(1.01)
    }

    to {
        transform: translate(-50%,-50%) rotateY(360deg) scale(1.01)
    }
}

.cmp-two-columns__container {
    --tc--bg-01: var(--color-bg-01);
    --tc--bg-03: var(--color-bg-03);
    --tc--font-01: var(--color-font-01);
    --tc--font-03: var(--color-font-03);
    --mainbgClr: var(--color-bg-03);
    --mainfntClr: var(--color-font-01);
    background-color: var(--mainbgClr);
    color: var(--mainfntClr)
}

    .cmp-two-columns__container[data-themedark] {
        --mainbgClr: var(--color-bg-01);
        --mainfntClr: var(--color-font-03);
        background-color: var(--mainbgClr)
    }

        .cmp-two-columns__container[data-themedark] .mod__light-primary-button .cmp-qr__button .ico, .cmp-two-columns__container[data-themedark] .mod__light-primary-button .cmp-qr__qr-code .ico {
            background-color: var(--tc--bg-01)
        }

        .cmp-two-columns__container[data-themedark] .mod__light-secondary-button .cmp-qr__button .ico, .cmp-two-columns__container[data-themedark] .mod__light-secondary-button .cmp-qr__qr-code .ico {
            background-color: var(--tc--bg-03)
        }

        .cmp-two-columns__container[data-themedark] .cmp-qr__button .ico, .cmp-two-columns__container[data-themedark]__qr-code .ico {
            background-color: var(--tc--bg-03)
        }

    .cmp-two-columns__container * {
        -webkit-font-smoothing: antialiased
    }

.cmp-two-columns {
    background-color: transparent;
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1436px;
    padding: 0 16px
}

@media(min-width:764px) {
    .cmp-two-columns {
        padding: 0 24px
    }
}

@media(min-width:1016px) {
    .cmp-two-columns {
        padding: 0 48px
    }
}

@media(min-width:1436px) {
    .cmp-two-columns {
        padding: 0 58px
    }
}

.cmp-two-columns__container {
    padding: 48px 0
}

.cmp-two-columns__title .cmp-title__text {
    color: var(--mainfntClr);
    font-family: 'CupraBook',sans-serif;
    font-size: 24px;
    margin: 0
}

.cmp-two-columns__text {
    margin-bottom: 48px
}

    .cmp-two-columns__text .cmp-text, .cmp-two-columns__text .cmp-text p {
        color: var(--mainfntClr);
        font-family: 'CupraBook',sans-serif;
        font-size: 16px;
        line-height: 1.2
    }

        .cmp-two-columns__text .cmp-text a {
            color: var(--mainfntClr);
            text-decoration: underline
        }

        .cmp-two-columns__text .cmp-text h1, .cmp-two-columns__text .cmp-text h2, .cmp-two-columns__text .cmp-text h3, .cmp-two-columns__text .cmp-text h4, .cmp-two-columns__text .cmp-text h5, .cmp-two-columns__text .cmp-text blockquote, .cmp-two-columns__text .cmp-text pre {
            color: var(--mainfntClr);
            font-family: 'CupraBook',sans-serif;
            font-size: 16px;
            line-height: 1.2
        }

.cmp-two-columns__top {
    margin-bottom: 40px
}

.cmp-two-columns-card__media .cmp-video {
    margin: 0
}

    .cmp-two-columns-card__media .cmp-video .spinner-video-spinner:not(.play-video):not(.pause-video) {
        background-color: var(--tc--bg-03)
    }

.cmp-two-columns-card__title .cmp-title__text {
    color: var(--mainfntClr);
    font-family: 'CupraBook',sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0
}

.cmp-two-columns-card__text .cmp-text, .cmp-two-columns-card__text .cmp-text p {
    color: var(--mainfntClr);
    font-family: 'CupraLight',sans-serif;
    font-size: 16px;
    line-height: 1.5
}

    .cmp-two-columns-card__text .cmp-text a {
        color: var(--mainfntClr);
        text-decoration: underline
    }

    .cmp-two-columns-card__text .cmp-text h1, .cmp-two-columns-card__text .cmp-text h2, .cmp-two-columns-card__text .cmp-text h3, .cmp-two-columns-card__text .cmp-text h4, .cmp-two-columns-card__text .cmp-text h5, .cmp-two-columns-card__text .cmp-text blockquote, .cmp-two-columns-card__text .cmp-text pre {
        color: var(--mainfntClr);
        font-family: 'CupraLight',sans-serif;
        font-size: 16px;
        line-height: 1.5
    }

.cmp-two-columns-card__buttons {
    display: inline-flex
}

    .cmp-two-columns-card__buttons .mod__primary-button {
        width: auto
    }

        .cmp-two-columns-card__buttons .mod__primary-button .cmp-button__text {
            color: var(--tc--font-03)
        }

    .cmp-two-columns-card__buttons .mod__secondary-button {
        width: auto
    }

        .cmp-two-columns-card__buttons .mod__secondary-button .cmp-button .cmp-button__text {
            color: var(--tc--font-01)
        }

    .cmp-two-columns-card__buttons .mod__primary-button .cmp-qr {
        width: auto
    }

    .cmp-two-columns-card__buttons .mod__primary-button .cmp-qr__button .ico, .cmp-two-columns-card__buttons .mod__primary-button .cmp-qr__qr-code .ico {
        background-color: var(--tc--font-03)
    }

    .cmp-two-columns-card__buttons .cmp-qr__button .cmp-icon-button {
        padding: 16px 8px
    }

.cmp-two-columns-card[data-position="standard"] .cmp-two-columns-card__media, .cmp-two-columns-card[data-position="left"] .cmp-two-columns-card__media, .cmp-two-columns-card[data-position="right"] .cmp-two-columns-card__media {
    order: unset
}

.cmp-two-columns-card[data-position="standard"] .cmp-two-columns-card__info, .cmp-two-columns-card[data-position="left"] .cmp-two-columns-card__info, .cmp-two-columns-card[data-position="right"] .cmp-two-columns-card__info {
    order: unset
}

@media(min-width:764px) {
    .cmp-two-columns__container {
        padding: 64px 0
    }

    .cmp-two-columns__title .cmp-title__text {
        font-family: 'CupraLight',sans-serif;
        font-size: 40px;
        margin: 0
    }

    .cmp-two-columns__text .cmp-text, .cmp-two-columns__text .cmp-text p {
        font-size: 20px
    }

        .cmp-two-columns__text .cmp-text a {
            text-decoration: underline
        }

        .cmp-two-columns__text .cmp-text h1, .cmp-two-columns__text .cmp-text h2, .cmp-two-columns__text .cmp-text h3, .cmp-two-columns__text .cmp-text h4, .cmp-two-columns__text .cmp-text h5, .cmp-two-columns__text .cmp-text blockquote, .cmp-two-columns__text .cmp-text pre {
            font-size: 20px
        }

    .cmp-two-columns-card__title .cmp-title__text {
        font-size: 19px;
        margin: 0
    }

    .cmp-two-columns-card__buttons .mod__secondary-button .cmp-button, .cmp-two-columns-card__buttons .mod__light-secondary-button .cmp-button, .cmp-two-columns-card__buttons .mod__primary-button .cmp-button, .cmp-two-columns-card__buttons .mod__light-primary-button .cmp-button {
        min-width: 153px
    }

    .cmp-two-columns-card[data-position="standard"] .cmp-two-columns-card__media, .cmp-two-columns-card[data-position="right"] .cmp-two-columns-card__media {
        order: 2
    }

    .cmp-two-columns-card[data-position="standard"] .cmp-two-columns-card__info, .cmp-two-columns-card[data-position="right"] .cmp-two-columns-card__info {
        order: 1
    }

    .cmp-two-columns-card[data-position="left"] .cmp-two-columns-card__media {
        order: 1
    }

    .cmp-two-columns-card[data-position="left"] .cmp-two-columns-card__info {
        order: 2
    }

    .cmp-two-columns-card[data-aspect="ratio-1"] {
        gap: 32px
    }

        .cmp-two-columns-card[data-aspect="ratio-1"] .cmp-two-columns-card__media {
            width: 334px
        }

    .cmp-two-columns-card[data-aspect="ratio-9"] {
        padding: 0 0 0 32px;
        gap: 64px
    }

        .cmp-two-columns-card[data-aspect="ratio-9"] .cmp-two-columns-card__media {
            width: 264px
        }

        .cmp-two-columns-card[data-aspect="ratio-9"][data-position="left"] {
            padding: 0 32px 0 0
        }

    .cmp-two-columns-card[data-aspect="ratio-16"] {
        gap: 40px
    }

        .cmp-two-columns-card[data-aspect="ratio-16"] .cmp-two-columns-card__media {
            width: 406px
        }
}

@media(min-width:1016px) {
    .cmp-two-columns__container {
        padding: 64px 0
    }

    .cmp-two-columns__top {
        margin-bottom: 64px
    }

    .cmp-two-columns__text .cmp-text, .cmp-two-columns__text .cmp-text p {
        font-size: 24px
    }

        .cmp-two-columns__text .cmp-text a {
            text-decoration: underline
        }

        .cmp-two-columns__text .cmp-text h1, .cmp-two-columns__text .cmp-text h2, .cmp-two-columns__text .cmp-text h3, .cmp-two-columns__text .cmp-text h4, .cmp-two-columns__text .cmp-text h5, .cmp-two-columns__text .cmp-text blockquote, .cmp-two-columns__text .cmp-text pre {
            font-size: 24px
        }

    .cmp-two-columns-card__title .cmp-title__text {
        font-size: 26px;
        margin: 0
    }

    .cmp-two-columns-card__text .cmp-text, .cmp-two-columns-card__text .cmp-text p {
        font-size: 20px
    }

        .cmp-two-columns-card__text .cmp-text a {
            text-decoration: underline
        }

        .cmp-two-columns-card__text .cmp-text h1, .cmp-two-columns-card__text .cmp-text h2, .cmp-two-columns-card__text .cmp-text h3, .cmp-two-columns-card__text .cmp-text h4, .cmp-two-columns-card__text .cmp-text h5, .cmp-two-columns-card__text .cmp-text blockquote, .cmp-two-columns-card__text .cmp-text pre {
            font-size: 20px
        }

    .cmp-two-columns-card__buttons {
        flex-direction: unset;
        flex-wrap: wrap
    }

    .cmp-two-columns-card[data-aspect="ratio-1"] {
        gap: 40px
    }

        .cmp-two-columns-card[data-aspect="ratio-1"] .cmp-two-columns-card__media {
            width: 460px
        }

    .cmp-two-columns-card[data-aspect="ratio-9"] {
        padding: 0 0 0 90px;
        gap: 122px
    }

        .cmp-two-columns-card[data-aspect="ratio-9"] .cmp-two-columns-card__media {
            width: 340px
        }

        .cmp-two-columns-card[data-aspect="ratio-9"][data-position="left"] {
            padding: 0 90px 0 0
        }

    .cmp-two-columns-card[data-aspect="ratio-16"] {
        gap: 48px
    }

        .cmp-two-columns-card[data-aspect="ratio-16"] .cmp-two-columns-card__media {
            width: 590px
        }
}

@media(min-width:1436px) {
    .cmp-two-columns__container {
        padding: 96px 0
    }

    .cmp-two-columns__top {
        margin-bottom: 96px
    }

    .cmp-two-columns__title .cmp-title__text {
        font-size: 60px;
        margin: 0
    }

    .cmp-two-columns__text .cmp-text, .cmp-two-columns__text .cmp-text p {
        font-size: 30px
    }

        .cmp-two-columns__text .cmp-text a {
            text-decoration: underline
        }

        .cmp-two-columns__text .cmp-text h1, .cmp-two-columns__text .cmp-text h2, .cmp-two-columns__text .cmp-text h3, .cmp-two-columns__text .cmp-text h4, .cmp-two-columns__text .cmp-text h5, .cmp-two-columns__text .cmp-text blockquote, .cmp-two-columns__text .cmp-text pre {
            font-size: 30px
        }

    .cmp-two-columns-card__title .cmp-title__text {
        font-family: 'CupraLight',sans-serif;
        font-size: 32px;
        margin: 0
    }

    .cmp-two-columns-card__text .cmp-text, .cmp-two-columns-card__text .cmp-text p {
        font-size: 24px
    }

        .cmp-two-columns-card__text .cmp-text a {
            text-decoration: underline
        }

        .cmp-two-columns-card__text .cmp-text h1, .cmp-two-columns-card__text .cmp-text h2, .cmp-two-columns-card__text .cmp-text h3, .cmp-two-columns-card__text .cmp-text h4, .cmp-two-columns-card__text .cmp-text h5, .cmp-two-columns-card__text .cmp-text blockquote, .cmp-two-columns-card__text .cmp-text pre {
            font-size: 24px
        }

    .cmp-two-columns-card[data-aspect="ratio-1"] {
        gap: 89px
    }

        .cmp-two-columns-card[data-aspect="ratio-1"] .cmp-two-columns-card__media {
            width: 670px
        }

    .cmp-two-columns-card[data-aspect="ratio-9"] {
        padding: 0 0 0 148px;
        gap: 180px
    }

        .cmp-two-columns-card[data-aspect="ratio-9"] .cmp-two-columns-card__media {
            width: 551px
        }

        .cmp-two-columns-card[data-aspect="ratio-9"][data-position="left"] {
            padding: 0 148px 0 0
        }

    .cmp-two-columns-card[data-aspect="ratio-16"] {
        gap: 32px
    }

        .cmp-two-columns-card[data-aspect="ratio-16"] .cmp-two-columns-card__media {
            width: 904px
        }
}