@charset "UTF-8";

.app-badge--atlassian .app-badge__icon:after,
.app-badge--salesforce .app-badge__icon:after,
.app-form__submit .app-form__submit-icon:after,
.app-form__submit .app-form__submit-icon:before,
.app-form__submit .ltm-link__icon:after,
.app-form__submit .ltm-link__icon:before,
.app-header__nav-list .menu-item-has-children>span:after,
.app-header__nav-list .menu-item-has-children>span:before,
.app-link-more__icon:after,
.app-link-more__icon:before,
.app-pagination .page-numbers.next:before,
.app-pagination .page-numbers.prev:before,
.csp-plug:after,
.form-thx__title:before,
.hp-benefits .app-slider__title:after,
.hp-benefits .app-slider__title:before,
.hp-goal:before,
.hp-platforms__title:after,
.jp-feature__title--target:before,
.ltm-link--primary .app-form__submit-icon:after,
.ltm-link--primary .app-form__submit-icon:before,
.ltm-link--primary .ltm-link__icon:after,
.ltm-link--primary .ltm-link__icon:before,
.ltm-link--secondary .app-form__submit-icon:after,
.ltm-link--secondary .app-form__submit-icon:before,
.ltm-link--secondary .ltm-link__icon:after,
.ltm-link--secondary .ltm-link__icon:before,
.ltm-link--sm .app-form__submit-icon:after,
.ltm-link--sm .app-form__submit-icon:before,
.ltm-link--sm .ltm-link__icon:after,
.ltm-link--sm .ltm-link__icon:before,
.okre-item__copy:after,
.pr-feature__title--target:before,
.badge-atlassian,
.badge-salesforce,
.coming-soon,
.copy,
.heart,
.ltm-arrow,
.ltm-arrow-secondary,
.ltm-arrow-sm,
.menu-item-chevron,
.menu-item-chevron--big,
.message,
.more-link,
.pagination-chevron,
.smile,
.target,
.title-arrow,
.warning {
    background: url(../img/sprite-svg-52aa6cf0.svg) no-repeat
}

.app-badge.app-badge--aicpa .app-badge__icon::after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-image: url("../img/badge-aicpa.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.app-badge--atlassian .app-badge__icon:after,
.badge-atlassian {
    background-position: 0 0;
    width: 33px;
    height: 38px
}

.app-badge--salesforce .app-badge__icon:after,
.badge-salesforce {
    background-position: 0 8.52017937219731%;
    width: 54px;
    height: 38px
}

.csp-plug:after,
.coming-soon {
    background-position: 0 16.450216450216452%;
    width: 16px;
    height: 22px
}

.okre-item__copy:after,
.copy {
    background-position: 0 21.304347826086957%;
    width: 24px;
    height: 24px
}

.hp-benefits .app-slider__title:after,
.hp-benefits .app-slider__title:before,
.heart {
    background-position: 0 28.110599078341014%;
    width: 50px;
    height: 50px
}

.ltm-link--primary .app-form__submit-icon:after,
.ltm-link--primary .app-form__submit-icon:before,
.ltm-link--primary .ltm-link__icon:after,
.ltm-link--primary .ltm-link__icon:before,
.ltm-arrow {
    background-position: 0 37.391304347826086%;
    width: 24px;
    height: 24px
}

.app-form__submit .app-form__submit-icon:after,
.app-form__submit .app-form__submit-icon:before,
.app-form__submit .ltm-link__icon:after,
.app-form__submit .ltm-link__icon:before,
.ltm-link--secondary .app-form__submit-icon:after,
.ltm-link--secondary .app-form__submit-icon:before,
.ltm-link--secondary .ltm-link__icon:after,
.ltm-link--secondary .ltm-link__icon:before,
.ltm-arrow-secondary {
    background-position: 0 42.608695652173914%;
    width: 24px;
    height: 24px
}

.ltm-link--sm .app-form__submit-icon:after,
.ltm-link--sm .app-form__submit-icon:before,
.ltm-link--sm .ltm-link__icon:after,
.ltm-link--sm .ltm-link__icon:before,
.ltm-arrow-sm {
    background-position: 0 47.61904761904762%;
    width: 22px;
    height: 22px
}

.app-header__nav-list .menu-item-has-children>span:after,
.menu-item-chevron {
    background-position: 0 51.271186440677965%;
    width: 12px;
    height: 12px
}

.app-header__nav-list .menu-item-has-children>span:before,
.menu-item-chevron--big {
    background-position: 0 55.21739130434783%;
    width: 24px;
    height: 24px
}

.form-thx__title:before,
.message {
    background-position: 0 64.0552995391705%;
    width: 50px;
    height: 50px
}

.app-link-more__icon:after,
.app-link-more__icon:before,
.more-link {
    background-position: 0 71.30434782608695%;
    width: 24px;
    height: 24px
}

.app-pagination .page-numbers.next:before,
.app-pagination .page-numbers.prev:before,
.pagination-chevron {
    background-position: 0 74.57627118644068%;
    width: 9px;
    height: 12px
}

.hp-goal:before,
.smile {
    background-position: 0 78.11158798283262%;
    width: 18px;
    height: 18px
}

.jp-feature__title--target:before,
.pr-feature__title--target:before,
.target {
    background-position: 0 83.4061135371179%;
    width: 26px;
    height: 26px
}

.hp-platforms__title:after,
.title-arrow {
    background-position: 0 94.00921658986175%;
    width: 50px;
    height: 50px
}

.warning {
    background-position: 0 100%;
    width: 26px;
    height: 26px;
}

@-webkit-keyframes shine {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes shine {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

.app-category-link,
.post-header__date,
.post-info__author,
.post-info__date {
    padding: .25rem 1.25rem;
    border-radius: 1.25rem;
    text-align: center
}

.post-header__date,
.post-info__author,
.post-info__date {
    color: #5d5d6c
}

.app-input-range,
.okre-item__progress .progress-plug {
    width: 100%;
    height: .25rem;
    background-color: #d5d5dd;
    border-radius: .125rem
}

.app-input-range {
    -webkit-appearance: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8541), to(#ff8541));
    background-image: -o-linear-gradient(#ff8541, #ff8541);
    background-image: linear-gradient(#ff8541, #ff8541);
    background-size: 0 100%;
    background-repeat: no-repeat
}

.app-input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.5rem;
    width: 1.875rem;
    border-radius: .625rem;
    background-color: #ff8541;
    background-image: url(../img/dot.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: ew-resize;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: none
}

.app-input-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 1.5rem;
    width: 1.875rem;
    border-radius: .625rem;
    background-color: #ff8541;
    background-image: url(../img/dot.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: ew-resize;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: none
}

.app-input-range::-ms-thumb {
    -webkit-appearance: none;
    height: 1.5rem;
    width: 1.875rem;
    border-radius: .625rem;
    background-color: #ff8541;
    background-image: url(../img/dot.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: ew-resize;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: none
}

.app-input-range::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.app-input-range::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.app-input-range::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.app-container {
    max-width: 76rem;
    margin: 0 auto
}

@media only screen and (min-width:0px) {
    .app-container {
        width: 90%
    }
}

@media only screen and (min-width:680px) {
    .app-container {
        width: 93.75%
    }
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

@media only screen and (min-width:0px) {
    .hp-intro {
        margin: 3.25rem 0
    }
}

@media only screen and (min-width:769px) {
    .hp-intro {
        margin: 5rem 0
    }
}

@media only screen and (min-width:0px) {

    .blog-preview,
    .jp-faq,
    .jp-footer {
        margin: 3.75rem 0 5rem
    }
}

@media only screen and (min-width:769px) {

    .blog-preview,
    .jp-faq,
    .jp-footer {
        margin: 5rem 0 6.25rem
    }
}

@media only screen and (min-width:1024px) {

    .blog-preview,
    .jp-faq,
    .jp-footer {
        margin: 7.5rem 0
    }
}

@media only screen and (min-width:0px) {

    .ap-posts__list,
    .app-slider,
    .au-badges,
    .au-contact-us__wrapper,
    .au-features__counts,
    .au-features__list,
    .blog-page__list,
    .cp-services__list,
    .hp-intro__content,
    .nav-line,
    .okre-examples__nav,
    .okre-item,
    .plugin-announce,
    .plugin-announce__left,
    .pr-enterprise-features__list,
    .single-post__body-items,
    .sp-achievements__list,
    .sp-badges,
    .sp-features__list {
        gap: 1rem
    }
}

@media only screen and (min-width:769px) {

    .ap-posts__list,
    .app-slider,
    .au-badges,
    .au-contact-us__wrapper,
    .au-features__counts,
    .au-features__list,
    .blog-page__list,
    .cp-services__list,
    .hp-intro__content,
    .nav-line,
    .okre-examples__nav,
    .okre-item,
    .plugin-announce,
    .plugin-announce__left,
    .pr-enterprise-features__list,
    .single-post__body-items,
    .sp-achievements__list,
    .sp-badges,
    .sp-features__list {
        gap: 1.5rem
    }
}

@media only screen and (min-width:1024px) {

    .ap-posts__list,
    .app-slider,
    .au-badges,
    .au-contact-us__wrapper,
    .au-features__counts,
    .au-features__list,
    .blog-page__list,
    .cp-services__list,
    .hp-intro__content,
    .nav-line,
    .okre-examples__nav,
    .okre-item,
    .plugin-announce,
    .plugin-announce__left,
    .pr-enterprise-features__list,
    .single-post__body-items,
    .sp-achievements__list,
    .sp-badges,
    .sp-features__list {
        gap: 1.25rem
    }
}

@media only screen and (min-width:1280px) {

    .ap-posts__list,
    .app-slider,
    .au-badges,
    .au-contact-us__wrapper,
    .au-features__counts,
    .au-features__list,
    .blog-page__list,
    .cp-services__list,
    .hp-intro__content,
    .nav-line,
    .okre-examples__nav,
    .okre-item,
    .plugin-announce,
    .plugin-announce__left,
    .pr-enterprise-features__list,
    .single-post__body-items,
    .sp-achievements__list,
    .sp-badges,
    .sp-features__list {
        gap: 2rem
    }
}

:root {
    --violet: #A769F6;
    --red: #F64963;
    --orange: #FF8541;
    --blue: #5879EE;
    --violet-2: #F8F2FF;
    --red-2: #FFF5F2;
    --orange-2: #FFFAF2;
    --blue-2: #F2F6FF
}

body {
    overflow-x: hidden;
    color: #16161d;
    font-family: Gilroy, sans-serif
}

main {
    overflow: hidden
}

.app-link-more {
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.1875rem;
    padding: .75rem 1.25rem;
    border-radius: 2.5rem;
    text-align: center;
    color: #16161d;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

@media (any-hover:hover) {
    .app-link-more:hover {
        background-color: #f6f6f6
    }
}

.jp-faq__frame .app-link-more {
    border: .125rem solid;
    padding: .625rem 1.125rem
}

.app-link-more__icon {
    height: 1.5rem;
    width: 1.5rem;
    position: relative;
    overflow: hidden
}

.app-link-more__icon:after,
.app-link-more__icon:before {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.app-link-more__icon:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.app-link-more:hover .app-link-more__icon:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.app-link-more:hover .app-link-more__icon:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.app-badge__icon:after,
.app-header__nav-list .menu-item-has-children>span:after,
.app-header__nav-list .menu-item-has-children>span:before,
.app-pagination .page-numbers.next:before,
.app-pagination .page-numbers.prev:before,
.csp-plug:after,
.form-thx__title:before,
.hp-benefits .app-slider__title:after,
.hp-benefits .app-slider__title:before,
.hp-platforms__title:after,
.jp-feature__title:before,
.okre-item__copy:after,
.pr-feature__title:before {
    content: "";
    position: relative;
    display: block
}

.app-logo {
    min-height: 2.25rem;
    min-width: 2.25rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (any-hover:hover) {
    .app-logo:hover .dot {
        -webkit-animation: logo-dot 1s ease-in-out;
        animation: logo-dot 1s ease-in-out
    }

    .app-logo:hover .orange-line {
        -webkit-animation: logo-orange-line .5s ease-in-out alternate 2;
        animation: logo-orange-line .5s ease-in-out alternate 2
    }

    .app-logo:hover .red-line {
        -webkit-animation: logo-red-line 1s ease-in-out;
        animation: logo-red-line 1s ease-in-out
    }
}

@-webkit-keyframes logo-dot {
    0% {
        -webkit-transform: none;
        transform: none
    }

    25% {
        -webkit-transform: translateY(70%);
        transform: translateY(70%)
    }

    50% {
        -webkit-transform: translate(-16.8px, 70%);
        transform: translate(-16.8px, 70%)
    }

    75% {
        -webkit-transform: translate(-16.8px, 0);
        transform: translate(-16.8px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes logo-dot {
    0% {
        -webkit-transform: none;
        transform: none
    }

    25% {
        -webkit-transform: translateY(70%);
        transform: translateY(70%)
    }

    50% {
        -webkit-transform: translate(-16.8px, 70%);
        transform: translate(-16.8px, 70%)
    }

    75% {
        -webkit-transform: translate(-16.8px, 0);
        transform: translate(-16.8px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes logo-orange-line {
    from {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: translateX(7.6%);
        transform: translateX(7.6%)
    }
}

@keyframes logo-orange-line {
    from {
        -webkit-transform: none;
        transform: none
    }

    to {
        -webkit-transform: translateX(7.6%);
        transform: translateX(7.6%)
    }
}

@-webkit-keyframes logo-red-line {
    0% {
        -webkit-transform: none;
        transform: none
    }

    25% {
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%)
    }

    50% {
        -webkit-transform: translate(9.6px, -70%);
        transform: translate(9.6px, -70%)
    }

    75% {
        -webkit-transform: translate(9.6px, 0);
        transform: translate(9.6px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes logo-red-line {
    0% {
        -webkit-transform: none;
        transform: none
    }

    25% {
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%)
    }

    50% {
        -webkit-transform: translate(9.6px, -70%);
        transform: translate(9.6px, -70%)
    }

    75% {
        -webkit-transform: translate(9.6px, 0);
        transform: translate(9.6px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@font-face {
	font-family: Gilroy;
	font-display: swap;
	src: local("Gilroy Regualar"), local("Gilroy-Regualar"), url(../static/fonts/GilroyRegular/font.woff2) format("woff2"), url(../static/fonts/GilroyRegular/font.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Gilroy;
	font-display: swap;
	src: local("Gilroy RegularItalic"), local("Gilroy-RegularItalic"), url(../static/fonts/GilroyRegularItalic/font.woff2) format("woff2"), url(../static/fonts/GilroyRegularItalic/font.woff) format("woff");
	font-weight: 400;
	font-style: italic;
}

@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../static/fonts/GilroyMedium/font.woff2) format("woff2"), url(../static/fonts/GilroyMedium/font.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: local("Gilroy MediumItalic"), local("Gilroy-MediumItalic"), url(../static/fonts/GilroyMediumItalic/font.woff2) format("woff2"), url(../static/fonts/GilroyMediumItalic/font.woff) format("woff");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url(../static/fonts/GilroySemiBold/font.woff2) format("woff2"), url(../static/fonts/GilroySemiBold/font.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
	font-family: Gilroy;
	font-display: swap;
	src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../static/fonts/GilroyBold/font.woff2) format("woff2"), url(../static/fonts/GilroyBold/font.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
    font-family: 'SF Pro';
    font-display: swap;
    src: local("Pro normal"), local("Pro-normal"), url(../static/fonts/SFPro/SFProDisplay-Regular.woff2) format("woff2"), url(../static/fonts/SFPro/SFProDisplay-Regular.woff) format("woff");
    font-style: normal
}

@font-face {
    font-family: 'SF Pro';
    font-display: swap;
    src: local("Pro SemiBold"), local("Pro-SemiBold"), url(../static/fonts/SFPro/SFProDisplay-Semibold.woff2) format("woff2"), url(../static/fonts/SFPro/SFProDisplay-Semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

.cp-outro__title,
h1 {
    margin: 1rem 0 2rem;
    font-style: normal;
    font-weight: 600;
    font-size: 4rem
}

@media only screen and (min-width:320px) {

    .cp-outro__title,
    h1 {
        font-size: 2.625rem
    }
}

@media only screen and (min-width:360px) {

    .cp-outro__title,
    h1 {
        font-size: 3rem
    }
}

@media only screen and (min-width:769px) {

    .cp-outro__title,
    h1 {
        font-size: 3.25rem
    }
}

@media only screen and (min-width:1024px) {

    .cp-outro__title,
    h1 {
        font-size: 4rem
    }
}

@media only screen and (min-width:0px) {

    .cp-outro__title,
    h1 {
        line-height: 117%
    }
}

@media only screen and (min-width:769px) {

    .cp-outro__title,
    h1 {
        line-height: 112%
    }
}

.au-count__title,
h2 {
    margin: 1.5rem 0
}

.au-count__title,
h2 {
    font-style: normal;
    font-weight: 600;
    line-height: 125%
}

@media only screen and (min-width:0px) {

    .au-count__title,
    h2 {
        font-size: 2rem
    }
}

@media only screen and (min-width:769px) {

    .au-count__title,
    h2 {
        font-size: 2.25rem
    }
}

@media only screen and (min-width:1024px) {

    .au-count__title,
    h2 {
        font-size: 3rem
    }
}

.content__description,
.form-thx__title {
    font-style: normal;
    font-weight: 500;
    font-size: 2rem;
    line-height: 150%
}

h3 {
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 1rem 0
}

@media only screen and (min-width:0px) {
    h3 {
        font-size: 2rem
    }
}

@media only screen and (min-width:769px) {
    h3 {
        font-size: 1.75rem
    }
}

@media only screen and (min-width:1024px) {
    h3 {
        font-size: 2rem
    }
}

h4 {
    margin: 1rem 0;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

@media only screen and (min-width:0px) {
    h4 {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:769px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    margin: 1rem 0;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 150%
}

h6 {
    margin: 1rem 0;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%
}

.au-contact-us__content .content__list li,
.au-contact-us__content .content__text,
.single-post__body .post__content ol li,
.single-post__body .post__content ul li,
.static-page__content ol li,
.static-page__content ul li,
p {
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 156%;
    margin: .9375rem 0
}

.app-form__info a,
.au-contact-us__content .content__list li a,
.au-contact-us__content .content__text a,
.single-post__body .post__content a,
.static-page__content a,
p a {
    color: #5879ee
}

.au-contact-us__content .content__list,
.single-post__body .post__content ol,
.single-post__body .post__content ul,
.static-page__content ol,
.static-page__content ul {
    list-style: none;
    margin: 1.25rem 0
}

.au-contact-us__content .content__list li,
.single-post__body .post__content ol li,
.single-post__body .post__content ul li,
.static-page__content ol li,
.static-page__content ul li {
    position: relative
}

.au-contact-us__content .content__list li:first-child,
.single-post__body .post__content ol li:first-child,
.single-post__body .post__content ul li:first-child,
.static-page__content ol li:first-child,
.static-page__content ul li:first-child {
    margin-top: 0
}

.au-contact-us__content .content__list li:last-child,
.single-post__body .post__content ol li:last-child,
.single-post__body .post__content ul li:last-child,
.static-page__content ol li:last-child,
.static-page__content ul li:last-child {
    margin-bottom: 0
}

.au-contact-us__content .content__list li:before,
.single-post__body .post__content ol li:before,
.single-post__body .post__content ul li:before,
.static-page__content ol li:before,
.static-page__content ul li:before {
    position: absolute;
    left: 0;
    top: .75rem
}

.au-contact-us__content .content__list li,
.single-post__body .post__content ul li,
.static-page__content ul li {
    padding-left: 1.25rem
}

.au-contact-us__content .content__list li:before,
.single-post__body .post__content ul li:before,
.static-page__content ul li:before {
    content: "";
    height: .25rem;
    width: .25rem;
    border-radius: 50%;
    background: #16161d
}

.au-contact-us__content .content__list ul li:before,
.single-post__body .post__content ul ul li:before,
.static-page__content ul ul li:before {
    border: .0625rem solid;
    background: #fff
}

.single-post__body .post__content ol,
.static-page__content ol {
    counter-reset: list
}

.single-post__body .post__content ol li,
.static-page__content ol li {
    padding-left: 1.875rem;
    counter-increment: list
}

.single-post__body .post__content ol li:before,
.static-page__content ol li:before {
    top: 0;
    content: counter(list, decimal-leading-zero) "."
}

.single-post__body .post__content .wp-block-table table,
.static-page__content .wp-block-table table {
    table-layout: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%
}

.single-post__body .post__content .wp-block-table table thead,
.static-page__content .wp-block-table table thead {
    -webkit-box-shadow: inset 0 -.0625rem 0 0 #a6a6b1;
    box-shadow: inset 0 -.0625rem 0 0 #a6a6b1
}

.single-post__body .post__content .wp-block-table table thead th,
.static-page__content .wp-block-table table thead th {
    vertical-align: middle;
    padding: 1rem .5rem;
    text-align: left;
    max-width: 13.75rem;
    width: auto
}

.single-post__body .post__content .wp-block-table table tbody tr:nth-child(2n),
.static-page__content .wp-block-table table tbody tr:nth-child(2n) {
    background-color: #f6f6f6
}

.single-post__body .post__content .wp-block-table table tbody td,
.static-page__content .wp-block-table table tbody td {
    vertical-align: middle;
    padding: 1rem .5rem;
    max-width: 13.75rem;
    width: auto
}

.au-feature__title,
.au-intro__description,
.cp-intro__description,
.cp-outro__subtitle,
.cp-service__title,
.okre-intro__description,
.pp-intro__description,
.pr-intro__description,
.sp-achievement__title,
.sp-feature__title,
.sp-intro__description {
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

@media only screen and (min-width:0px) {

    .au-feature__title,
    .au-intro__description,
    .cp-intro__description,
    .cp-outro__subtitle,
    .cp-service__title,
    .okre-intro__description,
    .pp-intro__description,
    .pr-intro__description,
    .sp-achievement__title,
    .sp-feature__title,
    .sp-intro__description {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:769px) {

    .au-feature__title,
    .au-intro__description,
    .cp-intro__description,
    .cp-outro__subtitle,
    .cp-service__title,
    .okre-intro__description,
    .pp-intro__description,
    .pr-intro__description,
    .sp-achievement__title,
    .sp-feature__title,
    .sp-intro__description {
        font-size: 1.5rem
    }
}

.app-slider__content-target .target__title,
.app-slider__nav-item .nav-item__title,
.cp-outro__description,
.cp-services__description,
.example-tab__subtitle,
.hp-platforms__description,
.jp-faq__frame,
.jp-feature__title,
.pp-product-features__description,
.pr-feature__title {
    font-style: normal;
    font-weight: 500
}

@media only screen and (min-width:0px) {

    .app-slider__content-target .target__title,
    .app-slider__nav-item .nav-item__title,
    .cp-outro__description,
    .cp-services__description,
    .example-tab__subtitle,
    .hp-platforms__description,
    .jp-faq__frame,
    .jp-feature__title,
    .pp-product-features__description,
    .pr-feature__title {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:1024px) {

    .app-slider__content-target .target__title,
    .app-slider__nav-item .nav-item__title,
    .cp-outro__description,
    .cp-services__description,
    .example-tab__subtitle,
    .hp-platforms__description,
    .jp-faq__frame,
    .jp-feature__title,
    .pp-product-features__description,
    .pr-feature__title {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:0px) {

    .app-slider__content-target .target__title,
    .app-slider__nav-item .nav-item__title,
    .cp-outro__description,
    .cp-services__description,
    .example-tab__subtitle,
    .hp-platforms__description,
    .jp-faq__frame,
    .jp-feature__title,
    .pp-product-features__description,
    .pr-feature__title {
        line-height: 156%
    }
}

@media only screen and (min-width:1024px) {

    .app-slider__content-target .target__title,
    .app-slider__nav-item .nav-item__title,
    .cp-outro__description,
    .cp-services__description,
    .example-tab__subtitle,
    .hp-platforms__description,
    .jp-faq__frame,
    .jp-feature__title,
    .pp-product-features__description,
    .pr-feature__title {
        line-height: 150%
    }
}

.app-slider__content-target .target__description,
.app-slider__nav-item .nav-item__subtitle,
.au-count__subtitle,
.au-feature__subtitle,
.form-thx__text,
.jp-feature__text,
.list-item__description,
.okre-item__value,
.pp-benefits__item .item__text,
.pr-feature__text,
.sp-achievement__text,
.sp-feature__subtitle {
    font-style: normal;
    font-weight: 500
}

@media only screen and (min-width:0px) {

    .app-slider__content-target .target__description,
    .app-slider__nav-item .nav-item__subtitle,
    .au-count__subtitle,
    .au-feature__subtitle,
    .form-thx__text,
    .jp-feature__text,
    .list-item__description,
    .okre-item__value,
    .pp-benefits__item .item__text,
    .pr-feature__text,
    .sp-achievement__text,
    .sp-feature__subtitle {
        font-size: 1rem
    }
}

@media only screen and (min-width:769px) {

    .app-slider__content-target .target__description,
    .app-slider__nav-item .nav-item__subtitle,
    .au-count__subtitle,
    .au-feature__subtitle,
    .form-thx__text,
    .jp-feature__text,
    .list-item__description,
    .okre-item__value,
    .pp-benefits__item .item__text,
    .pr-feature__text,
    .sp-achievement__text,
    .sp-feature__subtitle {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:0px) {

    .app-slider__content-target .target__description,
    .app-slider__nav-item .nav-item__subtitle,
    .au-count__subtitle,
    .au-feature__subtitle,
    .form-thx__text,
    .jp-feature__text,
    .list-item__description,
    .okre-item__value,
    .pp-benefits__item .item__text,
    .pr-feature__text,
    .sp-achievement__text,
    .sp-feature__subtitle {
        line-height: 150%
    }
}

@media only screen and (min-width:769px) {

    .app-slider__content-target .target__description,
    .app-slider__nav-item .nav-item__subtitle,
    .au-count__subtitle,
    .au-feature__subtitle,
    .form-thx__text,
    .jp-feature__text,
    .list-item__description,
    .okre-item__value,
    .pp-benefits__item .item__text,
    .pr-feature__text,
    .sp-achievement__text,
    .sp-feature__subtitle {
        line-height: 156%
    }
}

.ap-intro__description,
.app-header__title,
.blog-page__categories .app-category-link,
.field-placeholder,
.footer-middle__links-item .item-list__link,
.footer-middle__links-item .item-list__plug,
.footer-middle__links-item .item-title,
.okre-item__text,
.search-form .search-field,
.search-form .search-submit,
.sidebar__categories .app-category-link {
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

@media only screen and (min-width:0px) {

    .ap-intro__description,
    .app-header__title,
    .blog-page__categories .app-category-link,
    .field-placeholder,
    .footer-middle__links-item .item-list__link,
    .footer-middle__links-item .item-list__plug,
    .footer-middle__links-item .item-title,
    .okre-item__text,
    .search-form .search-field,
    .search-form .search-submit,
    .sidebar__categories .app-category-link {
        font-size: .875rem
    }
}

@media only screen and (min-width:769px) {

    .ap-intro__description,
    .app-header__title,
    .blog-page__categories .app-category-link,
    .field-placeholder,
    .footer-middle__links-item .item-list__link,
    .footer-middle__links-item .item-list__plug,
    .footer-middle__links-item .item-title,
    .okre-item__text,
    .search-form .search-field,
    .search-form .search-submit,
    .sidebar__categories .app-category-link {
        font-size: 1rem
    }
}

.ap-links__title,
.app-form__field-error,
.app-header__nav-list .menu-item>a,
.app-header__nav-list .menu-item>span,
.app-header__nav-list .sub-menu .menu-item.coming-soon>span:after,
.app-pagination .page-numbers,
.footer-middle__links-item .item-list__plug:after,
.hp-brands__title,
.okre-item__copy:before {
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

@media only screen and (min-width:0px) {

    .ap-links__title,
    .app-form__field-error,
    .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span,
    .app-header__nav-list .sub-menu .menu-item.coming-soon>span:after,
    .app-pagination .page-numbers,
    .footer-middle__links-item .item-list__plug:after,
    .hp-brands__title,
    .okre-item__copy:before {
        font-size: .75rem
    }
}

@media only screen and (min-width:769px) {

    .ap-links__title,
    .app-form__field-error,
    .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span,
    .app-header__nav-list .sub-menu .menu-item.coming-soon>span:after,
    .app-pagination .page-numbers,
    .footer-middle__links-item .item-list__plug:after,
    .hp-brands__title,
    .okre-item__copy:before {
        font-size: .875rem
    }
}

.app-category-link,
.app-footer__bottom,
.app-form__info,
.footer-bottom__logo,
.okre-item__shortcut,
.post-author,
.post-header__date,
.post-info__author,
.post-info__date {
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

@media only screen and (min-width:0px) {

    .app-category-link,
    .app-footer__bottom,
    .app-form__info,
    .footer-bottom__logo,
    .okre-item__shortcut,
    .post-author,
    .post-header__date,
    .post-info__author,
    .post-info__date {
        font-size: .625rem
    }
}

@media only screen and (min-width:1280px) {

    .app-category-link,
    .app-footer__bottom,
    .app-form__info,
    .footer-bottom__logo,
    .okre-item__shortcut,
    .post-author,
    .post-header__date,
    .post-info__author,
    .post-info__date {
        font-size: .75rem
    }
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.single-post__body .post__content>.wp-block-separator,
.static-page__content>.wp-block-separator {
    margin: 1.875rem auto;
    max-width: 8.75rem;
    border-color: #16161d;
    border-bottom: none;
    width: 100%;
    border-width: 2px
}

.single-post__body .post__content .wp-block-quote,
.static-page__content .wp-block-quote {
    -webkit-box-shadow: inset .1875rem 0 0 #16161d;
    box-shadow: inset .1875rem 0 0 #16161d;
    padding-left: 1.25rem;
    margin: 1.25rem 0
}

.single-post__body .post__content .wp-block-columns,
.static-page__content .wp-block-columns {
    gap: .625rem;
    margin-bottom: 20px;
}

.single-post__body .post__content .wp-block-column>:first-child,
.static-page__content .wp-block-column>:first-child {
    margin-top: 0
}

.single-post__body .post__content .wp-block-column>:last-child,
.static-page__content .wp-block-column>:last-child {
    margin-bottom: 0
}

.single-post__body .post__content .wp-block-column.bordered,
.static-page__content .wp-block-column.bordered {
    padding: .625rem;
    border: .0625rem solid;
    border-radius: .75rem
}

.single-post__body .post__content>.wp-block-image,
.static-page__content>.wp-block-image {
    margin: 2.5rem 0
}

.single-post__body .post__content>.wp-block-image img,
.static-page__content>.wp-block-image img {
    width: auto;
    max-width: 100%;
    border-radius: .75rem
}

.single-post__body .post__content .wp-block-table,
.static-page__content .wp-block-table {
    margin: 1.25rem 0;
    overflow-x: auto;
    width: 100%;
    font-size: 13px
}

.single-post__body .post__content>:first-child,
.static-page__content>:first-child {
    margin-top: 0
}

.single-post__body .post__content>:last-child,
.static-page__content>:last-child {
    margin-bottom: 0
}

.app-header {
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%
}

.single-post .app-header__items:before {
    position: absolute;
    content: '';
    top: 100%;
    left: -16px;
    right: -16px;
    height: 1px;
    background-color: #16161d;
    z-index: 11;
    display: block !important;
}

@media only screen and (min-width:0px) {
    .app-header {
        background-color: #fff
    }

    .app-dark .app-header {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .app-dark g.app-logo__word path {
        fill: rgb(255, 255, 255);
    }

    .app-dark .app-menu__toggle svg {
        filter: brightness(21);
    }

    .app-dark .login_link {
        color: #fff !important;
    }
}

@media only screen and (min-width:1024px) {
    .app-header {
        background-color: rgba(255, 255, 255, .8)
    }

    .single-post .app-header__items:before {
        display: none !important;
    }
}

@media only screen and (min-width:1024px) {
    .app-header {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
}

@media only screen and (min-width:0px) {
    .app-header .app-container {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .app-header .app-container {
        width: 93.75%
    }
}

@media(min-width: 1440px) {
    .page-template-page-study .app-header .app-container {
        max-width: calc(1200px + 48px);
        padding: 0 24px;
    }
}

.app-header__title {
    text-align: center;
    margin: 0 auto;
    padding: 0 .625rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media only screen and (min-width:1024px) {
    .app-header__title {
        display: none
    }
}

.app-header__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media only screen and (min-width:0px) {
    .app-header__items {
        padding: .5rem 1rem
    }
}

@media only screen and (min-width:360px) {
    .app-header__items {
        padding: .5rem 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .app-header__items {
        padding: 1.6875rem 0 .75rem
    }
}

.app-header__nav {
    -webkit-transition: height, .3s ease-in-out;
    -o-transition: height, .3s ease-in-out;
    transition: height, .3s ease-in-out;
    overflow-y: auto;
    overscroll-behavior-y: none
}

/* @media only screen and (min-width:1280px) {
    .app-header__nav {
        margin-left: 6.25rem
    }
} */

@media only screen and (min-width:1024px) {
    .app-header__nav {
        margin-left: 6%
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav {
        position: absolute
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav {
        position: relative
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav {
        background-color: #fff
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav {
        background-color: transparent
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav {
        width: auto
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav {
        top: 3.25rem
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav {
        top: unset
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav {
        left: 0
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav {
        left: unset
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav {
        height: 0
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav {
        height: auto
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav {
        overflow: hidden
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav {
        overflow: initial
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav {
        padding: 0 1rem
    }
}

@media only screen and (min-width:360px) {
    .app-header__nav {
        padding: 0 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav {
        padding: 0
    }
}

@media only screen and (min-width:0px) {
    .js--open .app-header__nav {
        height: calc(100dvh - 48px) !important;
    }
}

@media only screen and (min-width:1024px) {
    .js--open .app-header__nav {
        height: auto
    }
}

.app-header__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

@media only screen and (min-width:0px) {
    .app-header__nav-list {
        padding-top: 24px
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list {
        padding-top: 0
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav-list {
        width: 100%;
		-webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column		
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.app-header__nav-list .menu-item {
    position: relative
}

@media only screen and (min-width:0px) {
    .app-header__nav-list > .menu-item {
        border-bottom: 1px solid #DFE1E6;
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list > .menu-item {
        border: none;
    }
}

.app-header__nav-list .menu-item>a,
.app-header__nav-list .menu-item>span {
    text-decoration: none;
    border-radius: .5rem;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #16161d;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:0px) {

    .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {

    .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span {
        width: auto
    }
}


@media only screen and (min-width:1024px) {

    .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span {
        padding: .625rem 1.25rem
    }
}

@media only screen and (min-width:0px) {

    .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
        text-transform: uppercase;
        padding: 15px 0;
    }
}

@media only screen and (min-width:360px) {

    /* .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span {
        font-size: 1.125rem
    } */
}

@media only screen and (min-width:1024px) {

    /* .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span {
        font-size: .875rem
    } */
}

@media only screen and (min-width:1024px) {

    /* .app-header__nav-list .menu-item>a,
    .app-header__nav-list .menu-item>span {
        font-weight: 500
    } */
}

@media (any-hover:hover) {

    .app-header__nav-list .menu-item>a:hover,
    .app-header__nav-list .menu-item>span:hover {
        background-color: #f6f6f6
    }
}

@media only screen and (min-width:1024px) {

    .app-header__nav-list .menu-item.current-menu-ancestor>a,
    .app-header__nav-list .menu-item.current-menu-ancestor>span,
    .app-header__nav-list .menu-item.current-menu-item>a,
    .app-header__nav-list .menu-item.current-menu-item>span {
        background-color: #f6f6f6
    }
}

@media only screen and (min-width:0px) {

    .app-header__nav-list .menu-item.current-menu-ancestor>a,
    .app-header__nav-list .menu-item.current-menu-ancestor>span,
    .app-header__nav-list .menu-item.current-menu-item>a,
    .app-header__nav-list .menu-item.current-menu-item>span {
        color: #5879ee
    }
}

@media only screen and (min-width:1024px) {

    .app-header__nav-list .menu-item.current-menu-ancestor>a,
    .app-header__nav-list .menu-item.current-menu-ancestor>span,
    .app-header__nav-list .menu-item.current-menu-item>a,
    .app-header__nav-list .menu-item.current-menu-item>span {
        color: initial
    }
}

.app-header__nav-list .menu-item-has-children>span {
    gap: .5rem
}

.app-header__nav-list .menu-item-has-children>span:after,
.app-header__nav-list .menu-item-has-children>span:before {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width:0px) {

    .app-header__nav-list .menu-item-has-children>span:after,
    .app-header__nav-list .menu-item-has-children>span:before {
        margin-left: auto
    }
}

@media only screen and (min-width:1024px) {

    .app-header__nav-list .menu-item-has-children>span:after,
    .app-header__nav-list .menu-item-has-children>span:before {
        margin-left: 0
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav-list .menu-item-has-children>span:after {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .menu-item-has-children>span:after {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .menu-item-has-children>span:before {
        display: none
    }
}

@media only screen and (min-width:0px) {

    .app-header__nav-list .menu-item-has-children.js--open>span:after,
    .app-header__nav-list .menu-item-has-children.js--open>span:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media only screen and (min-width:1024px) {

    .app-header__nav-list .menu-item-has-children.js--open>span:after,
    .app-header__nav-list .menu-item-has-children.js--open>span:before {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .menu-item-has-children:hover>span:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.app-header__nav-list .menu-item-has-children:hover .sub-menu {
    pointer-events: all;
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .menu-item-has-children:hover .sub-menu {
        -webkit-transform: translateY(calc(100% + 12px));
        -ms-transform: translateY(calc(100% + 12px));
        transform: translateY(calc(100% + 12px))
    }
}

.app-header__nav-list .menu-item.new a {
    position: relative
}

.app-header__nav-list .menu-item.new a::after {
    content: 'New';
    background: #f64963;
    border-radius: 40px;
    color: #fff;
    padding: 2px 12px 3px
}

.app-header__nav-list .menu-item.pre-launch a {
    position: relative
}

.app-header__nav-list .menu-item.pre-launch a::after {
    content: 'PRE-LAUNCH';
    background: #f64963;
    border-radius: 40px;
    color: #fff;
    padding: 2px 12px 3px
}

.app-header__nav-list .sub-menu {
    list-style: none;
    max-width: 100vw;
    border-radius: .5rem;
    z-index: 1;
    min-width: 13rem;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width:0px) {
    .app-header__nav-list .sub-menu {
        bottom: unset
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        position: absolute
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        pointer-events: none
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        opacity: 0
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        visibility: hidden
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav-list .sub-menu {
        height: var(--height, 0)
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        height: auto
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        padding: 0.75rem
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        -webkit-box-shadow: 0 .25rem 2rem rgba(0, 0, 0, .1);
        box-shadow: 0 .25rem 2rem rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav-list .sub-menu {
        overflow: hidden
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        overflow: initial
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav-list .sub-menu {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu {
        background-color: #fff
    }
}

.app-header__nav-list .sub-menu:before {
    content: "";
    position: absolute;
    top: -.75rem;
    left: 0;
    width: 100%;
    height: calc(100% + 12px)
}

@media only screen and (min-width:0px) {
    .app-header__nav-list .sub-menu:before {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu:before {
        display: block
    }
}

.app-header__nav-list .sub-menu .menu-item {
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-header__nav-list .sub-menu .menu-item>a,
.app-header__nav-list .sub-menu .menu-item>span {
    font-weight: 400;
    width: 100%
}

@media only screen and (min-width:0px) {

    .app-header__nav-list .sub-menu .menu-item>a,
    .app-header__nav-list .sub-menu .menu-item>span {
        font-size: .75rem
    }
}

@media only screen and (min-width:360px) {

    .app-header__nav-list .sub-menu .menu-item>a,
    .app-header__nav-list .sub-menu .menu-item>span {
        font-size: .875rem
    }
}

@media only screen and (min-width:0px) {

    .app-header__nav-list .sub-menu .menu-item>a,
    .app-header__nav-list .sub-menu .menu-item>span {
        padding: 0.75rem .5rem
    }
}

@media only screen and (min-width:1024px) {

    .app-header__nav-list .sub-menu .menu-item>a,
    .app-header__nav-list .sub-menu .menu-item>span {
        padding: 0.75rem
    }
}

@media only screen and (min-width:0px) {

    .app-header__nav-list .sub-menu .menu-item>a,
    .app-header__nav-list .sub-menu .menu-item>span {
        gap: .625rem
    }
}

@media only screen and (min-width:375px) {

    .app-header__nav-list .sub-menu .menu-item>a,
    .app-header__nav-list .sub-menu .menu-item>span {
        gap: 1.25rem
    }
}

.app-header__nav-list .sub-menu .menu-item.coming-soon>span {
    color: #a6a6b1;
    cursor: default
}

@media (any-hover:hover) {
    .app-header__nav-list .sub-menu .menu-item.coming-soon>span {
        background-color: transparent
    }
}

.app-header__nav-list .sub-menu .menu-item.coming-soon>span:after {
    content: "Coming soon";
    position: relative;
    line-height: 1;
    height: 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 2.5rem
}

@media only screen and (min-width:0px) {
    .app-header__nav-list .sub-menu .menu-item.coming-soon>span:after {
        font-size: .625rem
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu .menu-item.coming-soon>span:after {
        font-size: .875rem
    }
}

@media only screen and (min-width:0px) {
    .app-header__nav-list .sub-menu .menu-item.coming-soon>span:after {
        padding: 0 .5rem
    }
}

@media only screen and (min-width:1024px) {
    .app-header__nav-list .sub-menu .menu-item.coming-soon>span:after {
        padding: 0 .75rem
    }
}

.app-menu__toggle {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: auto;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
}

@media only screen and (min-width:0px) {
    .app-menu__toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1024px) {
    .app-menu__toggle {
        display: none
    }
}

.app-menu__toggle svg {
    width: 100%;
    height: auto
}

.app-menu__toggle .line {
    fill: none;
    stroke: #16161d;
    stroke-width: 10;
    -webkit-transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1);
    -o-transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1);
    transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)
}

.app-menu__toggle .line--1,
.app-menu__toggle .line--3 {
    stroke-dasharray: 60 207
}

.app-menu__toggle .line--2 {
    stroke-dasharray: 60 60
}

.js--open .app-menu__toggle .line--1,
.js--open .app-menu__toggle .line--3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134
}

.js--open .app-menu__toggle .line--2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30
}

@media only screen and (min-width:0px) {
    .hp-intro {
        padding: 1.875rem 0 0
    }
}

@media only screen and (min-width:769px) {
    .hp-intro {
        padding: 7.3125rem 0
    }
}

@media only screen and (min-width:0px) {
    .hp-title {
        text-align: center
    }
}

@media only screen and (min-width:769px) {
    .hp-title {
        text-align: left
    }
}

@media only screen and (min-width:576px) {
    .hp-title {
        max-width: 30.75rem
    }
}

@media only screen and (min-width:768px) {
    .hp-title {
        max-width: unset
    }
}

@media only screen and (min-width:576px) {
    .hp-title {
        margin: 1rem auto 2rem
    }
}

@media only screen and (min-width:769px) {
    .hp-title {
        margin: 1rem 0 2rem
    }
}

.hp-goal {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .625rem;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    font-size: .75rem;
    width: 100%;
    line-height: 1.25rem
}

@media only screen and (min-width:0px) {
    .hp-goal {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:769px) {
    .hp-goal {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.hp-goal:before {
    content: '';
    position: relative;
    display: block
}

.hp-subtitle {
    margin: 0 0 3.125rem;
    width: 100%
}

@media only screen and (min-width:0px) {
    .hp-subtitle {
        text-align: center
    }
}

@media only screen and (min-width:769px) {
    .hp-subtitle {
        text-align: left
    }
}

@media (max-width:768px) {
    .hp-subtitle {
        font-style: normal;
        font-weight: 500;
        font-size: 1.25rem;
        line-height: 150%
    }
}

.hp-intro__content {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:769px) {
    .hp-intro__content {
        grid-template-columns: 1fr 1fr
    }
}

.hp-intro__content--left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width:0px) {
    .hp-intro__content--left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:769px) {
    .hp-intro__content--left {
        display: block
    }
}

.hp-intro__content--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media only screen and (min-width:0px) {
    .hp-intro__content--right {
        margin-top: .75rem
    }
}

@media only screen and (min-width:769px) {
    .hp-intro__content--right {
        margin-top: 0
    }
}

.hp-intro__hero {
    position: relative
}

@media only screen and (min-width:0px) {
    .hp-intro__hero {
        width: 100%
    }
}

@media only screen and (min-width:769px) {
    .hp-intro__hero {
        width: 93.5%
    }
}

.hp-hero {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block
}

.hp-hero--layer {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%
}

@media only screen and (min-width:0px) {
    .hp-brands {
        margin: 3.25rem 0 4.625rem
    }
}

@media only screen and (min-width:769px) {
    .hp-brands {
        margin: 5rem 0
    }
}

.hp-brands__title {
    text-align: center;
    color: #a6a6b1
}

@media only screen and (min-width:0px) {
    .hp-brands__title {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:769px) {
    .hp-brands__title {
        margin-bottom: 1.5rem
    }
}

.hp-brands__title span {
    color: #16161d
}

.hp-brands__list {
    -webkit-box-shadow: inset 0 -.0625rem 0 #d5d5dd;
    box-shadow: inset 0 -.0625rem 0 #d5d5dd;
    display: grid
}

@media only screen and (min-width:0px) {
    .hp-brands__list {
        padding-bottom: 1.25rem
    }
}

@media only screen and (min-width:769px) {
    .hp-brands__list {
        padding-bottom: 1.5rem
    }
}

@media only screen and (min-width:0px) {
    .hp-brands__list {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:576px) {
    .hp-brands__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .hp-brands__list {
        grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr))
    }
}

.hp-brands__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:0px) {
    .hp-brands__item {
        height: 4rem
    }
}

@media only screen and (min-width:769px) {
    .hp-brands__item {
        height: 5rem
    }
}

@media only screen and (min-width:0px) {
    .hp-platforms {
        margin: 4.625rem 0 5rem
    }
}

@media only screen and (min-width:769px) {
    .hp-platforms {
        margin: 5rem 0
    }
}

.hp-platforms__title {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem 1.125rem
}

@media only screen and (min-width:0px) {
    .hp-platforms__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width:769px) {
    .hp-platforms__title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.hp-platforms__description {
    line-height: 1.875rem;
    max-width: 50rem;
    text-align: center;
    margin: 1.5rem auto
}

.hp-platforms__subtitle {
    max-width: 50rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    margin: 0 auto 3.125rem
}

.hp-platforms__list,
.lp-legal-page .lp-platforms__list {
    display: grid
}

@media only screen and (min-width:0px) {

    .hp-platforms__list,
    .lp-legal-page .lp-platforms__list {
        margin-top: 2rem
    }
}

@media only screen and (min-width:769px) {

    .hp-platforms__list,
    .lp-legal-page .lp-platforms__list {
        margin-top: 3.125rem
    }
}

@media only screen and (min-width:0px) {

    .hp-platforms__list,
    .lp-legal-page .lp-platforms__list {
        gap: 1.25rem
    }
}

@media only screen and (min-width:769px) {

    .hp-platforms__list,
    .lp-legal-page .lp-platforms__list {
        gap: 2rem
    }
}

@media only screen and (min-width:1024px) {

    .hp-platforms__list,
    .lp-legal-page .lp-platforms__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

.hp-platforms__list-item,
.lp-legal-page .lp-platforms__list-item {
    border-radius: 2.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    background: var(--color);
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

@media only screen and (min-width:0px) {

    .hp-platforms__list-item,
    .lp-legal-page .lp-platforms__list-item {
        padding: 2rem
    }
}

@media only screen and (min-width:360px) {

    .hp-platforms__list-item,
    .lp-legal-page .lp-platforms__list-item {
        padding: 2rem 2.5rem
    }
}

@media only screen and (min-width:769px) {

    .hp-platforms__list-item,
    .lp-legal-page .lp-platforms__list-item {
        padding: 3rem 2.5rem 3rem 2.5rem
    }
}

@media only screen and (min-width:0px) {

    .hp-platforms__list-item,
    .lp-legal-page .lp-platforms__list-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width:1024px) {

    .hp-platforms__list-item,
    .lp-legal-page .lp-platforms__list-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.hp-platforms__list-item>*,
.lp-legal-page .lp-platforms__list-item>* {
    position: relative;
    z-index: 2
}

.hp-platforms__list-item:before,
.lp-legal-page .lp-platforms__list-item:before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 50rem;
    height: 50rem;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--shine-color)));
    background: -o-linear-gradient(left, transparent 0, var(--shine-color) 100%);
    background: linear-gradient(to right, transparent 0, var(--shine-color) 100%);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%
}

@media (any-hover:hover) {

    .hp-platforms__list-item:hover:before,
    .lp-legal-page .lp-platforms__list-item:hover:before {
        -webkit-animation: shine .5s;
        animation: shine .5s;
        opacity: 0;
        -webkit-transition: .5s opacity .3s;
        -o-transition: .5s opacity .3s;
        transition: .5s opacity .3s
    }
}

@media (any-hover:hover) {

    .hp-platforms__list-item:hover,
    .lp-legal-page .lp-platforms__list-item:hover {
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.hp-platforms__list-item--jira,
.lp-legal-page .lp-platforms__list-item--jira {
    --color: #F2F6FF;
    --shine-color: #e3ebff
}

.hp-platforms__list-item--salesforce,
.lp-legal-page .lp-platforms__list-item--salesforce {
    --color: #F8F2FF;
    --shine-color: #f0e3ff
}

.hp-platforms__list-item--standalone {
    --color: #FFFAF2;
    --shine-color: #fff4e3
}

.hp-platforms__list-item .holder-list-item__title,
.lp-legal-page .lp-platforms__list-item .holder-list-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hp-platforms__list-item .holder-list-item__title img,
.lp-legal-page .lp-platforms__list-item .holder-list-item__title img {
    margin: 0 auto
}

.list-item__title {
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding: 0 1.375rem;
    text-align: center
}

@media only screen and (min-width:0px) {
    .list-item__title {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .list-item__title {
        font-size: 2rem
    }
}

@media only screen and (min-width:0px) {
    .list-item__title {
        margin: 1.25rem 0 1.0625rem
    }
}

@media only screen and (min-width:769px) {
    .list-item__title {
        margin: 1.5625rem 0 1.0625rem
    }
}

.list-item__badge {
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: 150%;
    color: #fff;
    padding: 4px 20px;
    border-radius: 1.25rem;
    background-color: #f64963;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap
}

.list-item__badge.bg-green {
    background-color: #36b27e
}

@media only screen and (min-width:0px) {
    .list-item__description {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:769px) {
    .list-item__description {
        margin-bottom: 1.5625rem
    }
}

@media only screen and (min-width:0px) {
    .list-item__description {
        text-align: center
    }
}

@media only screen and (min-width:769px) {
    .list-item__description {
        text-align: left
    }
}

.list-item__actions {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:0px) {
    .list-item__actions {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:1024px) {
    .list-item__actions {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width:0px) {
    .list-item__actions {
        gap: 1rem
    }
}

@media only screen and (min-width:769px) {
    .list-item__actions {
        gap: 0
    }
}

.hp-platforms__listNew {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem
}

@media (max-width:1023px) {
    .hp-platforms__listNew {
        grid-template-columns: none
    }
}

.hp-platforms__listNew .holder-hp-platforms__list-item {
    grid-area: 1/1/3/2;
    border-radius: 2.25rem;
    overflow: hidden;
    background: #f2f6ff;
    padding: 10px
}

.hp-platforms__listNew .hp-platforms__list-item--confluence {
    background: #fff
}

.hp-platforms__listNew .hp-platforms__list-item--jira,
.hp-platforms__listNew .lp-legal-page .lp-platforms__list-item--jira,
.lp-legal-page .hp-platforms__listNew .lp-platforms__list-item--jira {
    background: #f2f6ff
}

.hp-platforms__listNew .hp-platforms__list-item--jira::before,
.hp-platforms__listNew .lp-legal-page .lp-platforms__list-item--jira::before,
.lp-legal-page .hp-platforms__listNew .lp-platforms__list-item--jira::before {
    display: none
}

@media (max-width:1023px) {
    .hp-platforms__listNew .list-item__description {
        text-align: center;
        max-width: 385px
    }
}

@media only screen and (min-width:0px) {
    .hp-benefits {
        margin: 5rem 0 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .hp-benefits {
        margin: 8.25rem 0 7.5rem
    }
}

.app-slider__title {
    width: 100%
}

@media only screen and (min-width:0px) {
    .app-slider__title {
        text-align: center
    }
}

@media only screen and (min-width:1024px) {
    .app-slider__title {
        text-align: left
    }
}

@media only screen and (min-width:0px) {
    .hp-benefits .app-slider__title {
        margin: 0
    }
}

@media only screen and (min-width:769px) {
    .hp-benefits .app-slider__title {
        margin: 0 0 .1875rem
    }
}

@media only screen and (min-width:1024px) {
    .hp-benefits .app-slider__title {
        margin: 0 0 .375rem
    }
}

@media only screen and (min-width:0px) {
    .hp-benefits .app-slider__title {
        grid-area: 1/1/2/2
    }
}

@media only screen and (min-width:1024px) {
    .hp-benefits .app-slider__title {
        grid-area: 1/1/2/6
    }
}

.hp-benefits .app-slider__title:before {
    margin: 0 auto 1.1875rem
}

@media only screen and (min-width:1024px) {
    .hp-benefits .app-slider__title:before {
        display: none
    }
}

.hp-benefits .app-slider__title:after {
    margin: 0 .625rem;
    vertical-align: middle
}

@media only screen and (min-width:0px) {
    .hp-benefits .app-slider__title:after {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .hp-benefits .app-slider__title:after {
        display: inline-block
    }
}

@media only screen and (min-width:0px) {
    .okre-intro {
        margin: 8.25rem 0 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .okre-intro {
        margin: 10rem 0 3.75rem
    }
}

.okre-intro__description,
.okre-intro__title {
    text-align: center
}

.okre-examples__nav {
    display: grid;
    margin-bottom: 3.75rem
}

@media only screen and (min-width:0px) {
    .okre-examples__nav {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:576px) {
    .okre-examples__nav {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .okre-examples__nav {
        grid-template-columns: repeat(6, 1fr)
    }
}

.nav-item {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #16161d;
    border-radius: .75rem;
    cursor: pointer;
    gap: .5rem;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    position: relative;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background-color: #f2f6ff;
    --icon-color: #5879EE;
    --shine-color: #e3ebff;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

@media only screen and (min-width:0px) {
    .nav-item {
        padding: 1.25rem .4375rem
    }
}

@media only screen and (min-width:769px) {
    .nav-item {
        padding: 1.25rem
    }
}

@media only screen and (min-width:0px) {
    .nav-item {
        font-size: .75rem
    }
}

@media only screen and (min-width:769px) {
    .nav-item {
        font-size: .875rem
    }
}

.nav-item:nth-child(1) {
    margin: 0 auto
}

@media only screen and (min-width:0px) {
    .nav-item:nth-child(1) {
        grid-column: span 2
    }
}

@media only screen and (min-width:576px) {
    .nav-item:nth-child(1) {
        grid-column: span 3
    }
}

@media only screen and (min-width:1024px) {
    .nav-item:nth-child(1) {
        grid-column: span 6
    }
}

@media only screen and (min-width:0px) {
    .nav-item:nth-child(1) {
        width: calc((100% - 16px)/ 2)
    }
}

@media only screen and (min-width:576px) {
    .nav-item:nth-child(1) {
        width: calc((100% - 16px * 2)/ 3)
    }
}

@media only screen and (min-width:1024px) {
    .nav-item:nth-child(1) {
        width: calc((100% - 32px * 5)/ 6)
    }
}

@media only screen and (min-width:1024px) {
    .nav-item:nth-child(n+2) {
        grid-row-start: 3
    }
}

.nav-item:not(.js--active) {
    overflow: hidden
}

.nav-item:not(.js--active)>* {
    position: relative;
    z-index: 2
}

.nav-item:not(.js--active):before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 18.75rem;
    height: 18.75rem;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--shine-color)));
    background: -o-linear-gradient(left, transparent 0, var(--shine-color) 100%);
    background: linear-gradient(to right, transparent 0, var(--shine-color) 100%);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%
}

@media (any-hover:hover) {
    .nav-item:not(.js--active):hover:before {
        -webkit-animation: shine .5s;
        animation: shine .5s;
        opacity: 0;
        -webkit-transition: .5s opacity .3s;
        -o-transition: .5s opacity .3s;
        transition: .5s opacity .3s
    }
}

@media (any-hover:hover) {
    .nav-item:hover {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@media (any-hover:hover) {
    .nav-item:hover .nav-item__icon {
        color: var(--icon-color)
    }
}

.nav-item:nth-child(4n+2) {
    background-color: #f8f2ff;
    --icon-color: #A769F6;
    --shine-color: #f0e3ff
}

.nav-item:nth-child(4n+3) {
    background-color: #fffaf2;
    --icon-color: #FF8541;
    --shine-color: #fff4e3
}

.nav-item:nth-child(4n+4) {
    background-color: #fff5f2;
    --icon-color: #F64963;
    --shine-color: #ffe9e3
}

.nav-item.js--active {
    background-color: #16161d;
    color: #fff
}

.nav-item.js--active .nav-item__icon {
    color: inherit
}

.nav-item .nav-item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.nav-line {
    grid-column: span 6;
    margin: 0 auto;
    height: .0625rem;
    background: #d5d5dd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media only screen and (min-width:0px) {
    .nav-line {
        grid-column: span 2
    }
}

@media only screen and (min-width:576px) {
    .nav-line {
        grid-column: span 3
    }
}

@media only screen and (min-width:1024px) {
    .nav-line {
        grid-column: span 6
    }
}

@media only screen and (min-width:0px) {
    .nav-line {
        width: calc(100% - calc((100% - 16px)/ 2))
    }
}

@media only screen and (min-width:576px) {
    .nav-line {
        width: calc(100% - calc((100% - 16px * 2)/ 3))
    }
}

@media only screen and (min-width:1024px) {
    .nav-line {
        width: calc(100% - calc((100% - 32px * 5)/ 6))
    }
}

.nav-line__item {
    width: .0625rem;
    background-color: #d5d5dd
}

@media only screen and (min-width:0px) {
    .nav-line__item {
        height: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .nav-line__item {
        height: 2.5rem
    }
}

.nav-line__item:first-child {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

@media only screen and (min-width:0px) {
    .nav-line__item:first-child {
        top: -1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .nav-line__item:first-child {
        top: -2.5rem
    }
}

@media only screen and (min-width:0px) {
    .nav-line__item:nth-child(n+4) {
        display: none
    }
}

@media only screen and (min-width:576px) {
    .nav-line__item:nth-child(n+4) {
        display: block
    }
}

@media only screen and (min-width:576px) {
    .nav-line__item:nth-child(n+5) {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .nav-line__item:nth-child(n+5) {
        display: block
    }
}

.okre-examples__tabs {
    background-color: #f6f6f6;
    border-radius: 2.25rem
}

@media only screen and (min-width:0px) {
    .okre-examples__tabs {
        margin: 3.75rem 0
    }
}

@media only screen and (min-width:769px) {
    .okre-examples__tabs {
        margin: 3.75rem 0 7.5rem
    }
}

@media only screen and (min-width:0px) {
    .okre-examples__tabs {
        padding: 2.5rem .625rem
    }
}

@media only screen and (min-width:769px) {
    .okre-examples__tabs {
        padding: 2.5rem
    }
}

@media (max-width:768px) {
    .okre-examples__tabs {
        border-radius: 1.5rem
    }
}

.example-tab__title {
    margin-top: 0;
    text-align: center
}

.example-tab__subtitle {
    margin: 3.125rem 0 2.5rem;
    text-align: center
}

.example-tab {
    display: none
}

.example-tab__description,
.example-tab__title {
    text-align: center
}

.example-tab.js--active {
    display: block
}

.example-tab__actions {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 1.25rem 0
}

.example-tab__actions:not(:last-child) {
    margin-bottom: 2.5rem
}

.tab-actions__head {
    margin-bottom: 1.25rem
}

@media only screen and (min-width:576px) {
    .tab-actions__head {
        -webkit-box-shadow: inset 0 -.0625rem 0 #d5d5dd;
        box-shadow: inset 0 -.0625rem 0 #d5d5dd
    }
}

@media only screen and (min-width:576px) {
    .tab-actions__head {
        padding-bottom: 1.25rem
    }
}

.okre-example__tabs-footer {
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.okre-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: .625rem
}

@media only screen and (min-width:0px) {
    .okre-item {
        padding: 1.25rem .625rem
    }
}

@media only screen and (min-width:375px) {
    .okre-item {
        padding: 1.25rem
    }
}

@media only screen and (min-width:769px) {
    .okre-item {
        padding: 1.25rem 2.5rem
    }
}

@media only screen and (min-width:0px) {
    .okre-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:1024px) {
    .okre-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:0px) {

    .okre-item__left,
    .okre-item__right {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {

    .okre-item__left,
    .okre-item__right {
        width: 50%
    }
}

.okre-item__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:0px) {
    .okre-item__left {
        gap: .75rem
    }
}

@media only screen and (min-width:576px) {
    .okre-item__left {
        gap: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .okre-item__left {
        gap: .75rem 2.875rem
    }
}

@media only screen and (min-width:0px) {
    .okre-item--summary .okre-item__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:576px) {
    .okre-item--summary .okre-item__left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.okre-item__shortcut {
    width: 3.125rem;
    height: 1.625rem;
    color: #ff8541;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.25rem;
    background-color: #f6f6f6;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.okre-item--summary .okre-item__shortcut {
    color: #f64963
}

.okre-item--summary .okre-item__text {
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .okre-item--summary .okre-item__text {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:769px) {
    .okre-item--summary .okre-item__text {
        font-size: 1.375rem
    }
}

.okre-item__right {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:0px) {
    .okre-item__right {
        gap: .625rem
    }
}

@media only screen and (min-width:576px) {
    .okre-item__right {
        gap: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .okre-item__right {
        gap: 2rem
    }
}

@media only screen and (min-width:0px) {
    .okre-item__right {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:576px) {
    .okre-item__right {
        grid-template-columns: 3.125rem 181fr 68fr 12fr
    }
}

@media only screen and (min-width:1024px) {
    .okre-item__right {
        grid-template-columns: 35fr 18fr 3fr
    }
}

@media only screen and (min-width:0px) {
    .okre-item__progress {
        grid-column: span 2
    }
}

@media only screen and (min-width:576px) {
    .okre-item__progress {
        grid-column: 2/3
    }
}

@media only screen and (min-width:1024px) {
    .okre-item__progress {
        grid-column: span 1
    }
}

.okre-item__progress .progress-plug {
    position: relative;
    overflow: hidden
}

.okre-item__progress .progress-plug:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #16161d;
    border-radius: inherit;
    width: var(--width);
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

@media only screen and (min-width:0px) {
    .okre-item__value {
        grid-row-start: 1
    }
}

@media only screen and (min-width:576px) {
    .okre-item__value {
        grid-row-start: unset
    }
}

.okre-item--summary .okre-item__value {
    line-height: 150%;
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .okre-item--summary .okre-item__value {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .okre-item--summary .okre-item__value {
        font-size: 1.75rem
    }
}

@media only screen and (min-width:1024px) {
    .okre-item--summary .okre-item__value {
        font-size: 2rem
    }
}

.okre-item__copy {
    margin-left: auto;
    border-radius: .25rem;
    background-color: transparent;
    cursor: pointer;
    position: relative
}

@media only screen and (min-width:0px) {
    .okre-item__copy {
        grid-row-start: 1
    }
}

@media only screen and (min-width:576px) {
    .okre-item__copy {
        grid-row-start: unset
    }
}

.okre-item__copy:before {
    content: "Copied";
    font-family: Gilroy, sans-serif;
    position: absolute;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width:0px) {
    .okre-item__copy:before {
        top: 0
    }
}

@media only screen and (min-width:576px) {
    .okre-item__copy:before {
        top: unset
    }
}

@media only screen and (min-width:576px) {
    .okre-item__copy:before {
        bottom: 0
    }
}

@media only screen and (min-width:0px) {
    .okre-item__copy:before {
        -webkit-transform: translate(-50%, -90%);
        -ms-transform: translate(-50%, -90%);
        transform: translate(-50%, -90%)
    }
}

@media only screen and (min-width:576px) {
    .okre-item__copy:before {
        -webkit-transform: translate(-50%, 90%);
        -ms-transform: translate(-50%, 90%);
        transform: translate(-50%, 90%)
    }
}

.okre-item__copy.js--active:before {
    opacity: 1
}

@media only screen and (min-width:0px) {
    .okre-item__copy.js--active:before {
        -webkit-transform: translate(-50%, -110%);
        -ms-transform: translate(-50%, -110%);
        transform: translate(-50%, -110%)
    }
}

@media only screen and (min-width:576px) {
    .okre-item__copy.js--active:before {
        -webkit-transform: translate(-50%, 110%);
        -ms-transform: translate(-50%, 110%);
        transform: translate(-50%, 110%)
    }
}

@media (any-hover:hover) {
    .okre-item__copy:hover {
        -webkit-filter: brightness(.8);
        filter: brightness(.8)
    }
}

@media only screen and (min-width:0px) {
    .blog-page {
        margin: 8.25rem 0 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .blog-page {
        margin: 10rem 0 5rem
    }
}

.blog-page__title {
    margin: 0 0 1.25rem;
    text-align: center
}

.blog-page__subtitle {
    font-size: 2rem;
    margin: 0 0 1.25rem;
    text-align: center
}

.blog-page__subtitle+.box-form,
.blog-page__description+.box-form {
    margin: 0 0 4rem
}

.blog-page__list {
    display: grid;
    grid: auto/auto
}

@media only screen and (min-width:680px) {
    .blog-page__list {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:1024px) {
    .blog-page__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width:0px) {
    .blog-page__list {
        margin-bottom: 2.5rem
    }

    .single-post .blog-page__list {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:769px) {
    .blog-page__list {
        margin-bottom: 5rem
    }
}

@media only screen and (min-width:680px) {
    .blog-page__list .blog-preview__post.blog-preview__post--full {
        grid-column: span 2
    }
}

@media only screen and (min-width:1024px) {
    .blog-page__list .blog-preview__post.blog-preview__post--full {
        grid-column: span 3
    }
}

.blog-page__list .box-form {
    grid-row: 2
}

@media only screen and (min-width:680px) {
    .blog-page__list .box-form {
        grid-column: span 2
    }
}

@media only screen and (min-width:1024px) {
    .blog-page__list .box-form {
        grid-column: span 3
    }
}

.blog-page__list .box-form.blog-preview__post--full {
    grid-row: 3
}

.blog-page__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .625rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:0px) {
    .blog-page__categories {
        margin-bottom: 3rem
    }
}

@media only screen and (min-width:769px) {
    .blog-page__categories {
        margin-bottom: 4.125rem
    }
}

.oboard_loadmore {
    cursor: pointer
}

.holder-oboard_loadmore {
    text-align: center
}

@media only screen and (min-width:0px) {
    .single-post__header {
        margin: 3.75rem 0 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .single-post__header {
        margin: 4.75rem 0 3.75rem
    }
}

.single-post__title {
    text-align: center
}

@media only screen and (min-width:0px) {
    .single-post__title {
        margin: 0 0 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .single-post__title {
        margin: 0 0 2rem
    }
}

.single-post__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.single-post__info,
.single-post__title {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:1280px) {

    .single-post__info,
    .single-post__title {
        max-width: calc((100% - 16px)/ 3 * 2)
    }

    .page-template-infographics-child-page .single-post__title {
        max-width: 100%
    }
}

.post-info__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.post-info__author,
.post-info__date {
    background-color: #f6f6f6
}

.post-info__author a {
    color: inherit;
    text-decoration: none
}

@media (any-hover:hover) {
    .post-info__author a:hover {
        text-decoration: underline
    }
}

.single-post__body-items {
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 5.125rem
}

@media only screen and (min-width:1280px) {
    .single-post__body-items {
        grid-template-columns: repeat(12, 1fr)
    }
}

.single-post__body-items .post {
    grid-column: 2/12
}

.single-post__body-items .sidebar {
    position: -webkit-sticky;
    position: sticky
}

@media only screen and (min-width:1280px) {
    .single-post__body-items .sidebar {
        position: -webkit-sticky;
        position: sticky
    }
}

@media only screen and (min-width:1280px) {
    .single-post__body-items .sidebar {
        top: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .single-post__body-items .sidebar {
        padding-bottom: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .single-post__body-items .sidebar {
        grid-column: 9/13
    }
}

.post__hero {
    border-radius: .75rem;
    overflow: hidden;
}

@media only screen and (min-width:0px) {
    .post__hero {
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .post__hero {
        margin-bottom: 4.5rem
    }
}

.post__hero img {
    display: block;
    height: auto;
    width: 100%
}

.single-post__body .post__content {
    position: relative;
    display: block
}

.single-post__body .post__content ol,
.single-post__body .post__content ul {
    padding-left: 1.25rem
}

.single-post__body .post__content ol {
    list-style: auto;
    list-style-position: inside
}

.single-post__body .post__content ol li {
    padding: 0
}

.single-post__body .post__content ol li::before {
    display: none
}

.single-post__body .post__content .app-form__submit,
.single-post__body .post__content .ltm-link {
    color: #fff
}

.sidebar__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .625rem
}

@media only screen and (min-width:0px) {
    .sidebar__categories {
        margin-bottom: 2.625rem
    }
}

@media only screen and (min-width:1280px) {
    .sidebar__categories {
        margin-bottom: 3.375rem
    }
}

@media only screen and (min-width:0px) {
    .sidebar__categories {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:1280px) {
    .sidebar__categories {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width:0px) {
    .popular-posts__title {
        margin-bottom: 2rem
    }
}

@media only screen and (min-width:1280px) {
    .popular-posts__title {
        margin-bottom: 3.125rem
    }
}

.popular-posts__posts {
    display: grid
}

@media only screen and (min-width:0px) {
    .popular-posts__posts {
        gap: .625rem
    }
}

@media only screen and (min-width:1280px) {
    .popular-posts__posts {
        gap: 1.25rem
    }
}

@media only screen and (min-width:0px) {
    .single-post__body {
        margin: 2.5rem 0 4.5rem
    }
}

@media only screen and (min-width:1280px) {
    .single-post__body {
        margin: 3.75rem 0 7rem
    }
}

@media only screen and (min-width:0px) {
    .single-post__footer {
        margin: 4.5rem 0 5.125rem
    }
}

@media only screen and (min-width:1280px) {
    .single-post__footer {
        margin: 7rem 0 7.5rem
    }
}

.blog-preview {
    overflow: hidden
}

.blog-preview__title {
    text-align: center
}

@media only screen and (min-width:0px) {
    .blog-preview__title {
        margin: 0 0 20px;
    }
}

@media only screen and (min-width:769px) {
    .blog-preview__title {
        margin: 0 0 20px;
    }
}

@media only screen and (min-width:1024px) {
    .blog-preview__title {
        font-size: 36px;
    }
}

.blog-preview__posts .swiper-slide {
    height: auto;
    width: 100%
}

@media only screen and (min-width:0px) {
    .blog-preview__posts .swiper-slide {
        max-width: 18rem
    }
}

@media only screen and (min-width:992px) {
    .blog-preview__posts .swiper-slide {
        max-width: unset
    }
}

.blog-preview__post {
    border-radius: 1.5rem;
    background-color: #f6f6f6;
    height: 100%
}

.blog-preview__post--default {
    padding: 1.25rem
}

.blog-preview__post--default .blog-preview__post-header {
    margin-bottom: 1.25rem
}

.blog-preview__post--default .post-thumbnail__img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.blog-preview__post--default .post-thumbnail {
    margin: 1.25rem 0;
    position: relative;
    padding-top: 52%
}

.blog-preview__post--default .post-body {
    margin: 1.25rem 0
}

.blog-preview__post--default .post-body__title {
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 150%;
    font-weight: 600
}

@media (max-width:768px) {
    .blog-preview__post--default .post-body__title {
        margin: 1rem 0;
        font-style: normal;
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 150%
    }
}

.blog-preview__post--default .post-body__excerpt {
    -webkit-line-clamp: 4
}

@media only screen and (min-width:0px) {
    .blog-preview__post--default .post-body__excerpt {
        font-size: .875rem
    }
}

@media only screen and (min-width:769px) {
    .blog-preview__post--default .post-body__excerpt {
        font-size: 1rem
    }
}

@media (max-width:679px) {
    .blog-preview__post--full {
        padding: 1.25rem
    }

    .blog-preview__post--full .blog-preview__post-header {
        margin-bottom: 1.25rem
    }

    .blog-preview__post--full .post-thumbnail__img {
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .blog-preview__post--full .post-thumbnail {
        margin: 1.25rem 0;
        position: relative;
        padding-top: 52%
    }

    .blog-preview__post--full .post-body {
        margin: 1.25rem 0
    }

    .blog-preview__post--full .post-body__title {
        font-style: normal;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 150%;
        font-weight: 600
    }
}

@media (max-width:679px) and (max-width:768px) {
    .blog-preview__post--full .post-body__title {
        margin: 1rem 0;
        font-style: normal;
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 150%
    }
}

@media (max-width:679px) {
    .blog-preview__post--full .post-body__excerpt {
        -webkit-line-clamp: 4
    }
}

@media only screen and (max-width:679px) and (min-width:0px) {
    .blog-preview__post--full .post-body__excerpt {
        font-size: .875rem
    }
}

@media only screen and (max-width:679px) and (min-width:769px) {
    .blog-preview__post--full .post-body__excerpt {
        font-size: 1rem
    }
}

@media (min-width:680px) {
    .blog-preview__post--full {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1.625rem 1fr 1.125rem
    }
}

@media only screen and (min-width:680px) and (min-width:680px) {
    .blog-preview__post--full {
        display: grid
    }
}

@media only screen and (min-width:680px) and (min-width:0px) {
    .blog-preview__post--full {
        padding: 1.25rem
    }
}

@media only screen and (min-width:680px) and (min-width:680px) {
    .blog-preview__post--full {
        padding: 2.5rem
    }
}

@media only screen and (min-width:680px) and (min-width:0px) {
    .blog-preview__post--full {
        gap: 1rem
    }
}

@media only screen and (min-width:680px) and (min-width:769px) {
    .blog-preview__post--full {
        gap: 1.5rem
    }
}

@media only screen and (min-width:680px) and (min-width:1024px) {
    .blog-preview__post--full {
        gap: 1.25rem
    }
}

@media only screen and (min-width:680px) and (min-width:1280px) {
    .blog-preview__post--full {
        gap: 2rem
    }
}

@media only screen and (min-width:680px) and (min-width:0px) {
    .blog-preview__post--full .blog-preview__post-header {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:680px) and (min-width:680px) {
    .blog-preview__post--full .blog-preview__post-header {
        margin-bottom: 0
    }
}

@media (min-width:680px) {
    .blog-preview__post--full .post-thumbnail__img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media only screen and (min-width:680px) and (min-width:680px) {
    .blog-preview__post--full .post-thumbnail__img {
        max-width: 97%
    }
}

@media only screen and (min-width:680px) and (min-width:0px) {
    .blog-preview__post--full .post-thumbnail__img {
        height: 10rem
    }
}

@media only screen and (min-width:680px) and (min-width:680px) {
    .blog-preview__post--full .post-thumbnail__img {
        height: auto
    }
}

@media (min-width:680px) {
    .blog-preview__post--full .post-thumbnail {
        grid-row: span 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width:680px) and (min-width:0px) {
    .blog-preview__post--full .post-thumbnail {
        margin: 1.25rem 0
    }
}

@media only screen and (min-width:680px) and (min-width:680px) {
    .blog-preview__post--full .post-thumbnail {
        margin: 0
    }
}

@media (min-width:680px) {
    .blog-preview__post--full .post-body {
        -ms-flex-item-align: center;
        align-self: center
    }

    .blog-preview__post--full .post-body__title {
        font-style: normal;
        font-weight: 600;
        line-height: 125%
    }
}

@media only screen and (min-width:680px) and (min-width:0px) {
    .blog-preview__post--full .post-body__title {
        font-size: 2rem
    }
}

@media only screen and (min-width:680px) and (min-width:769px) {
    .blog-preview__post--full .post-body__title {
        font-size: 2.25rem
    }
}

@media only screen and (min-width:680px) and (min-width:1024px) {
    .blog-preview__post--full .post-body__title {
        font-size: 3rem
    }
}

@media (min-width:680px) {
    .blog-preview__post--full .post-body__excerpt {
        font-size: 1.25rem;
        -webkit-line-clamp: 3
    }
}

.post-header__categories {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.post-header__date {
    background-color: #fff
}

.blog-preview__post-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem
}

.post-thumbnail__img {
    display: block;
    margin: auto;
    height: auto;
    border-radius: .75rem;
    width: 100%
}

.post-body__title {
    margin: 0 0 1.25rem;
    text-decoration: none;
    color: #16161d;
    display: block
}

.post-body__excerpt {
    font-style: normal;
    font-weight: 500;
    color: #5d5d6c;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 150%
}

.post-author {
    margin-top: auto
}

.post-author a {
    color: inherit;
    text-decoration: none
}

@media (any-hover:hover) {
    .post-author a:hover {
        text-decoration: underline
    }
}

.blog-preview__pagination {
    position: relative;
    bottom: unset !important;
    margin-top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    --swiper-pagination-bullet-size: 4px;
    --swiper-pagination-color: #16161D;
    --swiper-pagination-bullet-inactive-color: #D5D5DD
}

.blog-preview__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog-preview__footer .app-link-more {
    margin: 1.25rem auto 0
}

.blog-breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px
}

@media only screen and (min-width:1280px) {
    .blog-breadcrumbs {
        max-width: calc((100% - 16px)/ 3 * 2)
    }
}

@media only screen and (min-width:0px) {
    .blog-breadcrumbs {
        padding-bottom: 5px
    }
}

@media only screen and (min-width:769px) {
    .blog-breadcrumbs {
        padding-bottom: 0
    }
}

.blog-breadcrumbs__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blog-breadcrumbs__list-item {
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 150%;
    color: #a6a6b1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-breadcrumbs__list-item a {
    color: inherit;
    text-decoration: none
}

@media (any-hover:hover) {
    .blog-breadcrumbs__list-item a:hover {
        text-decoration: underline
    }
}

.blog-breadcrumbs__list-item:last-child {
    text-align: center
}

.blog-breadcrumbs__list-item:last-child span {
    position: relative;
    top: 1px;
}

.blog-breadcrumbs__list-item:not(:last-child):after {
    display: inline-block;
    color: inherit;
    content: '/';
    margin: 0 1ch
}

@media only screen and (min-width:0px) {
    .sp-intro {
        margin: 8.25rem 0 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .sp-intro {
        margin: 10rem 0 3.75rem
    }
}

.sp-intro__description,
.sp-intro__title {
    text-align: center
}

.sp-intro__hero {
    display: block;
    max-width: 100%
}

@media only screen and (min-width:0px) {
    .sp-intro__hero {
        margin: 2rem auto
    }
}

@media only screen and (min-width:769px) {
    .sp-intro__hero {
        margin: 3rem auto
    }
}

.sp-features {
    margin: 3.75rem 0 2rem
}

.sp-features__list {
    display: grid
}

@media only screen and (min-width:576px) {
    .sp-features__list {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:0px) {
    .sp-features__list {
        row-gap: .625rem
    }
}

@media only screen and (min-width:576px) {
    .sp-features__list {
        row-gap: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .sp-features__list {
        row-gap: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .sp-features__list {
        row-gap: 2rem
    }
}

.sp-feature {
    border-radius: 2.25rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    background-color: #f2f6ff;
    --icon-color: #5879EE;
    --shine-color: #e3ebff
}

@media only screen and (min-width:0px) {
    .sp-feature {
        padding: 1.5rem 1.25rem
    }
}

@media only screen and (min-width:769px) {
    .sp-feature {
        padding: 2.5rem 1.5625rem 2.5rem 1.25rem
    }
}

.sp-feature>* {
    position: relative;
    z-index: 2
}

.sp-feature:before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 43.75rem;
    height: 43.75rem;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--shine-color)));
    background: -o-linear-gradient(left, transparent 0, var(--shine-color) 100%);
    background: linear-gradient(to right, transparent 0, var(--shine-color) 100%);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%
}

@media (any-hover:hover) {
    .sp-feature:hover:before {
        -webkit-animation: shine .5s;
        animation: shine .5s;
        opacity: 0;
        -webkit-transition: .5s opacity .3s;
        -o-transition: .5s opacity .3s;
        transition: .5s opacity .3s
    }
}

@media (any-hover:hover) {
    .sp-feature:hover {
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.sp-feature:nth-child(4n+2) {
    background-color: #f8f2ff;
    --icon-color: #A769F6;
    --shine-color: #f0e3ff
}

.sp-feature:nth-child(4n+3) {
    background-color: #fffaf2;
    --icon-color: #FF8541;
    --shine-color: #fff4e3
}

.sp-feature:nth-child(4n+4) {
    background-color: #fff5f2;
    --icon-color: #F64963;
    --shine-color: #ffe9e3
}

.sp-feature__icon {
    margin-bottom: 1.5625rem;
    color: var(--icon-color)
}

.sp-feature__title {
    font-weight: 600;
    margin-bottom: 1.0625rem
}

@media only screen and (min-width:0px) {
    .sp-achievements {
        margin: .625rem 0 3.75rem
    }
}

@media only screen and (min-width:576px) {
    .sp-achievements {
        margin: 1.5rem 0 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .sp-achievements {
        margin: 1.25rem 0 5rem
    }
}

@media only screen and (min-width:1280px) {
    .sp-achievements {
        margin: 2rem 0 5rem
    }
}

.sp-achievements__list {
    display: grid
}

@media only screen and (min-width:576px) {
    .sp-achievements__list {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:0px) {
    .sp-achievements__list {
        row-gap: .625rem
    }
}

@media only screen and (min-width:576px) {
    .sp-achievements__list {
        row-gap: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .sp-achievements__list {
        row-gap: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .sp-achievements__list {
        row-gap: 2rem
    }
}

@media only screen and (min-width:576px) {
    .sp-achievements__list {
        -webkit-box-shadow: inset 0 -.0625rem 0 #d5d5dd;
        box-shadow: inset 0 -.0625rem 0 #d5d5dd
    }
}

@media only screen and (min-width:0px) {
    .sp-achievements__list {
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .sp-achievements__list {
        margin-bottom: 5rem
    }
}

@media only screen and (min-width:576px) {
    .sp-achievements__list {
        padding-bottom: 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .sp-achievements__list {
        padding-bottom: 5rem
    }
}

.sp-achievement {
    text-align: center
}

@media only screen and (min-width:0px) {
    .sp-achievement {
        padding: 2.5rem 0 0
    }
}

@media only screen and (min-width:769px) {
    .sp-achievement {
        padding: 2.5rem 1.25rem
    }
}

.sp-achievement__img {
    margin-bottom: 1.5625rem
}

.sp-achievement__title {
    margin-bottom: 1.0625rem;
    font-weight: 600
}

.sp-badges {
    display: grid
}

@media only screen and (min-width:576px) {
    .sp-badges {
        grid-template-columns: 1fr 1fr
    }
}

.sp-footer {
    margin: 5rem 0 7.5rem
}

@media only screen and (min-width:0px) {
    .au-intro {
        margin: 8.25rem 0 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .au-intro {
        margin: 10rem 0 4.125rem
    }
}

.au-intro__description,
.au-intro__title {
    text-align: center
}

.au-intro__hero {
    display: block;
    max-width: 100%
}

@media only screen and (min-width:0px) {
    .au-intro__hero {
        margin: 2.5rem auto
    }
}

@media only screen and (min-width:769px) {
    .au-intro__hero {
        margin: 4.625rem auto 4.125rem
    }
}

.au-features {
    margin: 4.125rem 0 5rem
}

.au-features__list {
    display: grid
}

@media only screen and (min-width:576px) {
    .au-features__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .au-features__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (min-width:0px) {
    .au-features__list {
        row-gap: .625rem
    }
}

@media only screen and (min-width:769px) {
    .au-features__list {
        row-gap: 1.5rem
    }
}

@media only screen and (min-width:0px) {
    .au-features__list {
        margin-bottom: .625rem
    }
}

@media only screen and (min-width:769px) {
    .au-features__list {
        margin-bottom: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .au-features__list {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .au-features__list {
        margin-bottom: 2rem
    }
}

.au-feature {
    padding: 2.5rem 1.25rem;
    border-radius: 2.25rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    background-color: #f2f6ff;
    --icon-color: #5879EE;
    --shine-color: #e3ebff
}

@media only screen and (min-width:0px) {
    .au-feature {
        text-align: center
    }
}

@media only screen and (min-width:576px) {
    .au-feature {
        text-align: left
    }
}

.au-feature>* {
    position: relative;
    z-index: 2
}

.au-feature:before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 25rem;
    height: 25rem;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--shine-color)));
    background: -o-linear-gradient(left, transparent 0, var(--shine-color) 100%);
    background: linear-gradient(to right, transparent 0, var(--shine-color) 100%);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%
}

@media (any-hover:hover) {
    .au-feature:hover:before {
        -webkit-animation: shine .5s;
        animation: shine .5s;
        opacity: 0;
        -webkit-transition: .5s opacity .3s;
        -o-transition: .5s opacity .3s;
        transition: .5s opacity .3s
    }
}

@media (any-hover:hover) {
    .au-feature:hover {
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.au-feature:nth-child(4n+2) {
    background-color: #f8f2ff;
    --icon-color: #A769F6;
    --shine-color: #f0e3ff
}

.au-feature:nth-child(4n+3) {
    background-color: #fffaf2;
    --icon-color: #FF8541;
    --shine-color: #fff4e3
}

.au-feature:nth-child(4n+4) {
    background-color: #fff5f2;
    --icon-color: #F64963;
    --shine-color: #ffe9e3
}

.au-feature__icon {
    margin-bottom: 1.5625rem;
    color: var(--icon-color)
}

.au-feature__title {
    font-weight: 600;
    margin-bottom: 1.0625rem
}

.au-features__counts {
    display: grid
}

@media only screen and (min-width:1024px) {
    .au-features__counts {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width:0px) {
    .au-features__counts {
        row-gap: .625rem
    }
}

@media only screen and (min-width:769px) {
    .au-features__counts {
        row-gap: 1.5rem
    }
}

@media only screen and (min-width:0px) {
    .au-features__counts {
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .au-features__counts {
        margin-bottom: 5rem
    }
}

.au-count {
    border-radius: 2.25rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    text-align: center;
    background-color: #5879ee;
    --shine-color: #4a6eed
}

@media only screen and (min-width:0px) {
    .au-count {
        padding: 1.5rem 1.25rem
    }
}

@media only screen and (min-width:1024px) {
    .au-count {
        padding: 2.5rem 1.25rem
    }
}

.au-count>* {
    position: relative;
    z-index: 2
}

.au-count:before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 31.25rem;
    height: 31.25rem;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--shine-color)));
    background: -o-linear-gradient(left, transparent 0, var(--shine-color) 100%);
    background: linear-gradient(to right, transparent 0, var(--shine-color) 100%);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%
}

@media (any-hover:hover) {
    .au-count:hover:before {
        -webkit-animation: shine .5s;
        animation: shine .5s;
        opacity: 0;
        -webkit-transition: .5s opacity .3s;
        -o-transition: .5s opacity .3s;
        transition: .5s opacity .3s
    }
}

@media (any-hover:hover) {
    .au-count:hover {
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.au-count:nth-child(4n+2) {
    background-color: #a769f6;
    --shine-color: #9f5bf5
}

.au-count:nth-child(4n+3) {
    background-color: #f64963;
    --shine-color: #f53a57
}

.au-count:nth-child(4n+4) {
    background-color: #ff8541;
    --shine-color: #ff7b32
}

.au-count__title {
    color: #fff;
    margin: 0 0 1.0625rem
}

.au-count__subtitle {
    color: #f6f6f6
}

.au-badges {
    display: grid;
    -webkit-box-shadow: inset 0 -.0625rem 0 #d5d5dd;
    box-shadow: inset 0 -.0625rem 0 #d5d5dd
}

@media only screen and (min-width:576px) {
    .au-badges {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:0px) {
    .au-badges {
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .au-badges {
        margin-bottom: 5rem
    }
}

@media only screen and (min-width:0px) {
    .au-badges {
        padding-bottom: 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .au-badges {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:0px) {
    .au-contact-us {
        margin: 5rem 0
    }
}

@media only screen and (min-width:769px) {
    .au-contact-us {
        margin: 5rem 0 7.5rem
    }
}

@media only screen and (min-width:0px) {
    .page-template-consulting-page .au-contact-us {
        margin: 2.5rem 0 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .page-template-consulting-page .au-contact-us {
        margin: 5rem 0 7.5rem
    }
}

.au-contact-us__wrapper {
    display: grid
}

@media only screen and (min-width:1024px) {
    .au-contact-us__wrapper {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:0px) {
    .au-contact-us__wrapper {
        row-gap: 1.875rem
    }
}

@media only screen and (min-width:769px) {
    .au-contact-us__wrapper {
        row-gap: 2.75rem
    }
}

.au-contact-us__content .content-title {
    margin-top: 0
}

.au-contact-us__content .content__text {
    margin-top: 0
}

@media only screen and (min-width:0px) {
    .content__description {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .content__description {
        font-size: 1.75rem
    }
}

@media only screen and (min-width:1024px) {
    .content__description {
        font-size: 2rem
    }
}

.au-contact-us__content .content__list li {
    margin: 0
}

.app-form {
    display: grid;
    gap: .625rem
}

.app-form__field {
    width: 100%;
    border-radius: 2.5rem;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.app-form__field:focus-within {
    border-color: #16161d
}

.app-form__field-label {
    border: .0625rem solid #d5d5dd;
    border-radius: 2.5rem;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block
}

@media (max-width:1023px) {
    .app-form__field-label {
        border-radius: 1.875rem
    }
}

@media only screen and (min-width:0px) {
    .app-form__field-label {
        min-height: 3.5rem
    }
}

@media only screen and (min-width:1024px) {
    .app-form__field-label {
        min-height: 4.5rem
    }
}

.js--error .app-form__field-label {
    border-color: #f64963
}

.app-form__field-error {
    display: none;
    margin-top: .3125rem;
    pointer-events: none;
    color: #f64963;
    padding-left: 1.875rem
}

.js--error .app-form__field-error {
    display: block
}

.field-placeholder {
    pointer-events: none;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #5d5d6c;
    background: #fff
}

@media only screen and (min-width:0px) {
    .field-placeholder {
        padding: 1rem 1.875rem
    }
}

@media only screen and (min-width:1024px) {
    .field-placeholder {
        padding: 1.4375rem 1.875rem
    }
}

.field-input,
.field-textarea {
    height: 100%;
    width: 100%;
    line-height: 1;
    font-family: Gilroy, sans-serif;
    font-size: 1rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media only screen and (min-width:0px) {

    .field-input,
    .field-textarea {
        padding: 1.75rem 1.875rem .5625rem
    }
}

@media only screen and (min-width:1024px) {

    .field-input,
    .field-textarea {
        padding: 2.1875rem 1.875rem .8125rem
    }
}

@media only screen and (min-width:0px) {

    .field-input,
    .field-textarea {
        min-height: 3.375rem
    }
}

@media only screen and (min-width:1024px) {

    .field-input,
    .field-textarea {
        min-height: 4.375rem
    }
}

.field-input:not(:-moz-placeholder-shown)+.field-placeholder,
.field-textarea:not(:-moz-placeholder-shown)+.field-placeholder {
    font-size: .875rem;
    color: #a6a6b1;
    padding: .75rem 1.875rem .125rem
}

.field-input:not(:-ms-input-placeholder)+.field-placeholder,
.field-textarea:not(:-ms-input-placeholder)+.field-placeholder {
    font-size: .875rem;
    color: #a6a6b1;
    padding: .75rem 1.875rem .125rem
}

.field-input:focus+.field-placeholder,
.field-input:not(:placeholder-shown)+.field-placeholder,
.field-textarea:focus+.field-placeholder,
.field-textarea:not(:placeholder-shown)+.field-placeholder {
    font-size: .875rem;
    color: #a6a6b1;
    padding: .75rem 1.875rem .125rem
}

@media only screen and (min-width:0px) {

    .field-input:not(:-moz-placeholder-shown)+.field-placeholder,
    .field-textarea:not(:-moz-placeholder-shown)+.field-placeholder {
        padding: .3125rem 1.875rem .125rem
    }

    .field-input:not(:-ms-input-placeholder)+.field-placeholder,
    .field-textarea:not(:-ms-input-placeholder)+.field-placeholder {
        padding: .3125rem 1.875rem .125rem
    }

    .field-input:focus+.field-placeholder,
    .field-input:not(:placeholder-shown)+.field-placeholder,
    .field-textarea:focus+.field-placeholder,
    .field-textarea:not(:placeholder-shown)+.field-placeholder {
        padding: .3125rem 1.875rem .125rem
    }
}

@media only screen and (min-width:1024px) {

    .field-input:not(:-moz-placeholder-shown)+.field-placeholder,
    .field-textarea:not(:-moz-placeholder-shown)+.field-placeholder {
        padding: .75rem 1.875rem .125rem
    }

    .field-input:not(:-ms-input-placeholder)+.field-placeholder,
    .field-textarea:not(:-ms-input-placeholder)+.field-placeholder {
        padding: .75rem 1.875rem .125rem
    }

    .field-input:focus+.field-placeholder,
    .field-input:not(:placeholder-shown)+.field-placeholder,
    .field-textarea:focus+.field-placeholder,
    .field-textarea:not(:placeholder-shown)+.field-placeholder {
        padding: .75rem 1.875rem .125rem
    }
}

.field-input:focus+.field-placeholder,
.field-input:not(:-ms-input-placeholder)+.field-placeholder,
.field-textarea:focus+.field-placeholder,
.field-textarea:not(:-ms-input-placeholder)+.field-placeholder {
    font-size: .875rem;
    color: #a6a6b1;
    height: 3.75rem
}

.field-textarea {
    min-height: 13.75rem
}

.app-form__submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.app-form__info a {
    text-decoration: none
}

.app-form__thx {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .app-form__thx {
        padding-top: 2.5rem
    }
}

.form-thx__title:before {
    margin: 0 auto
}

@media only screen and (min-width:0px) {
    .cp-intro {
        margin: 8.25rem 0 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .cp-intro {
        margin: 10rem 0 5rem
    }
}

.cp-intro .cp-intro__description {
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .cp-intro .cp-intro__description {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .cp-intro .cp-intro__description {
        font-size: 2rem
    }
}

.cp-intro__description,
.cp-intro__title {
    text-align: center
}

.cp-intro__hero {
    margin: 2rem auto;
    display: block;
    max-width: 100%
}

.cp-intro__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: inset 0 -.0625rem 0 #d5d5dd;
    box-shadow: inset 0 -.0625rem 0 #d5d5dd
}

@media only screen and (min-width:0px) {
    .cp-intro__footer {
        padding-bottom: 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .cp-intro__footer {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:0px) {
    .cp-outro {
        margin: 2.5rem 0
    }
}

@media only screen and (min-width:769px) {
    .cp-outro {
        margin: 5rem 0
    }
}

.cp-outro__title {
    margin-top: 0
}

.cp-outro__description,
.cp-outro__subtitle,
.cp-outro__title {
    text-align: center
}

.cp-outro__hero {
    margin: 2rem auto;
    display: block;
    max-width: 100%
}

.cp-outro__subtitle {
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .cp-outro__subtitle {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .cp-outro__subtitle {
        font-size: 2rem
    }
}

.cp-outro__description {
    margin-bottom: 2rem
}

@media only screen and (min-width:0px) {
    .cp-outro__description br {
        display: none
    }
}

@media only screen and (min-width:769px) {
    .cp-outro__description br {
        display: block
    }
}

.cp-outro__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:0px) {
    .cp-outro__footer {
        padding-bottom: 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .cp-outro__footer {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:0px) {
    .cp-services {
        margin: 2.5rem 0
    }
}

@media only screen and (min-width:769px) {
    .cp-services {
        margin: 5rem 0
    }
}

.cp-services__title {
    margin-top: 0
}

.cp-services__description,
.cp-services__title {
    text-align: center
}

.cp-services__description {
    max-width: 55rem;
    margin: 0 auto 2rem
}

.cp-services__list {
    -webkit-box-shadow: inset 0 -.0625rem 0 #d5d5dd;
    box-shadow: inset 0 -.0625rem 0 #d5d5dd;
    display: grid
}

@media only screen and (min-width:0px) {
    .cp-services__list {
        padding-bottom: 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .cp-services__list {
        padding-bottom: 5rem
    }
}

@media only screen and (min-width:576px) {
    .cp-services__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .cp-services__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (min-width:0px) {
    .cp-services__list {
        row-gap: .625rem
    }
}

@media only screen and (min-width:769px) {
    .cp-services__list {
        row-gap: 1.5rem
    }
}

@media only screen and (min-width:0px) {
    .cp-services__list {
        margin-bottom: .625rem
    }
}

@media only screen and (min-width:769px) {
    .cp-services__list {
        margin-bottom: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .cp-services__list {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .cp-services__list {
        margin-bottom: 2rem
    }
}

.cp-service {
    padding: 2.5rem 1.25rem;
    border-radius: 2.25rem;
    text-align: center;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    background-color: #f2f6ff;
    --shine-color: #e3ebff
}

.cp-service>* {
    position: relative;
    z-index: 2
}

.cp-service:before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 25rem;
    height: 25rem;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--shine-color)));
    background: -o-linear-gradient(left, transparent 0, var(--shine-color) 100%);
    background: linear-gradient(to right, transparent 0, var(--shine-color) 100%);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%
}

@media (any-hover:hover) {
    .cp-service:hover:before {
        -webkit-animation: shine .5s;
        animation: shine .5s;
        opacity: 0;
        -webkit-transition: .5s opacity .3s;
        -o-transition: .5s opacity .3s;
        transition: .5s opacity .3s
    }
}

@media (any-hover:hover) {
    .cp-service:hover {
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.cp-service:nth-child(4n+2) {
    background-color: #f8f2ff;
    --shine-color: #f0e3ff
}

.cp-service:nth-child(4n+3) {
    background-color: #fffaf2;
    --shine-color: #fff4e3
}

.cp-service:nth-child(4n+4) {
    background-color: #fff5f2;
    --shine-color: #ffe9e3
}

.cp-service__icon {
    margin-bottom: 1.5625rem;
    display: block;
    justify-self: center
}

.cp-service__title {
    font-weight: 600
}

.free-review {
    background: #ebf7f2;
    text-align: center;
    border-radius: 36px;
    overflow: hidden
}

@media only screen and (min-width:0px) {
    .free-review {
        margin: 0 0 4.375rem
    }
}

@media only screen and (min-width:769px) {
    .free-review {
        margin: 0 0 7.5rem
    }
}

@media only screen and (min-width:0px) {
    .free-review {
        padding: 1.25rem
    }
}

@media only screen and (min-width:767px) {
    .free-review {
        padding: 2.5rem
    }
}

.free-review p {
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .free-review p {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .free-review p {
        font-size: 2rem
    }
}

.free-review p small {
    font-size: 18px
}

.free-review .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:0px) {
    .free-review .row {
        margin: 0
    }
}

@media only screen and (min-width:767px) {
    .free-review .row {
        margin: 0 -1.25rem
    }
}

.free-review .row .col {
    background: #fff;
    margin: 0 10px 30px;
    border-radius: 36px;
    overflow: hidden
}

@media only screen and (min-width:0px) {
    .free-review .row .col {
        width: 100%
    }
}

@media only screen and (min-width:650px) {
    .free-review .row .col {
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width:769px) {
    .free-review .row .col {
        width: calc(33.3% - 20px)
    }
}

@media only screen and (min-width:0px) {
    .free-review .row .col {
        margin: 0 0 .625rem
    }
}

@media only screen and (min-width:767px) {
    .free-review .row .col {
        margin: 0 .625rem 1.875rem
    }
}

@media only screen and (min-width:0px) {
    .free-review .row .col {
        padding: 2.5rem .625rem
    }
}

@media only screen and (min-width:769px) {
    .free-review .row .col {
        padding: 2.5rem 3.125rem
    }
}

@media only screen and (min-width:0px) {
    .free-review .row .col p {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:769px) {
    .free-review .row .col p {
        font-size: 1.5rem
    }
}

.free-review .row .col:last-child {
    background: 0 0;
    border-radius: 0;
    padding: 0
}

@media only screen and (min-width:0px) {
    .free-review .row .col:last-child {
        width: 100%
    }
}

@media only screen and (min-width:650px) {
    .free-review .row .col:last-child {
        width: calc(50% - 20px)
    }
}

@media only screen and (min-width:769px) {
    .free-review .row .col:last-child {
        width: 100%
    }
}

.free-review .app-form__submit,
.free-review .ltm-link--md {
    background: -o-radial-gradient(100% 0, 100% 191.36%, #36b27e 0, #5879ee 100%);
    background: radial-gradient(100% 191.36% at 100% 0, #36b27e 0, #5879ee 100%)
}

@media (max-width:768) {

    .free-review .app-form__submit,
    .free-review .ltm-link--md {
        width: 100%;
        text-align: left;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-radius: 24px
    }
}

.free-review .app-form__submit:before,
.free-review .ltm-link--md:before {
    background: #36b27e
}

@media (max-width:768) {

    .free-review .app-form__submit .app-form__submit-text,
    .free-review .app-form__submit .ltm-link__text,
    .free-review .ltm-link--md .app-form__submit-text,
    .free-review .ltm-link--md .ltm-link__text {
        max-width: 140px
    }
}

.free-review .app-form__submit .app-form__submit-icon,
.free-review .app-form__submit .ltm-link__icon,
.free-review .ltm-link--md .app-form__submit-icon,
.free-review .ltm-link--md .ltm-link__icon {
    background: 0 0
}

.free-review .app-form__submit .app-form__submit-icon::after,
.free-review .app-form__submit .app-form__submit-icon::before,
.free-review .app-form__submit .ltm-link__icon::after,
.free-review .app-form__submit .ltm-link__icon::before,
.free-review .ltm-link--md .app-form__submit-icon::after,
.free-review .ltm-link--md .app-form__submit-icon::before,
.free-review .ltm-link--md .ltm-link__icon::after,
.free-review .ltm-link--md .ltm-link__icon::before {
    display: none
}

@media only screen and (min-width:0px) {
    .ap-intro {
        margin: 5.125rem 0 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .ap-intro {
        margin: 10rem 0 2rem
    }
}

.ap-intro .avatar,
.ap-intro__avatar {
    margin: 0 auto 1.25rem;
    display: block;
    border-radius: 50%
}

.ap-intro__description,
.ap-intro__title {
    text-align: center
}

.ap-intro__description {
    max-width: 50rem;
    margin: 0 auto;
    color: #5d5d6c
}

.ap-intro__footer {
    margin: 2rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:0px) {
    .ap-intro__footer {
        gap: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .ap-intro__footer {
        gap: 4rem
    }
}

@media only screen and (min-width:0px) {
    .ap-intro__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:769px) {
    .ap-intro__footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ap-intro__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:0px) {
    .ap-intro__links {
        gap: .625rem
    }
}

@media only screen and (min-width:769px) {
    .ap-intro__links {
        gap: 1.25rem
    }
}

.ap-intro__links .social-link {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    color: #5d5d6c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (any-hover:hover) {
    .ap-intro__links .social-link:hover {
        color: var(--color)
    }
}

.ap-links__title {
    line-height: 171%;
    color: #16161d
}

.ap-posts__list {
    display: grid;
    padding-top: 2rem;
    -webkit-box-shadow: inset 0 .0625rem 0 #d5d5dd;
    box-shadow: inset 0 .0625rem 0 #d5d5dd
}

@media only screen and (min-width:680px) {
    .ap-posts__list {
        grid-auto-rows: auto 1fr 1fr 1fr
    }
}

@media only screen and (min-width:1024px) {
    .ap-posts__list {
        grid-auto-rows: auto 1fr 1fr
    }
}

@media only screen and (min-width:680px) {
    .ap-posts__list {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:1024px) {
    .ap-posts__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width:0px) {
    .ap-posts__list {
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .ap-posts__list {
        margin-bottom: 5rem
    }
}

@media only screen and (min-width:0px) {
    .pp-intro {
        margin: 8.25rem 0 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .pp-intro {
        margin: 10rem 0 4.375rem
    }
}

.pp-intro__description,
.pp-intro__title {
    text-align: center
}

.pp-intro__hero {
    margin: 0 auto 2rem;
    display: block
}

.pp-intro__description {
    margin-bottom: 2rem
}

.pp-intro__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pp-intro__footer--jira {
    -webkit-box-shadow: inset 0 -.0625rem 0 #d5d5dd;
    box-shadow: inset 0 -.0625rem 0 #d5d5dd
}

@media only screen and (min-width:0px) {
    .pp-intro__footer--jira {
        padding-bottom: 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .pp-intro__footer--jira {
        padding-bottom: 5rem
    }
}

.pp-benefits {
    display: block;
    margin: 4.375rem 0 7.5rem
}

.pp-benefits__title {
    margin-bottom: 2.9375rem;
    text-align: center
}

.pp-benefits__items {
    display: grid
}

@media only screen and (min-width:0px) {
    .pp-benefits__items {
        margin-top: 5rem
    }
}

@media only screen and (min-width:769px) {
    .pp-benefits__items {
        margin-top: 7.5rem
    }
}

@media only screen and (min-width:0px) {
    .pp-benefits__items {
        gap: 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .pp-benefits__items {
        gap: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .pp-benefits__items {
        gap: 0
    }
}

@media only screen and (min-width:769px) {
    .pp-benefits__items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .pp-benefits__items {
        grid-template-columns: repeat(4, 1fr)
    }
}

.pp-benefits__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.75rem;
    text-align: center
}

@media only screen and (min-width:769px) {
    .pp-benefits__item {
        padding: 0 2.25rem
    }
}

@media only screen and (min-width:1024px) {
    .pp-benefits__item:not(:last-child) {
        -webkit-box-shadow: inset -.0625rem 0 0 #d5d5dd;
        box-shadow: inset -.0625rem 0 0 #d5d5dd
    }
}

.pp-benefits__item .item__text span {
    color: var(--color)
}

@media only screen and (min-width:0px) {
    .pp-benefits__item .item__text br {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .pp-benefits__item .item__text br {
        display: inline-block
    }
}

.pp-product-features {
    margin: 5rem 0 6.375rem
}

.pp-product-features__description,
.pp-product-features__title {
    text-align: center
}

.pp-product-features__description {
    margin-bottom: 5rem
}

@media only screen and (min-width:0px) {
    .jp-enterprise-features {
        margin: 5rem 0
    }
}

@media only screen and (min-width:769px) {
    .jp-enterprise-features {
        margin: 6.375rem 0 7.5rem
    }
}

.jp-enterprise-features__title {
    text-align: center
}

@media only screen and (min-width:0px) {
    .jp-enterprise-features__title {
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .jp-enterprise-features__title {
        margin-bottom: 3.75rem
    }
}

.jp-enterprise-features__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

@media only screen and (min-width:0px) {
    .jp-enterprise-features__list {
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .jp-enterprise-features__list {
        margin-bottom: 7.5rem
    }
}

@media (max-width:1280px) {
    .jp-enterprise-features__list {
        gap: 1.25rem
    }
}

@media (max-width:1023px) {
    .jp-enterprise-features__list {
        row-gap: 1.5rem
    }
}

.jp-feature {
    border-radius: 1.5rem;
    background-color: #f6f6f6;
    padding: 1.25rem 1.875rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    width: calc(33.3% - 1.32rem)
}

.jp-feature>* {
    position: relative;
    z-index: 2
}

.jp-feature:before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 25rem;
    height: 25rem;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#eee));
    background: -o-linear-gradient(left, transparent 0, #eee 100%);
    background: linear-gradient(to right, transparent 0, #eee 100%);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%
}

@media (any-hover:hover) {
    .jp-feature:hover:before {
        -webkit-animation: shine .5s;
        animation: shine .5s;
        opacity: 0;
        -webkit-transition: .5s opacity .3s;
        -o-transition: .5s opacity .3s;
        transition: .5s opacity .3s
    }
}

@media (any-hover:hover) {
    .jp-feature:hover {
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@media (max-width:1280px) {
    .jp-feature {
        width: calc(33.3% - .82rem)
    }
}

@media (max-width:1023px) {
    .jp-feature {
        width: 100%
    }
}

.jp-feature__title {
    font-weight: 600
}

.jp-feature__title:before {
    display: inline-block;
    margin-right: .3125rem;
    vertical-align: text-bottom
}

.jp-feature__text {
    margin-top: 1rem
}

.jp-enterprise-features__video {
    width: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    -webkit-box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1)
}

@media only screen and (min-width:0px) {
    .jp-enterprise-features__video {
        aspect-ratio: calc(328 / 220)
    }
}

@media only screen and (min-width:769px) {
    .jp-enterprise-features__video {
        aspect-ratio: calc(720 / 330)
    }
}

@media only screen and (min-width:1024px) {
    .jp-enterprise-features__video {
        aspect-ratio: calc(1216 / 557)
    }
}

@media only screen and (min-width:0px) {
    .jp-power-up {
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .jp-power-up {
        margin-bottom: 7.5rem
    }
}

.jp-power-up .row {
    overflow: hidden
}

.jp-power-up h2 {
    float: right;
    width: 42%;
    padding: 30px 0 0 40px
}

@media (max-width:1280px) {
    .jp-power-up h2 {
        width: 50%
    }
}

@media (max-width:1023px) {
    .jp-power-up h2 {
        float: none;
        width: auto;
        padding: 0;
        text-align: center;
        margin-bottom: 3rem
    }
}

.jp-power-up .col {
    width: 42%;
    float: right;
    padding: 0 0 0 40px
}

@media (max-width:1280px) {
    .jp-power-up .col {
        width: 50%
    }
}

@media (max-width:1023px) {
    .jp-power-up .col {
        float: none;
        width: auto;
        padding: 0;
        text-align: center
    }
}

.jp-power-up .col a {
    margin-left: -20px
}

@media (max-width:1023px) {
    .jp-power-up .col a {
        margin: 0
    }
}

.jp-power-up .col.col-img {
    float: left;
    background: #f6f6f6;
    border-radius: 24px;
    text-align: center;
    padding: 32px;
    width: 50%
}

@media (max-width:1023px) {
    .jp-power-up .col.col-img {
        float: none;
        margin: 0 0 40px;
        width: auto
    }
}

@media (max-width:1023px) {
    .jp-power-up .col {
        float: none
    }
}

.jp-power-up img {
    max-width: 100%;
    height: auto;
    border-radius: 18px
}

.jp-power-up p {
    margin: 0 0 3rem
}

@media only screen and (min-width:0px) {
    .jp-power-up p {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:1024px) {
    .jp-power-up p {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .jp-power-up p {
        font-size: 1.5rem
    }
}

@media (max-width:1023px) {
    .jp-power-up p {
        margin: 0 0 2rem
    }
}

.jp-faq__frame {
    border-radius: 1.5rem;
    border: .0625rem solid #d5d5dd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem 2.5rem
}

@media only screen and (min-width:0px) {
    .jp-faq__frame {
        padding: 1.5625rem 1.125rem
    }
}

@media only screen and (min-width:360px) {
    .jp-faq__frame {
        padding: 2.1875rem 1.125rem
    }
}

@media only screen and (min-width:576px) {
    .jp-faq__frame {
        padding: 1.875rem
    }
}

@media only screen and (min-width:0px) {
    .jp-faq__frame {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:576px) {
    .jp-faq__frame {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:0px) {
    .jp-faq__frame {
        text-align: center
    }
}

@media only screen and (min-width:576px) {
    .jp-faq__frame {
        text-align: left
    }
}

@media only screen and (min-width:0px) {
    .static-page {
        margin: 8.25rem 0 5rem
    }
}

@media only screen and (min-width:769px) {
    .static-page {
        margin: 10rem 0 7.5rem
    }
}

.static-page__content a {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 92%;
    display: inline-block;
    vertical-align: bottom
}

@media only screen and (min-width:0px) {
    .lp-legal-page {
        margin: 8.25rem 0 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .lp-legal-page {
        margin: 10rem 0 4.375rem
    }
}

@media only screen and (min-width:1024px) {
    .lp-legal-page .lp-platforms__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .lp-legal-page .lp-platforms__list-item .list-item__actions {
        margin-left: auto
    }
}

@media only screen and (min-width:0px) {
    .pr-intro {
        margin: 8.25rem 0 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .pr-intro {
        margin: 10rem 0 4.375rem
    }
}

.pr-intro__description,
.pr-intro__title {
    text-align: center
}

.pr-intro__hero {
    margin: 0 auto 2rem;
    display: block
}

.pr-intro__description {
    margin-bottom: 2rem
}

.pr-intro__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: inset 0 -.0625rem 0 #d5d5dd;
    box-shadow: inset 0 -.0625rem 0 #d5d5dd
}

@media only screen and (min-width:0px) {
    .pr-intro__footer {
        padding-bottom: 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .pr-intro__footer {
        padding-bottom: 5rem
    }
}

.pr-benefits {
    display: block;
    margin: 4.375rem 0 7.5rem
}

.pr-benefits__title {
    margin-bottom: 2.9375rem;
    text-align: center
}

.pr-enterprise-features__list {
    display: grid
}

@media only screen and (min-width:769px) {
    .pr-enterprise-features__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .pr-enterprise-features__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width:0px) {
    .pr-enterprise-features__list {
        row-gap: .625rem
    }
}

@media only screen and (min-width:576px) {
    .pr-enterprise-features__list {
        row-gap: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .pr-enterprise-features__list {
        row-gap: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .pr-enterprise-features__list {
        row-gap: 2rem
    }
}

@media only screen and (min-width:0px) {
    .pr-enterprise-features__list {
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:769px) {
    .pr-enterprise-features__list {
        margin-bottom: 7.5rem
    }
}

.pr-feature {
    border-radius: 1.5rem;
    background-color: #f6f6f6;
    padding: 1.25rem 1.875rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.pr-feature>* {
    position: relative;
    z-index: 2
}

.pr-feature:before {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 25rem;
    height: 25rem;
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#eee));
    background: -o-linear-gradient(left, transparent 0, #eee 100%);
    background: linear-gradient(to right, transparent 0, #eee 100%);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%
}

@media (any-hover:hover) {
    .pr-feature:hover:before {
        -webkit-animation: shine .5s;
        animation: shine .5s;
        opacity: 0;
        -webkit-transition: .5s opacity .3s;
        -o-transition: .5s opacity .3s;
        transition: .5s opacity .3s
    }
}

@media (any-hover:hover) {
    .pr-feature:hover {
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.pr-feature__title {
    font-weight: 600
}

.pr-feature__title:before {
    display: inline-block;
    margin-right: .3125rem;
    vertical-align: text-bottom
}

.pr-feature__text {
    margin-top: 1rem
}

.app-form__submit,
.ltm-link {
    border-radius: 2.5rem;
    gap: .625rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    position: relative
}

@media (max-width:768px) {

    .app-form__submit,
    .ltm-link {
        font-weight: 500
    }
}

.ltm-link--primary {
    --color-1: #F64963;
    --color-2: #FF8541
}

.ltm-link--primary:before {
    --color-2: #F64963
}

.app-form__submit,
.ltm-link--secondary {
    --color-1: #5879EE;
    --color-2: #A769F6
}

.app-form__submit:before,
.ltm-link--secondary:before {
    --color-2: #5879EE
}

.app-form__submit:visited,
.ltm-link:visited {
    color: #fff
}

.ltm-link--sm.ltm-link--primary {
    --color-1: #F64963;
    --color-2: #5879EE
}

.ltm-link--sm.app-form__submit,
.ltm-link--sm.ltm-link--secondary {
    --color-1: #5879EE;
    --color-2: #F64963
}

.ltm-link--sm {
    padding: .6875rem 1.25rem;
    font-size: 1rem;
    line-height: 1.1875rem;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    background-color: var(--color-1)
}

@media (any-hover:hover) {
    .ltm-link--sm:hover {
        background-color: var(--color-2)
    }
}

.app-form__submit,
.ltm-link--md {
    background: -o-radial-gradient(100% 0, 100% 191.36%, var(--color-1) 0, var(--color-2) 100%);
    background: radial-gradient(100% 191.36% at 100% 0, var(--color-1) 0, var(--color-2) 100%)
}

@media only screen and (min-width:0px) {

    .app-form__submit,
    .ltm-link--md {
        font-size: 1rem
    }
}

@media only screen and (min-width:360px) {

    .app-form__submit,
    .ltm-link--md {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:769px) {

    .app-form__submit,
    .ltm-link--md {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:0px) {

    .app-form__submit,
    .ltm-link--md {
        line-height: 156%
    }
}

@media only screen and (min-width:769px) {

    .app-form__submit,
    .ltm-link--md {
        line-height: 120%
    }
}

@media only screen and (min-width:0px) {

    .app-form__submit,
    .ltm-link--md {
        padding: 1.125rem 1.5rem
    }
}

@media only screen and (min-width:360px) {

    .app-form__submit,
    .ltm-link--md {
        padding: 1.125rem 1.875rem
    }
}

@media only screen and (min-width:769px) {

    .app-form__submit,
    .ltm-link--md {
        padding: 1.5rem 3.75rem
    }
}

.app-form__submit:before,
.ltm-link--md:before {
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    content: '';
    opacity: 0;
    pointer-events: none;
    background: -o-radial-gradient(100% 0, 100% 191.36%, var(--color-1) 0, var(--color-2) 100%);
    background: radial-gradient(100% 191.36% at 100% 0, var(--color-1) 0, var(--color-2) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

@media (any-hover) {

    .app-form__submit:hover:before,
    .ltm-link--md:hover:before {
        opacity: 1
    }
}

.app-form__submit-icon,
.app-form__submit-text,
.ltm-link__icon,
.ltm-link__text {
    z-index: 1
}

.app-form__submit-icon,
.ltm-link__icon {
    position: relative;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: hidden
}

.app-form__submit-icon:after,
.app-form__submit-icon:before,
.ltm-link__icon:after,
.ltm-link__icon:before {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    content: '';
    position: absolute;
    top: 0;
    left: 0
}

.app-form__submit-icon:after,
.ltm-link__icon:after {
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

.app-form__submit:hover .app-form__submit-icon:after,
.app-form__submit:hover .ltm-link__icon:after,
.ltm-link:hover .app-form__submit-icon:after,
.ltm-link:hover .ltm-link__icon:after {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.app-form__submit:hover .app-form__submit-icon:before,
.app-form__submit:hover .ltm-link__icon:before,
.ltm-link:hover .app-form__submit-icon:before,
.ltm-link:hover .ltm-link__icon:before {
    -webkit-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    transform: translate(100%, -100%)
}

.app-form__submit .app-form__submit-icon,
.app-form__submit .ltm-link__icon,
.ltm-link--md .app-form__submit-icon,
.ltm-link--md .ltm-link__icon {
    background: #fff
}

.ltm-link--sm .app-form__submit-icon,
.ltm-link--sm .ltm-link__icon {
    border: .0625rem solid #fff
}

@-webkit-keyframes diagonal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(100%, -100%);
        transform: translate(100%, -100%)
    }
}

@keyframes diagonal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(100%, -100%);
        transform: translate(100%, -100%)
    }
}

.app-slider__actions .app-form__submit,
.app-slider__actions .ltm-link,
.hp-intro__content--left .app-form__submit,
.hp-intro__content--left .ltm-link,
.jp-intro .app-form__submit,
.jp-intro .ltm-link,
.plugin-announce .app-form__submit,
.plugin-announce .ltm-link,
.pp-intro .app-form__submit,
.pp-intro .ltm-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:0px) {

    .app-slider__actions .app-form__submit,
    .app-slider__actions .ltm-link,
    .hp-intro__content--left .app-form__submit,
    .hp-intro__content--left .ltm-link,
    .jp-intro .app-form__submit,
    .jp-intro .ltm-link,
    .plugin-announce .app-form__submit,
    .plugin-announce .ltm-link,
    .pp-intro .app-form__submit,
    .pp-intro .ltm-link {
        margin: 0 auto
    }
}

@media only screen and (min-width:769px) {

    .app-slider__actions .app-form__submit,
    .app-slider__actions .ltm-link,
    .hp-intro__content--left .app-form__submit,
    .hp-intro__content--left .ltm-link,
    .jp-intro .app-form__submit,
    .jp-intro .ltm-link,
    .plugin-announce .app-form__submit,
    .plugin-announce .ltm-link,
    .pp-intro .app-form__submit,
    .pp-intro .ltm-link {
        margin: 0
    }
}

@media only screen and (min-width:0px) {

    .app-slider__actions .app-form__submit,
    .app-slider__actions .ltm-link,
    .hp-intro__content--left .app-form__submit,
    .hp-intro__content--left .ltm-link,
    .jp-intro .app-form__submit,
    .jp-intro .ltm-link,
    .plugin-announce .app-form__submit,
    .plugin-announce .ltm-link,
    .pp-intro .app-form__submit,
    .pp-intro .ltm-link {
        width: 100%
    }
}

@media only screen and (min-width:769px) {

    .app-slider__actions .app-form__submit,
    .app-slider__actions .ltm-link,
    .hp-intro__content--left .app-form__submit,
    .hp-intro__content--left .ltm-link,
    .jp-intro .app-form__submit,
    .jp-intro .ltm-link,
    .plugin-announce .app-form__submit,
    .plugin-announce .ltm-link,
    .pp-intro .app-form__submit,
    .pp-intro .ltm-link {
        width: auto
    }
}

@media only screen and (min-width:0px) {

    .app-slider__actions .app-form__submit,
    .app-slider__actions .ltm-link,
    .hp-intro__content--left .app-form__submit,
    .hp-intro__content--left .ltm-link,
    .jp-intro .app-form__submit,
    .jp-intro .ltm-link,
    .plugin-announce .app-form__submit,
    .plugin-announce .ltm-link,
    .pp-intro .app-form__submit,
    .pp-intro .ltm-link {
        max-width: 20.5rem
    }
}

@media only screen and (min-width:769px) {

    .app-slider__actions .app-form__submit,
    .app-slider__actions .ltm-link,
    .hp-intro__content--left .app-form__submit,
    .hp-intro__content--left .ltm-link,
    .jp-intro .app-form__submit,
    .jp-intro .ltm-link,
    .plugin-announce .app-form__submit,
    .plugin-announce .ltm-link,
    .pp-intro .app-form__submit,
    .pp-intro .ltm-link {
        max-width: unset
    }
}

.csp-plug {
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.1875rem;
    width: 10.125rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem;
    border: .1875rem solid;
    border-radius: 2.5rem
}

@media (any-hover:hover) {
    .csp-plug:hover:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.csp-plug:after {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.plugin-announce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f2f6ff;
    border-radius: 2.25rem
}

@media only screen and (min-width:0px) {
    .plugin-announce {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:769px) {
    .plugin-announce {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:0px) {
    .plugin-announce {
        padding: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .plugin-announce {
        padding: 3rem 1.5625rem 3rem 2.5rem
    }
}

.plugin-announce.plugin-announce-center {
    display: block;
    text-align: center
}

@media only screen and (min-width:0px) {
    .plugin-announce.plugin-announce-center {
        padding: 1.5rem 1.3125rem
    }
}

@media only screen and (min-width:540px) {
    .plugin-announce.plugin-announce-center {
        padding: 1.5rem 5rem
    }
}

@media only screen and (min-width:769px) {
    .plugin-announce.plugin-announce-center {
        padding: 1.5rem 2.125rem
    }
}

@media only screen and (min-width:1024px) {
    .plugin-announce.plugin-announce-center {
        padding: 3.75rem 3.4375rem
    }
}

.plugin-announce.plugin-announce-center h2 {
    margin-top: 0
}

@media only screen and (min-width:0px) {
    .plugin-announce.plugin-announce-center p {
        font-size: 1rem
    }
}

@media only screen and (min-width:769px) {
    .plugin-announce.plugin-announce-center p {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:0px) {
    .plugin-announce.plugin-announce-center p {
        margin: 0 0 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .plugin-announce.plugin-announce-center p {
        margin: 0 0 2.5rem
    }
}

.plugin-announce__left {
    display: flex;
    align-items: center;
}

.plugin-announce__text {
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 150%;
    font-weight: 600
}

@media (max-width:1023px) {
    .plugin-announce__text {
        margin: 1rem 0;
        font-style: normal;
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 150%
    }
}

@media only screen and (min-width:0px) {
    .plugin-announce__text {
        margin: 0
    }
}

.plugin-announce__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (any-hover:hover) {
    a.app-badge:hover {
        text-decoration: underline
    }
}

.app-footer__top-badges a.app-badge:hover {
    text-decoration: none
}

.app-badge {
    text-decoration: none;
    font-style: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    line-height: 125%;
    color: #7d7d7d;
    border: .0625rem solid var(--badge-border-color);
    border-radius: .5rem;
    padding: .75rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-badge--primary {
    gap: 1.25rem;
    --badge-border-color: #D5D5DD
}

.app-badge--secondary {
    gap: .625rem;
    --badge-border-color: #34343E
}

@media only screen and (min-width:0px) {
    .app-badge {
        font-size: .875rem
    }
}

@media only screen and (min-width:769px) {
    .app-badge {
        font-size: 1rem
    }
}

.app-badge__icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 3rem
}

.app-badge--secondary .app-badge__icon {
    padding-right: .75rem;
    -webkit-box-shadow: inset -.0625rem 0 0 var(--badge-border-color);
    box-shadow: inset -.0625rem 0 0 var(--badge-border-color)
}

.app-slider {
    display: grid
}

@media only screen and (min-width:1024px) {
    .app-slider--primary {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media only screen and (min-width:0px) {
    .app-slider--primary {
        row-gap: 2.5rem
    }
}

@media only screen and (min-width:768px) {
    .app-slider--primary {
        row-gap: 1.25rem
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--primary {
        row-gap: 2.5rem
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--secondary {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:0px) {
    .app-slider--secondary {
        row-gap: 2.5rem
    }
}

@media only screen and (min-width:768px) {
    .app-slider--secondary {
        row-gap: 0
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--secondary {
        row-gap: 2.5rem
    }
}

.app-slider__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.5rem
}

@media only screen and (min-width:1024px) {
    .app-slider--primary .app-slider__actions {
        grid-column: span 5
    }
}

@media only screen and (min-width:768px) {
    .app-slider--primary .app-slider__actions {
        grid-row: 4/5
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--primary .app-slider__actions {
        grid-row: auto
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--secondary .app-slider__actions {
        grid-column: 2/3
    }
}

@media only screen and (min-width:0px) {

    .app-slider__actions .app-form__submit,
    .app-slider__actions .ltm-link {
        margin: 0 auto
    }
}

@media only screen and (min-width:1024px) {

    .app-slider__actions .app-form__submit,
    .app-slider__actions .ltm-link {
        margin: 0
    }
}

.app-slider__nav {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:0px) {
    .app-slider__nav {
        gap: 2.5rem
    }
}

@media only screen and (min-width:768px) {
    .app-slider__nav {
        gap: .625rem
    }
}

@media only screen and (min-width:1024px) {
    .app-slider__nav {
        gap: 0
    }
}

@media only screen and (min-width:768px) {
    .app-slider__nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:1024px) {
    .app-slider__nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width:0px) {
    .app-slider--primary .app-slider__nav {
        display: grid
    }
}

@media only screen and (min-width:768px) {
    .app-slider--primary .app-slider__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--primary .app-slider__nav {
        display: grid
    }
}

@media only screen and (min-width:0px) {
    .app-slider--secondary .app-slider__nav {
        display: grid
    }
}

@media only screen and (min-width:768px) {
    .app-slider--secondary .app-slider__nav {
        display: block
    }
}

.app-slider__nav-item {
    border-radius: 1.5rem;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    position: relative
}

@media only screen and (min-width:0px) {
    .app-slider__nav-item {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .app-slider__nav-item {
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .app-slider__nav-item {
        width: 100%
    }
}

@media only screen and (min-width:0px) {
    .app-slider__nav-item {
        gap: .75rem
    }
}

@media only screen and (min-width:768px) {
    .app-slider__nav-item {
        gap: .5rem
    }
}

@media only screen and (min-width:1024px) {
    .app-slider__nav-item {
        gap: 1rem
    }
}

@media only screen and (min-width:0px) {
    .app-slider__nav-item {
        color: #16161d
    }
}

@media only screen and (min-width:768px) {
    .app-slider__nav-item {
        color: #a6a6b1
    }
}

.app-slider--secondary .app-slider__nav-item {
    color: #16161d
}

@media only screen and (min-width:768px) {
    .app-slider--secondary .app-slider__nav-item {
        padding: .375rem .875rem
    }
}

@media only screen and (min-width:768px) {
    .app-slider--secondary .app-slider__nav-item {
        padding: .625rem 1.25rem
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--secondary .app-slider__nav-item {
        padding: 1.25rem 1.25rem 1.25rem 2rem
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .app-slider--secondary .app-slider__nav-item {
        border-radius: 1rem
    }
}

@media only screen and (min-width:768px) {
    .app-slider--secondary .app-slider__nav-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--secondary .app-slider__nav-item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width:768px) {
    .app-slider--secondary .app-slider__nav-item {
        background-color: #f6f6f6
    }
}

@media only screen and (min-width:768px) {
    .app-slider--secondary .app-slider__nav-item:not(:last-child) {
        margin-bottom: .625rem
    }
}

@media only screen and (min-width:768px) {
    .app-slider--primary .app-slider__nav-item {
        padding: .375rem .875rem
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--primary .app-slider__nav-item {
        padding: 1.25rem 1.875rem
    }
}

@media only screen and (min-width:768px) {
    .app-slider--primary .app-slider__nav-item {
        border: .125rem solid
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--primary .app-slider__nav-item {
        border: none
    }
}

.app-slider--primary .app-slider__nav-item.js--active {
    z-index: 1;
    color: #16161d
}

@media only screen and (min-width:1024px) {
    .app-slider--primary .app-slider__nav-item.js--active {
        -webkit-box-shadow: 0 .25rem 2rem rgba(0, 0, 0, .1);
        box-shadow: 0 .25rem 2rem rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width:769px) {
    .app-slider--secondary .app-slider__nav-item.js--active {
        background-color: #f2f6ff
    }
}

@media (any-hover:hover) {
    .app-slider--primary .app-slider__nav-item:hover {
        color: #16161d
    }
}

@media (any-hover:hover) {
    .app-slider--secondary .app-slider__nav-item:hover {
        background-color: #f2f6ff
    }
}

.nav-item__mobile-image {
    border-radius: 1.5rem;
    background-size: cover;
    background-position: center;
    margin-bottom: .5rem
}

@media only screen and (min-width:768px) {
    .nav-item__mobile-image {
        display: none
    }
}

.app-slider--primary .nav-item__mobile-image {
    padding: 2.5rem .75rem;
    /* background-image: url(../img/app-slider/bg.webp) */
}

.pp-product-features--salesforce .app-slider--primary .nav-item__mobile-image {
    /* background-image: url(../img/app-slider/bg-sf.webp) */
}

.app-slider--secondary .nav-item__mobile-image {
    padding: 3.75rem .75rem;
    background-color: #f2f6ff
}

.app-slider--primary .app-slider__nav-item:nth-child(4n+2) .nav-item__mobile-image {
    /* background-image: url(../img/app-slider/bg-2.webp) */
}

.pp-product-features--salesforce .app-slider--primary .app-slider__nav-item:nth-child(4n+2) .nav-item__mobile-image {
    /* background-image: url(../img/app-slider/bg-sf.webp) */
}

.app-slider--primary .app-slider__nav-item:nth-child(4n+3) .nav-item__mobile-image {
    /* background-image: url(../img/app-slider/bg-3.webp) */
}

.pp-product-features--salesforce .app-slider--primary .app-slider__nav-item:nth-child(4n+3) .nav-item__mobile-image {
    /* background-image: url(../img/app-slider/bg-sf.webp) */
}

.app-slider--primary .app-slider__nav-item:nth-child(4n+4) .nav-item__mobile-image {
    /*  background-image: url(../img/app-slider/bg-4.webp) */
}

.pp-product-features--salesforce .app-slider--primary .app-slider__nav-item:nth-child(4n+4) .nav-item__mobile-image {
    /* background-image: url(../img/app-slider/bg-sf.webp) */
}

.nav-item__mobile-image .image {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1)
}

.app-slider__nav-item .nav-item__title {
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75rem 1rem
}

@media only screen and (min-width:0px) {
    .app-slider__nav-item .nav-item__title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .app-slider__nav-item .nav-item__title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:0px) {
    .app-slider__nav-item .nav-item__title {
        text-align: center
    }
}

@media only screen and (min-width:768px) {
    .app-slider__nav-item .nav-item__title {
        text-align: left
    }
}

.app-slider__nav-item .nav-item__title .title__icon {
    line-height: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width:768px) {
    .app-slider--secondary .js--active .nav-item__title {
        color: #5879ee
    }
}

@media only screen and (min-width:0px) {
    .app-slider__nav-item .nav-item__subtitle {
        text-align: center
    }
}

@media only screen and (min-width:1024px) {
    .app-slider__nav-item .nav-item__subtitle {
        text-align: left
    }
}

@media only screen and (min-width:768px) {
    .app-slider__nav-item .nav-item__subtitle {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .js--active .nav-item__subtitle {
        display: block
    }
}

.app-slider__content-target {
    text-align: center
}

@media only screen and (min-width:0px) {
    .app-slider__content-target {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .app-slider__content-target {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .app-slider__content-target {
        display: none
    }
}

.app-slider--primary .app-slider__content-target {
    grid-row: 3/4;
    width: 65%;
    margin: 1.4375rem auto .8125rem
}

.app-slider--secondary .app-slider__content-target {
    grid-row: 2/3;
    background-color: #f2f6ff;
    padding: .5rem 0 2.3125rem;
    border-radius: 0 0 1.5rem 1.5rem;
    margin-bottom: .625rem
}

.app-slider__content-target .target__title {
    font-weight: 600;
    margin-bottom: .75rem
}

.app-slider__carousel {
    padding: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-slider--secondary .app-slider__carousel {
    grid-row-start: 1
}

@media only screen and (min-width:1024px) {
    .app-slider--primary .app-slider__carousel {
        grid-column: 7/13
    }
}

@media only screen and (min-width:768px) {
    .app-slider--primary .app-slider__carousel {
        grid-row: 2/3
    }
}

@media only screen and (min-width:1024px) {
    .app-slider--primary .app-slider__carousel {
        grid-row: 1/3
    }
}

@media only screen and (min-width:0px) {
    .app-slider__carousel {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .app-slider__carousel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.app-slider--primary .app-slider__carousel {
    /* background-image: url(../img/app-slider/bg.webp); */
    background-size: cover;
    background-position: center;
    border-radius: 2.25rem;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1);
		-webkit-box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1);
}

.pp-product-features--salesforce .app-slider--primary .app-slider__carousel {
    /* background-image: url(../img/app-slider/bg-sf.webp) */
}

.app-slider--secondary .app-slider__carousel {
    background-color: #f2f6ff;
    border-radius: 1.5rem
}

@media (min-width:769px) and (max-width:1023px) {
    .app-slider--secondary .app-slider__carousel {
        border-radius: 1.5rem 1.5rem 0 0
    }
}

.app-slider__slides {
    border-radius: 1.5rem;
    position: relative;
    overflow: hidden
}

.app-slider--primary .app-slider__slides {
    aspect-ratio: calc(528 / 566)
}

.app-slider--secondary .app-slider__slides {
    -webkit-box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .1);
    aspect-ratio: calc(528 / 437)
}

.app-slider__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.app-slider__slide-image {
    width: 100%
}

.pp-product-features .app-slider__slide-image {
    border-radius: 1.5rem
}

.okre-item .app-notification {
    position: absolute
}

.wrap-form {
    padding: 0 0 40px;
    text-align: center
}

.wrap-form h4 {
    color: #36b27e
}

.wrap-form .holder-form {
    margin-bottom: 20px
}

.wrap-form label {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    color: #5d5d6c;
    font-weight: 500
}

.wrap-form label input {
    margin-right: 10px;
    margin-top: 1px;
    width: 15px;
    height: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px
}

.wrap-form.wrap-form-color {
    background: #ebf7f2;
    border-radius: 36px;
    padding: 40px
}

@media only screen and (min-width:0px) {
    .wrap-form.wrap-form-color {
        padding: 1.25rem .9375rem
    }
}

@media only screen and (min-width:768px) {
    .wrap-form.wrap-form-color {
        padding: 2.5rem
    }
}

.wrap-form.wrap-form-color:after {
    display: none
}

.holder-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 800px
}

@media only screen and (min-width:0px) {
    .holder-form {
        margin: 0 auto 2.5rem auto
    }
}

@media only screen and (min-width:1024px) {
    .holder-form {
        margin: 0 auto 3.125rem auto
    }
}

@media only screen and (min-width:0px) {
    .holder-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .holder-form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.holder-form.active {
    opacity: .5
}

.holder-form input {
    font-family: Gilroy;
    font-weight: 500;
    font-size: .875rem;
    width: 100%
}

.holder-form .form-input,
.holder-form input[type=email] {
    border: 1px solid #d5d5dd;
    border-radius: 30px;
    padding: 1.3125rem 1.875rem;
    margin: 0 .625rem 0 0
}

@media only screen and (min-width:0px) {

    .holder-form .form-input,
    .holder-form input[type=email] {
        margin: 0 0 .625rem 0
    }
}

@media only screen and (min-width:768px) {

    .holder-form .form-input,
    .holder-form input[type=email] {
        margin: 0 .625rem 0 0
    }
}

.holder-form .app-form__submit,
.holder-form .ltm-link {
    position: relative;
    cursor: pointer;
    padding: 1.25rem 2.375rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: none
}

@media only screen and (min-width:0px) {

    .holder-form .app-form__submit,
    .holder-form .ltm-link {
        width: 100%
    }
}

@media only screen and (min-width:768px) {

    .holder-form .app-form__submit,
    .holder-form .ltm-link {
        width: auto
    }
}

.holder-form input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 9
}

.app-loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    background: rgba(255, 255, 255, .4)
}

.app-form__submit.js--loading .app-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-loader__circle {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border-top: .1875rem solid rgba(255, 255, 255, .5);
    border-right: .1875rem solid rgba(255, 255, 255, .5);
    border-bottom: .1875rem solid rgba(255, 255, 255, .5);
    border-left: .1875rem solid #fff;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.app-form__submit.js--loading .app-loader__circle {
    display: block;
    -webkit-animation: app-loader 1.1s infinite linear;
    animation: app-loader 1.1s infinite linear
}

@-webkit-keyframes app-loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes app-loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.testimonials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:0px) {
    .testimonials {
        margin: 0 -15px 60px
    }
}

@media only screen and (min-width:768px) {
    .testimonials {
        margin: 0 -15px 60px
    }
}

@media only screen and (min-width:1024px) {
    .testimonials {
        margin: 0 -15px 88px
    }
}

.testimonials h2 {
    text-align: center;
    width: 100%
}

@media only screen and (min-width:0px) {
    .testimonials h2 {
        margin: 0 0 40px
    }
}

@media only screen and (min-width:768px) {
    .testimonials h2 {
        margin: 0 0 60px
    }
}

@media only screen and (min-width:0px) {
    .testimonials h2 {
        margin: 0 0 40px
    }
}

@media only screen and (min-width:768px) {
    .testimonials h2 {
        margin: 0 0 60px
    }
}

@media only screen and (min-width:0px) {
    .testimonials h2 {
        font-size: 2rem
    }
}

@media only screen and (min-width:361px) {
    .testimonials h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width:769px) {
    .testimonials h2 {
        font-size: 4rem
    }
}

.testimonials strong {
    font-size: 1.125rem;
    color: #000
}

.testimonials p {
    margin: 0 0 1.25rem;
    font-size: 1rem;
    color: #5d5d6c
}

.testimonials .testimonials-col {
    width: 100%
}

.testimonials .testimonials-box {
    background: #f6f6f6;
    border-radius: 1.5rem;
    padding: 1.25rem;
    margin: 0 16px 2rem
}

@media only screen and (min-width:0px) {
    .testimonials .testimonials-box {
        width: calc(100% - 32px)
    }
}

@media only screen and (min-width:768px) {
    .testimonials .testimonials-box {
        width: calc(50% - 32px)
    }
}

@media only screen and (min-width:1024px) {
    .testimonials .testimonials-box {
        width: calc(33.33% - 32px)
    }
}

.testimonials .testimonials-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.testimonials .testimonials-name figure {
    background: #fff;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-right: 1.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px
}

.testimonials .testimonials-name figure img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

.testimonials .testimonials-name .desc p {
    margin: 0 0 .9375rem;
    font-size: .75rem
}

.testimonials .testimonials-name .star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.testimonials .testimonials-name .star .holder-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.testimonials .testimonials-name .star svg {
    margin-right: .1875rem
}

.testimonials .testimonials-name .star p {
    margin: 0 0 0 .3125rem
}

.testimonials .testimonials-name a {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto;
    height: 24px
}

.testimonials-one {
    text-align: center;
    border-bottom: #d5d5dd solid 1px;
    margin: 0 0 80px;
    padding: 0 0 80px
}

.testimonials-one .top-testimonials-one {
    display: block;
    margin: 0 0 32px;
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .testimonials-one .top-testimonials-one {
        font-size: 1rem
    }
}

@media only screen and (min-width:769px) {
    .testimonials-one .top-testimonials-one {
        font-size: 1.125rem
    }
}

.testimonials-one h3 {
    margin: 0 0 32px;
    font-weight: 600
}

.testimonials-one h3 span {
    color: #a769f6
}

.testimonials-one .holder-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 24px;
    text-align: left;
    max-width: 365px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.testimonials-one .holder-img figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    overflow: hidden;
    border-radius: 24px;
    margin: 0 24px 0 0;
    height: 80px
}

.testimonials-one .holder-img figure img {
    max-width: 100%;
    height: auto
}

.testimonials-one .holder-img p {
    margin: 0;
    font-weight: 600;
    line-height: 24px
}

.testimonials-one .holder-img p span {
    font-weight: 500;
    font-size: 16px;
    color: #5d5d6c;
    display: block;
    margin: 8px 0 0
}

.testimonials-one .btn {
    border: 2px solid #f6f6f6;
    border-radius: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 364px;
    margin: 0 auto;
    padding: 24px 30px;
    color: #5879ee;
    text-decoration: none;
    font-size: 16px
}

@media only screen and (min-width:0px) {
    .testimonials-one .btn {
        padding: 1.5rem 1.25rem
    }
}

@media only screen and (min-width:767px) {
    .testimonials-one .btn {
        padding: 1.5rem 1.875rem
    }
}

.testimonials-one .btn span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.testimonials-one .btn span svg {
    margin: 0 0 0 15px
}

.services {
    text-align: center;
    margin: 0 0 80px;
    padding: 0 0 80px;
    border-bottom: #d5d5dd solid 1px
}

.services h2 {
    margin: 0 0 32px;
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .services h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width:769px) {
    .services h2 {
        font-size: 4rem
    }
}

.services h3 {
    margin: 0 0 40px;
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .services h3 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:769px) {
    .services h3 {
        font-size: 2rem
    }
}

.services .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.services .row .col {
    margin: 0 15px 32px;
    width: calc(33.3% - 30px);
    padding: 20px;
    border-radius: 24px;
    color: #fff;
    text-align: left;
    position: relative;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:0px) {
    .services .row .col {
        width: calc(100% - 30px)
    }
}

@media only screen and (min-width:768px) {
    .services .row .col {
        width: calc(50% - 30px)
    }
}

@media only screen and (min-width:1024px) {
    .services .row .col {
        width: calc(33.33% - 30px)
    }
}

.services .row .col h3 {
    margin: 0 0 30px
}

.services .row .col p {
    margin: 0 0 20px;
    font-size: 16px
}

.services .row .col svg {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.services .row .col .holder-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.services .row .col .holder-icon h3 {
    margin: 0
}

.services .row .col.col-last {
    margin: 0;
    padding: 0;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media only screen and (min-width:0px) {
    .services .row .col.col-last {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .services .row .col.col-last {
        width: 50%
    }
}

@media only screen and (min-width:1024px) {
    .services .row .col.col-last {
        width: 33.3%
    }
}

.services .row .col.col-last .col {
    width: auto
}

.services .row .col.popup-pdf {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 18px;
    font-weight: 600
}

.services .row .col.popup-pdf svg {
    position: static;
    margin: 0 16px 0 0
}

.services .top-col {
    background: #fff;
    border-radius: 20px;
    font-size: 12px;
    padding: 6px 20px 5px;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto 24px 0
}

.services .bottom-col {
    border-bottom: rgba(255, 255, 255, .2) solid 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    padding: 0 0 20px;
    margin: auto 0 20px
}

.services .bottom-col * {
    width: 50%
}

.services .price {
    font-size: 20px;
    font-weight: 600
}

.popup-wrap {
    position: fixed;
    background: rgba(0, 0, 0, .25);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.popup-wrap.show {
    visibility: visible;
    opacity: 1
}

.popup-wrap .popup {
    position: absolute;
    width: 90%;
    max-width: 1216px;
    background: #f6f6f6;
    border-radius: 36px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    padding: 60px 15px;
    text-align: center
}

.popup-wrap .popup .holder-content {
    max-width: 950px;
    margin: 0 auto;
    overflow: auto;
    max-height: 90vh
}

.popup-wrap .close {
    position: absolute;
    right: 45px;
    top: 45px;
    cursor: pointer
}

.popup-wrap#popup-pdf h2 {
    margin: 0 0 40px
}

.popup-wrap#popup-pdf .wrap-form {
    max-width: 592px;
    margin: 0 auto
}

.popup-wrap#popup-pdf .wrap-form p {
    font-size: 12px;
    color: #5d5d6c;
    font-weight: 500;
    margin: 20px 0;
    padding: 20px 0 0;
    border-top: #d5d5dd solid 1px
}

.popup-wrap#popup-pdf .wrap-form input[type=checkbox] {
    margin: 0 10px 0 0
}

.popup-wrap#popup-pdf .wrap-form label {
    font-size: 12px;
    color: #5d5d6c;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-wrap#popup-pdf .app-form__submit,
.popup-wrap#popup-pdf .ltm-link {
    margin: 15px auto 25px
}

.popup-wrap#popup-pdf .holder-form {
    margin: 0 0 10px
}

.app-footer {
    background-color: #16161d;
    color: #fff
}

@media only screen and (min-width:0px) {
    .app-footer {
        padding: 4.375rem 0 4.375rem
    }
}

@media only screen and (min-width:1590px) {
    .app-footer {
        padding: 10rem 0 2.3125rem
    }
}

.app-footer__top {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 20.875rem
}

@media only screen and (min-width:1024px) {
    .app-footer__top {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:0px) {
    .app-footer__top {
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__top {
        margin-bottom: 7.5rem
    }
}

@media only screen and (min-width:1280px) {
    .app-footer__top {
        margin-bottom: 10rem
    }
}

@media only screen and (min-width:0px) {
    .app-footer__top {
        gap: 2.625rem 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__top {
        gap: 3rem 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .app-footer__top {
        gap: 3rem 2rem
    }
}

.app-footer__top-title {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 1rem 0 2rem;
    font-style: normal;
    font-weight: 600;
    font-size: 4rem;
    line-height: 4.5rem
}

@media (max-width:768px) {
    .app-footer__top-title {
        margin: 1rem 0;
        font-style: normal;
        font-weight: 600;
        font-size: 2rem;
        line-height: 125%
    }
}

@media only screen and (min-width:0px) {
    .app-footer__top-title {
        text-align: center
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__top-title {
        text-align: left
    }
}

@media only screen and (min-width:0px) {
    .app-footer__top-title {
        margin: 0
    }
}

.app-footer__top-badges {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem 1.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:0px) {
    .app-footer__top-badges {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__top-badges {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer-top__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-footer__top-hero {
    display: block
}

@media only screen and (min-width:0px) {
    .app-footer__top-hero {
        grid-area: 2/1/3/2
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__top-hero {
        grid-area: 1/2/3/3
    }
}

@media only screen and (min-width:0px) {
    .app-footer__top-hero {
        max-width: 60%
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__top-hero {
        max-width: 70%
    }
}

@media only screen and (min-width:1280px) {
    .app-footer__top-hero {
        max-width: 100%
    }
}

@media only screen and (min-width:0px) {
    .app-footer__top-hero {
        margin: 0 auto 1.125rem
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__top-hero {
        margin: 0 auto
    }
}

.app-footer__middle {
    -webkit-box-shadow: inset 0 .0625rem 0 #5d5d6c;
    box-shadow: inset 0 .0625rem 0 #5d5d6c
}

@media only screen and (min-width:0px) {
    .app-footer__middle {
        padding-top: 2.8125rem
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__middle {
        padding-top: 4rem
    }
}

@media only screen and (min-width:0px) {
    .app-footer__middle {
        margin-bottom: 3.375rem
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__middle {
        margin-bottom: 4rem
    }
}

.footer-middle__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:0px) {
    .footer-middle__links {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .footer-middle__links {
        width: 70%
    }
}

@media only screen and (min-width:1280px) {
    .footer-middle__links {
        width: 70%
    }
}

@media only screen and (min-width:0px) {
    .footer-middle__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:1024px) {
    .footer-middle__links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:1024px) {
    .footer-middle__links {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:0px) {
    .footer-middle__links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width:1024px) {
    .footer-middle__links {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width:0px) {
    .footer-middle__links {
        gap: 1.1875rem
    }
}

@media only screen and (min-width:1024px) {
    .footer-middle__links {
        gap: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .footer-middle__links {
        gap: 2rem
    }
}

@media only screen and (min-width:0px) {

    .footer-middle__links-item .item-list__link.white:not(:last-child),
    .footer-middle__links-item .item-list__plug.white:not(:last-child),
    .footer-middle__links-item .item-title {
        margin-bottom: .5625rem
    }
}

@media only screen and (min-width:1024px) {

    .footer-middle__links-item .item-list__link.white:not(:last-child),
    .footer-middle__links-item .item-list__plug.white:not(:last-child),
    .footer-middle__links-item .item-title {
        margin-bottom: 1.1875rem
    }
}

.footer-middle__links-item .item-title {
    color: #fff
}

@media only screen and (min-width:0px) {
    .footer-middle__links-item .item-title {
        text-align: center
    }
}

@media only screen and (min-width:1024px) {
    .footer-middle__links-item .item-title {
        text-align: left
    }
}

.footer-middle__links-item .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:0px) {
    .footer-middle__links-item .item-list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width:1024px) {
    .footer-middle__links-item .item-list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.footer-middle__links-item .item-list__link,
.footer-middle__links-item .item-list__plug {
    text-decoration: none
}

.footer-middle__links-item .item-list__link:not(.white),
.footer-middle__links-item .item-list__plug:not(.white) {
    color: #7d7d7d;
    margin-bottom: 5px
}

.footer-middle__links-item .item-list__link.white,
.footer-middle__links-item .item-list__plug.white {
    color: #fff
}

.footer-middle__links-item .item-list__plug {
    cursor: default;
    position: relative
}

.footer-middle__links-item .item-list__plug:after,
.footer-middle__links-item .item-list__plug:before {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footer-middle__links-item .item-list__plug:after {
    content: "Cooming soon";
    top: 0;
    left: 50%;
    background: rgba(88, 121, 238, .8);
    border-radius: .25rem;
    color: #fff;
    padding: .25rem .5rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transform: translate(-50%, -80%);
    -ms-transform: translate(-50%, -80%);
    transform: translate(-50%, -80%)
}

.footer-middle__links-item .item-list__plug:before {
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: .25rem solid transparent;
    border-right: .25rem solid transparent;
    pointer-events: none;
    border-top: .25rem solid rgba(88, 121, 238, .8);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-middle__links-item .item-list__plug:hover:after,
.footer-middle__links-item .item-list__plug:hover:before {
    opacity: 1
}

.footer-middle__links-item .item-list__plug:hover:after {
    -webkit-transform: translate(-50%, -110%);
    -ms-transform: translate(-50%, -110%);
    transform: translate(-50%, -110%)
}

.footer-middle__links-item .item-list__plug:hover:before {
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%)
}

.app-footer__bottom {
    display: grid;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .app-footer__bottom {
        grid-template-columns: 1fr auto 1fr
    }
}

@media only screen and (min-width:0px) {
    .app-footer__bottom {
        gap: 1.5625rem
    }
}

@media only screen and (min-width:769px) {
    .app-footer__bottom {
        gap: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .app-footer__bottom {
        gap: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .app-footer__bottom {
        gap: 2rem
    }
}

.footer-bottom__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .625rem 1.25rem
}

@media only screen and (min-width:0px) {
    .footer-bottom__logo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:1024px) {
    .footer-bottom__logo {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer-bottom__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.875rem;
    margin: 0 auto
}

.footer-bottom__links-item {
    color: #5d5d6c;
    text-decoration: none
}

.footer-bottom__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem
}

@media only screen and (min-width:0px) {
    .footer-bottom__socials {
        margin: 0 auto
    }
}

@media only screen and (min-width:1024px) {
    .footer-bottom__socials {
        margin: 0 0 0 auto
    }
}

.footer-bottom__socials .social-link {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    color: #5d5d6c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (any-hover:hover) {
    .footer-bottom__socials .social-link:hover {
        color: var(--color)
    }
}

.app-pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.25rem 0
}

@media only screen and (min-width:0px) {
    .app-pagination .nav-links {
        margin: 1.25rem 0 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .app-pagination .nav-links {
        margin: 5rem 0
    }
}

.app-pagination .page-numbers {
    color: #16161d;
    text-decoration: none;
    padding: .625rem 1.25rem;
    border-radius: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

@media (any-hover:hover) {
    .app-pagination .page-numbers:not(.dots):not(.current):hover {
        background-color: #f6f6f6
    }
}

.app-pagination .page-numbers.dots {
    font-size: 0;
    line-height: 0
}

.app-pagination .page-numbers.dots:after {
    display: inline-block;
    content: "⋯";
    font-size: 1.25rem;
    line-height: 1
}

.app-pagination .page-numbers.current {
    background-color: #16161d;
    color: #fff;
    cursor: default
}

.app-pagination .page-numbers.next,
.app-pagination .page-numbers.prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-pagination .page-numbers.prev:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.app-category-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none
}

@media only screen and (min-width:0px) {
    .app-category-link {
        min-width: 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .app-category-link {
        min-width: 4.0625rem
    }
}

.post-header__categories .app-category-link,
.post-info__categories .app-category-link {
    padding: .25rem;
    color: #fff;
    background-color: var(--color)
}

@media (any-hover:hover) {

    .post-header__categories .app-category-link:hover,
    .post-info__categories .app-category-link:hover {
        z-index: 1
    }
}

.post-header__categories .app-category-link:not(:first-child),
.post-info__categories .app-category-link:not(:first-child) {
    margin-left: -2.5rem
}

.blog-page__categories .app-category-link,
.sidebar__categories .app-category-link {
    border: .125rem solid var(--color);
    color: #16161d;
    padding: .125rem 1.25rem;
    -webkit-transition: background-color, color, .3s ease-in-out;
    -o-transition: background-color, color, .3s ease-in-out;
    transition: background-color, color, .3s ease-in-out
}

@media (any-hover:hover) {

    .blog-page__categories .app-category-link:hover,
    .sidebar__categories .app-category-link:hover {
        background-color: var(--color);
        color: #fff
    }
}

.blog-page__categories .app-category-link--all,
.sidebar__categories .app-category-link--all {
    position: relative;
    overflow: hidden;
    background-image: -o-radial-gradient(100% 0, 100% 191.36%, #f64963 0, #ff8541 100%);
    background-image: radial-gradient(100% 191.36% at 100% 0, #f64963 0, #ff8541 100%)
}

.blog-page__categories .app-category-link--all .link-text,
.sidebar__categories .app-category-link--all .link-text {
    position: relative;
    z-index: 1
}

@media (any-hover:hover) {

    .blog-page__categories .app-category-link--all:hover:before,
    .sidebar__categories .app-category-link--all:hover:before {
        opacity: 0
    }
}

.blog-page__categories .app-category-link--all:before,
.sidebar__categories .app-category-link--all:before {
    pointer-events: none;
    content: '';
    border-radius: inherit;
    position: absolute;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    background-color: #fff;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.blog-page__categories .app-category-link--active,
.sidebar__categories .app-category-link--active {
    background-color: var(--color);
    color: #fff
}

.blog-page__categories .app-category-link--active:before,
.sidebar__categories .app-category-link--active:before {
    opacity: 0
}

.missing-page {
    margin: 10rem 0 5rem
}

.no-results__content {
    grid-column: span 3
}

.missing-page__content,
.no-results__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.missing-page__text,
.missing-page__title,
.no-results__text,
.no-results__title {
    text-align: center
}

.missing-page__hero,
.no-results__hero {
    max-width: 100%
}

.missing-page__text,
.no-results__text {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    -webkit-box-shadow: inset 0 -1px 0 #f6f6f6;
    box-shadow: inset 0 -1px 0 #f6f6f6
}

.search-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: .0625rem solid #d5d5dd;
    border-radius: 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem;
    max-width: 100%
}

.search-form .search-field {
    height: 100%;
    padding: 0 .9375rem;
    font-family: Gilroy, sans-serif;
    color: #5d5d6c;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width:0px) {
    .search-form .search-field {
        max-width: 9.375rem
    }
}

@media only screen and (min-width:360px) {
    .search-form .search-field {
        max-width: unset
    }
}

.search-form .search-submit {
    border-radius: 2.5rem;
    width: 6.25rem;
    height: 3.75rem;
    cursor: pointer;
    color: #fff;
    z-index: 1;
    font-family: Gilroy, sans-serif;
    background-image: -o-radial-gradient(100% 0, 100% 191.36%, #a769f6 0, #5879ee 100%);
    background-image: radial-gradient(100% 191.36% at 100% 0, #a769f6 0, #5879ee 100%)
}

.holder-newsletter {
    text-align: center
}

.holder-newsletter h1 {
    margin: 0 0 2rem
}

@media only screen and (min-width:0px) {
    .holder-newsletter h1 br {
        display: block
    }
}

@media only screen and (min-width:767px) {
    .holder-newsletter h1 br {
        display: none
    }
}

.holder-newsletter h2 {
    margin: 0 0 2.875rem
}

@media only screen and (min-width:0px) {
    .holder-newsletter h2 {
        margin: 0 0 2.5rem
    }
}

@media only screen and (min-width:1024px) {
    .holder-newsletter h2 {
        margin: 0 0 2.875rem
    }
}

.holder-newsletter .cp-services__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:1023px) {
    .holder-newsletter .cp-services__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (min-width:0px) {
    .holder-newsletter .cp-services__list {
        gap: 0
    }
}

@media only screen and (min-width:1024px) {
    .holder-newsletter .cp-services__list {
        gap: 1.25rem
    }
}

@media only screen and (min-width:1280px) {
    .holder-newsletter .cp-services__list {
        gap: 2rem
    }
}

@media only screen and (min-width:0px) {
    .holder-newsletter .cp-services__list {
        row-gap: 1.875rem
    }
}

@media only screen and (min-width:1024px) {
    .holder-newsletter .cp-services__list {
        row-gap: 0
    }
}

.holder-newsletter .cp-services__list .cp-service {
    width: calc(33.3% - 2rem)
}

@media only screen and (min-width:0px) {
    .holder-newsletter .cp-services__list .cp-service {
        padding: 2.5rem 2.25rem
    }
}

@media only screen and (min-width:1280px) {
    .holder-newsletter .cp-services__list .cp-service {
        padding: 2.5rem 4.375rem
    }
}

@media only screen and (min-width:0px) {
    .holder-newsletter .cp-services__list .cp-service {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .holder-newsletter .cp-services__list .cp-service {
        width: calc(33.3% - 1.25rem)
    }
}

@media only screen and (min-width:1280px) {
    .holder-newsletter .cp-services__list .cp-service {
        width: calc(33.3% - 2rem)
    }
}

.holder-newsletter .cp-services__list .cp-service__title {
    font-size: 1.125rem
}

.holder-newsletter figure {
    margin: 0 0 1.875rem
}

.holder-newsletter figure img {
    max-width: 100%;
    height: auto
}

.holder-newsletter p {
    font-size: 1.5rem;
    font-weight: 500;
    color: #16161d;
    margin: 15px auto
}

@media only screen and (min-width:0px) {
    .holder-newsletter p {
        max-width: none
    }
}

@media only screen and (min-width:1024px) {
    .holder-newsletter p {
        max-width: 59.375rem
    }
}

@media only screen and (min-width:1280px) {
    .holder-newsletter p {
        max-width: 66.25rem
    }
}

@media only screen and (min-width:1700px) {
    .holder-newsletter p {
        max-width: none
    }
}

.holder-newsletter .box-text {
    border: 2px solid #f6f6f6;
    border-radius: 2.25rem
}

@media only screen and (min-width:0px) {
    .holder-newsletter .box-text {
        margin: 0 0 2.5rem
    }
}

@media only screen and (min-width:1024px) {
    .holder-newsletter .box-text {
        margin: 0 0 3.125rem
    }
}

.holder-newsletter .box-text p {
    font-size: 1rem;
    color: #5d5d6c
}

.holder-newsletter .box-text p strong {
    font-size: 1.5rem;
    color: #16161d;
    font-weight: 600
}

.box-form {
    background: #f8f2ff;
    border-radius: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:0px) {
    .box-form {
        padding: 1.5rem
    }
}

@media only screen and (min-width:768px) {
    .box-form {
        padding: 2.5rem
    }
}

@media only screen and (min-width:0px) {
    .box-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width:1024px) {
    .box-form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.box-form.box-form-title-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.box-form.box-form-title-top>* {
    max-width: none
}

@media only screen and (min-width:0px) {
    .box-form.box-form-title-top>* {
        width: 100%
    }
}

.box-form.box-form-title-top .desc {
    padding-right: 0
}

@media only screen and (min-width:0px) {

    .box-form.box-form-title-top h1,
    .box-form.box-form-title-top h2,
    .box-form.box-form-title-top h3 {
        margin: 0 0 1.5rem
    }
}

@media only screen and (min-width:1024px) {

    .box-form.box-form-title-top h1,
    .box-form.box-form-title-top h2,
    .box-form.box-form-title-top h3 {
        margin: 0 0 2.5rem
    }
}

.box-form.box-form-title-top .holder-form {
    max-width: none
}

@media only screen and (min-width:0px) {
    .box-form>* {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .box-form>* {
        width: 50%
    }
}

.box-form .holder-form {
    margin: 0
}

@media only screen and (min-width:0px) {
    .box-form .desc {
        padding-right: 0
    }
}

@media only screen and (min-width:768px) {
    .box-form .desc {
        padding-right: 2.1875rem
    }
}

@media only screen and (min-width:1280px) {
    .box-form .desc {
        padding-right: 3.125rem
    }
}

@media only screen and (min-width:0px) {
    .box-form .desc br {
        display: block
    }
}

@media only screen and (min-width:1120px) {
    .box-form .desc br {
        display: none
    }
}

.box-form p {
    font-size: 1rem;
    color: #5d5d6c
}

.message-form,
.message-form-error {
    grid-column: span 3;
    border: 2px solid #f8f2ff;
    border-radius: 36px;
    text-align: center;
    display: none
}

@media only screen and (min-width:0px) {

    .message-form,
    .message-form-error {
        padding: .625rem 0
    }
}

@media only screen and (min-width:1024px) {

    .message-form,
    .message-form-error {
        padding: 1.25rem 0
    }
}

@media only screen and (min-width:0px) {

    .message-form,
    .message-form-error {
        margin: .625rem 0
    }
}

@media only screen and (min-width:1024px) {

    .message-form,
    .message-form-error {
        margin: 1.25rem 0
    }
}

.message-form svg,
.message-form-error svg {
    margin: 0 0 24px
}

.message-form h4,
.message-form-error h4 {
    margin: 0 0 10px
}

.okr-app-page img {
    max-width: 100%;
    height: auto
}

.okr-app-page .wrap-form {
    position: relative
}

.okr-app-page .wrap-form::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    width: 100%;
    max-width: 340px;
    background: #d5d5dd;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.okr-app-page .okr-app-top {
    text-align: center;
    position: relative;
    margin: 0 0 40px
}

.okr-app-page .okr-app-top p {
    font-weight: 600;
    font-size: 32px
}

.okr-app-page .okr-app-top .text-top {
    font-size: 24px
}

@media (max-width:1200px) {
    .okr-app-page .okr-app-top h1 .dynamic-text {
        display: block
    }
}

.okr-app-page .okr-app-top h1 span {
    color: #5879ee
}

.okr-app-page h2 {
    text-align: center
}

.okr-app-page .holder-platform {
    margin: 64px 0 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: center
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.okr-app-page .holder-platform .col {
    width: 50%;
    position: relative
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col {
        width: auto
    }
}

.okr-app-page .holder-platform .col.active .platform-title {
    background: #36b27e
}

.okr-app-page .holder-platform .col.active::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 50%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(54, 178, 126, 0)), to(rgba(54, 178, 126, .65))) !important;
    background: -o-linear-gradient(left, rgba(54, 178, 126, 0) 0, rgba(54, 178, 126, .65) 100%) !important;
    background: linear-gradient(to right, rgba(54, 178, 126, 0) 0, rgba(54, 178, 126, .65) 100%) !important
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.active::after {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 178, 126, 0)), to(rgba(54, 178, 126, .65))) !important;
        background: -o-linear-gradient(top, rgba(54, 178, 126, 0) 0, rgba(54, 178, 126, .65) 100%) !important;
        background: linear-gradient(to bottom, rgba(54, 178, 126, 0) 0, rgba(54, 178, 126, .65) 100%) !important
    }
}

.okr-app-page .holder-platform .col.col-left {
    text-align: right;
    padding-right: 100px
}

@media (max-width:1279px) {
    .okr-app-page .holder-platform .col.col-left {
        padding-right: 50px
    }
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-left {
        padding: 40px 0 0;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0 auto
    }
}

.okr-app-page .holder-platform .col.col-left .platform-logo {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-left .platform-logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 65px
    }
}

.okr-app-page .holder-platform .col.col-left .platform-title {
    margin-right: 50px
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-left .platform-title {
        margin: 20px 0 40px
    }
}

.okr-app-page .holder-platform .col.col-left::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 50%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(213, 213, 221, 0)), to(rgba(213, 213, 221, .65)));
    background: -o-linear-gradient(left, rgba(213, 213, 221, 0) 0, rgba(213, 213, 221, .65) 100%);
    background: linear-gradient(to right, rgba(213, 213, 221, 0) 0, rgba(213, 213, 221, .65) 100%)
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-left::after {
        width: 2px;
        height: 60%;
        left: 52.5%;
        top: 0
    }
}

.okr-app-page .holder-platform .col.col-left::before {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    width: 50%;
    height: 2px;
    background: #d5d5dd
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-left::before {
        width: 2px;
        height: 40%;
        bottom: 0;
        top: auto;
        right: auto;
        left: 52.5%
    }
}

.okr-app-page .holder-platform .col.col-right {
    padding-left: 100px;
    text-align: left
}

@media (max-width:1279px) {
    .okr-app-page .holder-platform .col.col-right {
        padding-left: 50px
    }
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-right {
        padding: 0;
        text-align: center;
        margin: 0 auto
    }
}

.okr-app-page .holder-platform .col.col-right .platform-logo {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-right .platform-logo {
        margin: 0 0 40px 55px;
        max-width: 250px;
        text-align: left
    }
}

.okr-app-page .holder-platform .col.col-right .platform-title {
    margin-left: 50px
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-right .platform-title {
        margin: 0 0 20px -8px
    }
}

.okr-app-page .holder-platform .col.col-right::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    width: 50%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(213, 213, 221, .65)), to(rgba(213, 213, 221, 0)));
    background: -o-linear-gradient(left, rgba(213, 213, 221, .65) 0, rgba(213, 213, 221, 0) 100%);
    background: linear-gradient(to right, rgba(213, 213, 221, .65) 0, rgba(213, 213, 221, 0) 100%)
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-right::after {
        width: 2px;
        height: 80%;
        bottom: 0;
        top: auto;
        right: auto;
        left: 52.5%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(213, 213, 221, .65)), to(rgba(213, 213, 221, 0)));
        background: -o-linear-gradient(top, rgba(213, 213, 221, .65) 0, rgba(213, 213, 221, 0) 100%);
        background: linear-gradient(to bottom, rgba(213, 213, 221, .65) 0, rgba(213, 213, 221, 0) 100%)
    }
}

.okr-app-page .holder-platform .col.col-right::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 50%;
    height: 2px;
    background: #d5d5dd
}

@media (max-width:1023px) {
    .okr-app-page .holder-platform .col.col-right::before {
        display: none
    }
}

.okr-app-page .holder-platform .platform-title {
    padding: 4px 20px;
    background: #a6a6b1;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 40px;
    position: relative;
    z-index: 3
}

.okr-app-page .holder-platform .platform-title span {
    padding: 0 10px
}

.okr-app-page .holder-platform .platform-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.okr-app-page .holder-platform .platform-logo span {
    color: #a6a6b1
}

.okr-app-page .holder-platform .platform-logo .platform-plus {
    padding: 0 24px;
    background: #fff;
    position: relative;
    z-index: 1
}

.okr-app-page .holder-platform .platform-logo svg {
    margin-right: 10px
}

.okr-app-page .sp-features__list {
    text-align: center;
    margin: 0 0 30px
}

.okr-app-page figure {
    text-align: center;
    margin: 0 0 30px
}

.changelog-page .holder-changelog img {
    width: 100%;
	max-width: 100%;
    height: auto
}

.changelog-page .holder-changelog p {
    margin: 0 0 3.75rem
}

.changelog-page .holder-changelog .box-changelog {
    margin: 0 0 4.1875rem
}

@media only screen and (min-width:0px) {
    .changelog-page .holder-changelog .box-changelog {
        display: block
    }
}

@media only screen and (min-width:769px) {
    .changelog-page .holder-changelog .box-changelog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.changelog-page .holder-changelog .box-changelog .desc-changelog .changelog-title {
    font-size: 4rem
}

.changelog-page .holder-changelog .box-changelog .desc-changelog h1,
.changelog-page .holder-changelog .box-changelog .desc-changelog h2,
.changelog-page .holder-changelog .box-changelog .desc-changelog h3,
.changelog-page .holder-changelog .box-changelog .desc-changelog h4,
.changelog-page .holder-changelog .box-changelog .desc-changelog h5,
.changelog-page .holder-changelog .box-changelog .desc-changelog h6 {
    color: #172b4d
}

.changelog-page .holder-changelog .box-changelog .desc-changelog h1 {
    font-size: 4rem
}

.changelog-page .holder-changelog .box-changelog .desc-changelog h2 {
    font-size: 3rem
}

.changelog-page .holder-changelog .box-changelog .desc-changelog h3 {
    font-size: 2rem
}

.changelog-page .holder-changelog .box-changelog .desc-changelog h4 {
    font-size: 1.5rem
}

.changelog-page .holder-changelog .box-changelog .desc-changelog h5 {
    font-size: 1.25rem
}

.changelog-page .holder-changelog .box-changelog .date-changelog {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    color: #5d5d6c;
    font-size: .75rem
}

@media only screen and (min-width:0px) {
    .changelog-page .holder-changelog .box-changelog .date-changelog {
        padding: 0
    }
}

@media only screen and (min-width:769px) {
    .changelog-page .holder-changelog .box-changelog .date-changelog {
        padding: 2.9375rem 0 0
    }
}

.changelog-page .holder-changelog .holder-iframe,
.changelog-page .holder-changelog figure {
    margin: 0 auto 60px;
    display: block;
    /* width: 100%; */
    max-width: 735px;
    border-radius: 1.5rem;
    background: #f6f6f6
}

@media only screen and (min-width:0px) {

    .changelog-page .holder-changelog .holder-iframe,
    .changelog-page .holder-changelog figure {
        padding: 1.25rem
    }
}

@media only screen and (min-width:769px) {

    .changelog-page .holder-changelog .holder-iframe,
    .changelog-page .holder-changelog figure {
        padding: 2rem
    }
}

.changelog-page .holder-changelog .holder-iframe iframe,
.changelog-page .holder-changelog figure iframe {
    display: block;
    width: 100%;
    border-radius: 1.25rem
}

.changelog-page .holder-changelog .holder-iframe img,
.changelog-page .holder-changelog figure img {
    border-radius: 1.25rem
}

.changelog-page .holder-changelog .holder-iframe video,
.changelog-page .holder-changelog figure video {
    border-radius: 1.25rem
}

.changelog-page .holder-changelog .badge {
    border-radius: 20px;
    padding: 4px 20px;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 1.5rem
}

.changelog-page .holder-changelog .badge-fix {
    background: #36b27e
}

.changelog-page .holder-changelog .badge-improvements {
    background: #5879ee
}

.changelog-page .holder-changelog .badge-new {
    background: #f64963
}

.changelog-page .holder-changelog ul, .changelog-page .holder-changelog ol {
    list-style-position: inside;
    margin: 0 0 2.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.changelog-page .holder-changelog .autor-changelog {
    font-size: .75rem;
    font-weight: 500;
    margin: 0 0 1.25rem
}

.changelog-page.changelog-iframe-page {
    overflow: hidden;
    font-family: 'SF Pro'
}

@media only screen and (min-width:0px) {
    .changelog-page.changelog-iframe-page {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width:769px) {
    .changelog-page.changelog-iframe-page {
        margin-top: 1rem
    }
}

.changelog-page.changelog-iframe-page .holder-oboard_loadmore {
    padding: 0 0 3.125rem
}

.changelog-page.changelog-iframe-page p {
    font-size: .875rem;
    color: #42526e;
    margin: 0 0 2.5rem
}

.changelog-page.changelog-iframe-page .blog-page__title {
    color: #172b4d
}

.changelog-page.changelog-iframe-page .blog-page__subtitle {
    max-width: 1050px;
    font-size: 2rem;
    margin: 0 auto 2rem;
    line-height: 2.5rem;
    color: #172b4d
}

.changelog-page.changelog-iframe-page .box-form h5 {
    color: #172b4d
}

.changelog-page.changelog-iframe-page .box-form p {
    font-size: .875rem;
    color: #42526e
}

.changelog-page.changelog-iframe-page .holder-form .form-input,
.changelog-page.changelog-iframe-page .holder-form input[type=email] {
    border-radius: .375rem;
    padding: .625rem
}

.changelog-page.changelog-iframe-page .holder-form .app-form__submit,
.changelog-page.changelog-iframe-page .holder-form .ltm-link {
    padding: .625rem 1rem;
    border-radius: .375rem;
    background: #0052cc
}

.changelog-page.changelog-iframe-page .holder-form .app-form__submit .app-form__submit-text,
.changelog-page.changelog-iframe-page .holder-form .app-form__submit .ltm-link__text,
.changelog-page.changelog-iframe-page .holder-form .ltm-link .app-form__submit-text,
.changelog-page.changelog-iframe-page .holder-form .ltm-link .ltm-link__text {
    font-weight: 400;
    font-size: .875rem
}

.changelog-page.changelog-iframe-page .holder-form input {
    font-family: 'SF Pro';
    font-weight: 400
}

.changelog-page.changelog-iframe-page .blog-page__categories .app-category-link {
    font-weight: 600;
    font-size: .75rem;
    border-radius: .375rem;
    padding: .125rem .25rem;
    min-width: 1.5625rem;
    color: var(--color);
    text-transform: uppercase
}

.changelog-page.changelog-iframe-page .blog-page__categories .app-category-link:hover {
    color: #fff
}

.changelog-page.changelog-iframe-page .blog-page__categories .app-category-link--all {
    background: #172b4d;
    color: #fff
}

.changelog-page.changelog-iframe-page .blog-page__categories .app-category-link--active {
    color: #fff
}

.changelog-page.changelog-iframe-page .holder-changelog {
    color: #42526e
}

.changelog-page.changelog-iframe-page .holder-changelog ul {
    font-size: .875rem;
    line-height: 1.25rem
}

.changelog-page.changelog-iframe-page .holder-changelog .box-changelog .desc-changelog .changelog-title {
    font-size: 2rem;
    color: #172b4d
}

.changelog-page.changelog-iframe-page .holder-changelog .box-changelog .desc-changelog h1 {
    font-size: 2rem
}

.changelog-page.changelog-iframe-page .holder-changelog .box-changelog .desc-changelog h2 {
    font-size: 1.5rem
}

.changelog-page.changelog-iframe-page .holder-changelog .box-changelog .desc-changelog h3 {
    font-size: 1.25rem
}

.changelog-page.changelog-iframe-page .holder-changelog .box-changelog .desc-changelog h4 {
    font-size: .875rem
}

.changelog-page.changelog-iframe-page .holder-changelog .box-changelog .holder-iframe {
    margin-bottom: 2.5rem
}

.changelog-page.changelog-iframe-page .holder-changelog .box-changelog .date-changelog {
    color: #6b778c
}

@media only screen and (min-width:0px) {
    .changelog-page.changelog-iframe-page .holder-changelog .box-changelog .date-changelog {
        padding: 0
    }
}

@media only screen and (min-width:769px) {
    .changelog-page.changelog-iframe-page .holder-changelog .box-changelog .date-changelog {
        padding: 1.75rem 0 0
    }
}

.changelog-page.changelog-iframe-page .holder-changelog .box-changelog .badge {
    font-size: .75rem;
    font-weight: 600;
    padding: .125rem .25rem;
    border-radius: .375rem;
    text-transform: uppercase;
    margin-bottom: 1.0625rem
}

.changelog-page .reaction-changelog {
    border-top: #d5d5dd solid 1px;
    padding: 1.25rem 0 0;
    font-size: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.changelog-page .reaction-changelog p {
    margin: 0 .625rem 0 0
}

.changelog-page .reaction-changelog img {
    margin: 0 .625rem;
    cursor: pointer;
    width: 32px
}

.changelog-page .reaction-changelog img.active {
    -webkit-filter: invert(0) sepia(10%) saturate(0) hue-rotate(100deg) brightness(100%) contrast(100%);
    filter: invert(0) sepia(10%) saturate(0) hue-rotate(100deg) brightness(100%) contrast(100%);
    opacity: .6
}

@media only screen and (min-width:0px) {
    .blog-preview {
        margin: 0 0 3.75rem
    }
}

@media only screen and (min-width:1024px) {
    .blog-preview {
        margin: 0 0 7.5rem
    }
}

.customer-page {
    overflow: hidden
}

@media only screen and (min-width:0px) {
    .customer-page .blog-preview {
        margin: 0 0 1.25rem
    }
}

@media only screen and (min-width:1024px) {
    .customer-page .blog-preview {
        margin: 0 0 2.5rem
    }
}

@media only screen and (min-width:0px) {
    .customer-page .au-intro__title {
        margin-bottom: 3rem
    }
}

@media only screen and (min-width:769px) {
    .customer-page .au-intro__title {
        margin-bottom: 3.75rem
    }
}

@media only screen and (min-width:0px) {
    .customer-page .hp-brands {
        margin: 3.25rem 0 4.625rem
    }
}

@media only screen and (min-width:769px) {
    .customer-page .hp-brands {
        margin: 5rem 0 3.75rem
    }
}

.holder-hero {
    background: #f6f6f6;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (min-width:0px) {
    .holder-hero {
        padding: 1.25rem
    }
}

@media only screen and (min-width:768px) {
    .holder-hero {
        padding: 2.5rem
    }
}

.holder-hero .app-link-more {
    border: 2px solid #16161d
}

.holder-hero h2 {
    overflow: hidden
}

@media only screen and (min-width:0px) {
    .holder-hero h2 {
        padding: 0
    }
}

@media only screen and (min-width:767px) {
    .holder-hero h2 {
        padding: 0 1.875rem 0 0
    }
}

@media only screen and (min-width:0px) {
    .holder-hero h2 {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:361px) {
    .holder-hero h2 {
        font-size: 2rem
    }
}

@media only screen and (min-width:769px) {
    .holder-hero h2 {
        font-size: 2.25rem
    }
}

@media only screen and (min-width:1024px) {
    .holder-hero h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width:0px) {
    .holder-hero figure {
        width: auto
    }
}

@media only screen and (min-width:768px) {
    .holder-hero figure {
        width: 50%
    }
}

@media only screen and (min-width:0px) {
    .holder-hero figure {
        float: none
    }
}

@media only screen and (min-width:768px) {
    .holder-hero figure {
        float: right
    }
}

@media only screen and (min-width:0px) {
    .holder-hero figure {
        text-align: center
    }
}

@media only screen and (min-width:768px) {
    .holder-hero figure {
        text-align: right
    }
}

.holder-hero figure img {
    max-width: 100%
}

.holder-hero .list-item__badge {
    margin: 0 0 20px;
    display: inline-block;
    vertical-align: top
}

/* customers */
/* header */
.page-template-template-become-partners g.app-logo__word path,
.page-template-page-study g.app-logo__word path {
	fill: rgb(255, 255, 255);
}

.page-template-template-become-partners .app-header,
.page-template-page-study .app-header {
	background-color: rgb(22, 22, 29);
	transition: all .3s ease-in-out;
}

.page-template-template-become-partners .app-header.fixed,
.page-template-page-study .app-header.fixed {
	background-color: rgba(22, 22, 29, .9);
}

.page-template-template-become-partners .app-header__nav-list .menu-item-has-children>span,
.page-template-page-study .app-header__nav-list .menu-item-has-children>span {
	color: #fff;
}

.page-template-template-become-partners .app-header__nav-list .menu-item-has-children>span:after,
.page-template-page-study .app-header__nav-list .menu-item-has-children>span:after {
	filter: brightness(16.5);
}

.page-template-template-become-partners .app-header .ltm-link--white,
.page-template-page-study .app-header .ltm-link--white {
	background-color: #fff;
	color: #16161D;
	font-weight: 400;
	font-size: 14px;
	border: 2px solid #fff;
}

.page-template-template-become-partners .app-header .ltm-link--white:hover,
.page-template-page-study .app-header .ltm-link--white:hover {
	color: #fff;
	background-color: #16161D;
}

.page-template-template-become-partners .app-header__btns .app-category-link.app-category-link--active,
.page-template-page-study .app-header__btns .app-category-link.app-category-link--active {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	transition: all .2s ease-in-out;
}

.page-template-template-become-partners .app-header__btns .app-category-link.app-category-link--active:hover,
.page-template-page-study .app-header__btns .app-category-link.app-category-link--active:hover {
	background-color: #fff;
	color: #16161D;
}

.page-template-template-become-partners .app-header__btns .app-category-link,
.page-template-page-study .app-header__btns .app-category-link {
	color: #fff;
	font-weight: 400;
}

.page-template-template-become-partners .app-menu__toggle svg,
.page-template-page-study .app-menu__toggle svg {
	filter: brightness(21);
}

.app-header__items:before {
	display: none;
}

@media(min-width: 1024px) {
    .page-template-template-become-partners .app-header__nav-list>.menu-item.current-menu-ancestor>span,
	.page-template-template-become-partners .app-header__nav-list>.menu-item.current-menu-ancestor>a,
	.page-template-template-become-partners .app-header__nav-list>.menu-item:hover>span,
	.page-template-template-become-partners .app-header__nav-list>.menu-item:hover>a

	.page-template-page-study .app-header__nav-list>.menu-item.current-menu-ancestor>span,
	.page-template-page-study .app-header__nav-list>.menu-item.current-menu-ancestor>a,
	.page-template-page-study .app-header__nav-list>.menu-item:hover>span,
	.page-template-page-study .app-header__nav-list>.menu-item:hover>a {
		color: #fff;
		background-color: #2B2B35;
	}
}

@media(min-width: 1440px) {

	.app-header .app-container,
	.app-container {
		max-width: calc(1200px + 48px);
		padding: 0 24px;
	}
}

@media(max-width: 1023px) {
    .page-template-template-become-partners .app-header__nav-list .menu-item-has-children>span,
	.page-template-page-study .app-header__nav-list .menu-item-has-children>span {
		color: #16161D;
	}
}
/* end header */

.customers-about {
    position: relative;
    margin: 0 0 80px
}

.customers-about h2 {
    text-align: center;
    margin: 0 0 60px
}

@media only screen and (min-width:0px) {
    .customers-about h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width:769px) {
    .customers-about h2 {
        font-size: 4rem
    }
}

@media only screen and (min-width:0px) {
    .customers-about h2 {
        padding: 0
    }
}

@media only screen and (min-width:767px) {
    .customers-about h2 {
        padding: 0 1.875rem
    }
}

@media only screen and (min-width:0px) {
    .customers-about h3 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:1025px) {
    .customers-about h3 {
        font-size: 2rem
    }
}

.customers-about .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -16px
}

.customers-about .row::after {
    content: '';
    position: absolute;
    left: -299px;
    top: 182px;
    width: 592px;
    height: 432px;
    border: 2px solid #f6f6f6;
    border-radius: 36px;
    background: url(../img/customers-icone-2.png) no-repeat;
    background-position: 245px 148px
}

@media (max-width:768px) {
    .customers-about .row::after {
        display: none
    }
}

@media (min-width:768px) and (max-width:768px) {
    .customers-about .row::after {
        display: block;
        right: -235px;
        top: 0;
        left: auto;
        background-position: 77px 62px
    }
}

.customers-about .row::before {
    content: '';
    position: absolute;
    right: -320px;
    top: 182px;
    width: 280px;
    height: 256px;
    border: 2px solid #f6f6f6;
    border-radius: 36px;
    background: url(../img/customers-icone-3.png) no-repeat;
    background-position: 39px 139px
}

@media (max-width:768px) {
    .customers-about .row::before {
        display: none
    }
}

.customers-about .row .col {
    width: calc(33.3% - 32px);
    padding: 40px;
    margin: 0 16px 30px;
    border-radius: 36px;
    position: relative;
    z-index: 9
}

@media only screen and (min-width:0px) {
    .customers-about .row .col {
        padding: 1.25rem
    }
}

@media only screen and (min-width:769px) {
    .customers-about .row .col {
        padding: 2.5rem
    }
}

@media (min-width:768px) and (max-width:768px) {
    .customers-about .row .col.col-p-top {
        margin-top: 145px
    }
}

.customers-about .row .col.col-w25 {
    width: calc(25% - 32px)
}

.customers-about .row .col.col-w50 {
    width: calc(50% - 32px)
}

@media (max-width:768px) {
    .customers-about .row .col.col-hide-mob {
        display: none
    }
}

@media (max-width:768px) {
    .customers-about .row .col {
        width: calc(50% - 32px) !important
    }
}

@media (max-width:767px) {
    .customers-about .row .col {
        width: calc(100% - 32px) !important
    }
}

.customers-about .row .col h3 {
    color: #fff;
    margin: 0
}

.customers-about .row .col p {
    margin: 0 0 30px;
    font-weight: 600
}

@media only screen and (min-width:0px) {
    .customers-about .row .col p {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:769px) {
    .customers-about .row .col p {
        font-size: 1.25rem
    }
}

.customers-about .holder-customers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customers-about .holder-customers figure {
    margin: 0 24px 10px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    border-radius: 24px;
    overflow: hidden
}

.customers-about .holder-customers figure img {
    max-width: 100%;
    height: auto
}

.customers-about .holder-customers .desc {
    color: #5d5d6c
}

@media only screen and (min-width:0px) {
    .customers-about .holder-customers .desc {
        font-size: .875rem
    }
}

@media only screen and (min-width:769px) {
    .customers-about .holder-customers .desc {
        font-size: 1rem
    }
}

@media (max-width:767px) {
    .customers-about .holder-customers .desc {
        max-width: 180px
    }
}

.customers-about .holder-customers .desc strong {
    display: block;
    color: #16161d;
    margin: 0 0 6px;
    font-size: 18px
}

.customers-about .holder-btn {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: #d5d5dd 1px solid;
    padding: 20px 0 50px
}


.single-post__header {
	color: #16161D;
}

.company-wrapper {
    padding-bottom: 24px;
}

.company-wrapper,
.company-data {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    gap: 20px;
}

.company-logo {
    width: 100%;
    display: flex;
}

.company-logo a {
    display: flex;
    gap: 12px;
    align-items: center;
}

.company-logo img {    
    max-width: 150px;
	background-color: #ffffff;
    padding: 5px;
    border-radius: 5px;
}

.company-logo .icon-arrow-up {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 17L17 7M17 7H7M17 7V17' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.company-description,
.company-data,
.company-data li {
    width: 100%;
    color: #fff;
}

.company-data {
    list-style: none;
}
.company-description span,
.company-data li span {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.company-data a {
    display: inline-flex;
    gap: 8px;
    color: #fff;
    text-decoration: none;
}

.company-data a img {
    max-width: 20px;
}

.customer-post .holder-customer-post .col-left .back-to-all {
	padding: 32px 0;	
	border-top: 1px solid #DFE1E6;
	border-bottom: 1px solid #DFE1E6;
    margin-bottom: 32px;
    display: none;
}

.customer-post .holder-customer-post .col-left ul li {
	margin-bottom: 5px;
}

@media only screen and (min-width:0px) {
    .customer-post .blog-preview .blog-page__list {
        margin-bottom: 0;
        padding: 24px 0 0;
        border: 1px solid #DFE1E6;
        border-width: 1px 0 0;
    }
}

@media only screen and (min-width:768px) {
    .customer-post .blog-preview .blog-page__list {
        border-width: 1px 0;
        padding: 24px 0 20px;
    }

    .company-data li {
        width: calc(50% - 10px);
    }

    .company-wrapper {
        padding-bottom: 48px;
    }

    .single-post .blog-preview .blog-page__list .blog-preview__post:nth-of-type(3),
    .customer-post .blog-preview .blog-page__list .swiper-slide:nth-of-type(3) {
        display: none;
    }
}

@media(min-width: 1024px) {
    .company-description,
    .company-data,
    .company-data li {
        width: calc(50% - 10px);
    }

    .company-description {
        max-width: 576px;
    }

    .company-wrapper {
        padding-bottom: 56px;
    }

    .single-post .blog-preview .blog-page__list > .blog-preview__post:nth-of-type(3),
    .customer-post .blog-preview .blog-page__list .swiper-slide:nth-of-type(3) {
        display: block;
    }
}

@media(min-width: 1440px) {
    .company-wrapper {
        padding-bottom: 56px;
    }

    .customer-post .holder-customer-post .col-left .back-to-all {
        display: block;
    }
}

.customer-post .blog-breadcrumbs {
    margin-bottom: 40px;
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
}

.customer-post .blog-breadcrumbs .blog-breadcrumbs__list {
    justify-content: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    /* Firefox */
    scrollbar-width: none;

    /* IE / Edge legacy */
    -ms-overflow-style: none;
}

/* Chrome / Safari / Edge Chromium */
.customer-post .blog-breadcrumbs .blog-breadcrumbs__list::-webkit-scrollbar {
    display: none;
}

.customer-post .blog-breadcrumbs__list-item {
    align-items: center;
    color: #fff;
    text-align: left;;
}

.customer-post .blog-breadcrumbs__list-item:first-child span {
    font-size: 0;
    display: flex;
    align-items: center;
}

.customer-post .blog-breadcrumbs__list-item .icon-home {
    width: 15px;
    height: 17px;
    display: block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.79297 2.12109C7.18346 1.73077 7.81655 1.73077 8.20703 2.12109L13.4141 7.32812C13.789 7.70309 13.9999 8.21192 14 8.74219V13.25C14 14.3546 13.1046 15.25 12 15.25H3C1.89543 15.25 1 14.3546 1 13.25V8.74219C1.00012 8.21192 1.21097 7.70309 1.58594 7.32812L6.79297 2.12109Z' stroke='white' stroke-width='2'/%3e%3crect x='5.16699' y='11.4165' width='4.66667' height='3.83333' rx='1' stroke='white' stroke-width='2'/%3e%3c/svg%3e ");
}

.blog-breadcrumbs__list-item:not(:last-child):after {
    content: '';
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.666992 8.6665L4.66699 4.6665L0.666992 0.666504' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.single-post__header .blog-breadcrumbs__list-item:not(:last-child):after {
    background: none;
    content: '/';
}

.customer-post .single-post__header .blog-breadcrumbs__list-item:not(:last-child):after {
    content: '';
    margin-top: 2px;
    margin: 2px 18px 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.666992 8.6665L4.66699 4.6665L0.666992 0.666504' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.customer-post .blog-breadcrumbs__list-item a {
    display: flex;
}

.customer-post .single-post__header {
    text-align: center
}

.post-header__read {
    font-size: 14px;
    line-height: 1.42;
    display: none;
    color: #fff;
}

.swiper-slide .post-header__read {
    color: #000;
}

@media(min-width: 768px) {
    .post-header__read {
        display: block;
    }

    .customer-post .blog-breadcrumbs {
        padding-top: 56px;
    }
}

@media only screen and (min-width:0px) {
    .customer-post .single-post__header {
        margin: 0 0 32px;

    }
}

@media only screen and (min-width:1024px) {
    .customer-post .single-post__header {
        margin: 0 0 44px;
    }
}

@media only screen and (min-width:1440px) {
    .customer-post .single-post__header {
        margin: 0 0 82px;
    }

    main.customer-post {
        overflow: visible;
    }
}

.customer-post .single-post__header .text-top {
    font-size: 24px;
    margin: 0 0 11px
}

.customer-post .single-post__header p {
    font-size: 14px;
    font-weight: 400;
}

@media only screen and (min-width:0px) {
    .customer-post .single-post__header h1 {
        padding: 0
    }
}

@media only screen and (min-width:767px) {
    .customer-post .single-post__header h1 {
        padding: 0 .9375rem
    }
}

@media(min-width: 1024px) {
    .customer-post .single-post__header p {
        font-size: 16px;
    }
}

@media(min-width: 1440px) {
    .customer-post .single-post__header p {
        font-size: 18px;
    }
}

.customer-post .holder-customer-post {
    display: flex;
    align-items: flex-start;
    margin: 0 0 80px
}

.customer-post .holder-customer-post p {
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 40px;
}

@media only screen and (min-width:0px) {
    .customer-post .holder-customer-post {
        margin: 0 0 3.75rem .9375rem
    }
}

@media only screen and (min-width:767px) {
    .customer-post .holder-customer-post {
        margin: 0 0 5rem
    }
}

@media only screen and (min-width:0px) {
    .customer-post .holder-customer-post {
        display: block
    }
}

@media only screen and (min-width:1440px) {
    .customer-post .holder-customer-post {
        display: flex
    }
}

.customer-post .holder-customer-post img {
    width: 100%;
    vertical-align: top;
}

.customer-post .holder-customer-post .col-left {
    flex: 0 0 280px;
}

@media only screen and (min-width:0px) {
    .customer-post .holder-customer-post .col-left {
        margin: 0 0 44px;
    }
}

@media only screen and (min-width:768px) {
    
}

@media only screen and (min-width:1024px) {
    .customer-post .holder-customer-post .col-left {
        margin: 0 0 72px;
    }
}

@media only screen and (min-width:1440px) {

    .customer-post .holder-customer-post .col-left {
        margin: 0 64px 60px 0;
        position: sticky;
        top: 78px;
    }

    .have_top_head + .customer-post .holder-customer-post .col-left {
        top: 125px;
    }

    .customer-post .holder-customer-post .col {
        padding: 0 68px;
    }
}

.customer-post .holder-customer-post .col-left figure {
    margin: 0 0 40px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
    padding: 28px 0
}

.customer-post .holder-customer-post .col-left figure img {
    max-width: 210px;
    width: auto
}

.customer-post .holder-customer-post .col-left p {
    font-size: 20px;
    margin: 0 0 40px
}

@media only screen and (min-width:0px) {
    .customer-post .holder-customer-post .col-left p {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:1024px) {
    .customer-post .holder-customer-post .col-left p {
        font-size: 1.25rem
    }
}

.customer-post .holder-customer-post .col-left span {
    display: block;
    color: #5d5d6c;
    font-size: 16px
}

.customer-post .holder-customer-post .col-left .back-to-all a {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 6px 14px;
    border-radius: 29px;
    background-color: #F5F9FF;
    justify-content: center;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}

.customer-post .holder-customer-post .col-left .back-to-all a:before {
    position: static;
    opacity: 1;
    margin-left: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 16L9 12L13 8' stroke='%2342526E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.customer-post .holder-customer-post .col-left a {
    color: #475467;
    text-decoration: none;
    transition: all .2s ease-in-out;
    position: relative;
}

.customer-post .holder-customer-post .col-left a:before {
    position: absolute;
    content: '';
    left: 0;
    width: 24px;
    height: 24px;
    opacity: 0;
    margin-left: -3px;
    transition: opacity .2s ease-in-out;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9L17 12L14 15' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 12L7 12' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.customer-post .holder-customer-post .col-left a.active,
.customer-post .holder-customer-post .col-left .nav-list a:hover {
    color: #0052CC;
    padding-left: 22px;
}

.customer-post .holder-customer-post .col-left a.active:before,
.customer-post .holder-customer-post .col-left a:hover:before {
    opacity: 1;
}

.customer-post .holder-customer-post .col-left ul {
    list-style: none;
    margin: 0;
    padding: 0 0 20px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    border-bottom: 1px solid #DFE1E6; 
}

@media only screen and (min-width:0px) {
    .customer-post .holder-customer-post .col-left ul li {
        margin: 0 0 1.25rem
    }
}

@media only screen and (min-width:768px) {
    .customer-post .holder-customer-post .col-left ul {
        padding: 0 0 24px;
    }
}

@media only screen and (min-width:769px) {

    .customer-post .holder-customer-post .col-left ul li {
        margin: 0 0 12px;
    }
}

@media only screen and (min-width:1024px) {
    .customer-post .holder-customer-post .col-left ul {
        padding: 0 0 32px;
    }
}

.customer-post .holder-customer-post .col-left ul li p {
    margin: 0
}

.customer-post .holder-customer-post .col-left ul li:last-child {
    margin: 0
}

.customer-post .holder-customer-post .col figure {
    border-radius: 12px;
    overflow: hidden
}

@media only screen and (min-width:0px) {
    .post .post__content .wp-block-image,
    .wp-block-image,
    .customer-post .holder-customer-post .col figure {
        margin: 0 0 20px;
    }

    .wp-block-image :where(figcaption),
    .wp-element-caption {
        margin: 12px 0 0 !important;
        font-size: 14px !important;
    }
}

@media only screen and (min-width:1024px) {
    .wp-block-image :where(figcaption),
    .wp-element-caption {
        margin: 16px 0 0 !important;
    }
}

@media only screen and (min-width:0px) {
    .single-post__body-items .post p,
    .customer-post .holder-customer-post .col p {
        margin: 0 0 20px
    }
}

@media only screen and (min-width:769px) {
    .customer-post .holder-customer-post .col p {
        /* margin: 0 0 2.5rem */
    }
}

@media only screen and (min-width:0px) {
    .customer-post .holder-customer-post .col p {
        font-size: 1rem
    }
}

@media only screen and (min-width:769px) {

    .customer-post .holder-customer-post .col p,
    .customer-post .holder-customer-post .col ul {
        font-size: 1.125rem
    }
}

.customer-post .holder-customer-post .col h4 span {
    color: #a769f6
}

@media only screen and (min-width:0px) {
    .customer-post .holder-customer-post .col h3 {
        font-size: 1.5rem;
        margin: 40px 0 20px;
    }
}

@media only screen and (min-width:1025px) {
    .customer-post .holder-customer-post .col h3 {
        font-size: 2rem
    }
}

@media only screen and (min-width:0px) {
    .customer-post .holder-customer-post .col h3 {
        margin: 40px 0 20px;
    }
}

.customer-post iframe {
    margin: 0 0 20px !important;
}

.post .wp-block-heading,
.customer-post h2 {
    font-size: 24px;
    line-height: 1.25;
    margin: 40px 0 20px;
}

.customer-post h2#introduction {
    margin: 0 0 20px;
}

.customer-post .testimonial {
   padding: 8px 20px;
   border-left: 2px solid #0052CC;
   margin: 0 0 20px;
}

.customer-post .testimonial h4 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    font-style: italic;
    margin: 0 0 20px;
}

.customer-post .testimonial .author {
    margin: 0;
}

.customer-post .holder-customer-post .col .author {
    display: flex;
    gap: 12px;
    align-items: center;
    color: #575E70;
    font-size: 14px;
    line-height: 1.4;
}

@media only screen and (min-width:768px) {
    
    .customer-post .holder-customer-post .col .author {
        /* font-size: .875rem */
    }
}

@media only screen and (min-width:1024px) {
    .post .wp-block-heading,
    .customer-post h2 {
        font-size: 30px;   
        line-height: 1.1;
    }

    .customer-post .testimonial h4 {
        font-size: 20px;
        margin: 0 0 24px;
    }

    .customer-post .holder-customer-post .col .author {
        /* font-size: 1rem */
    }
}

@media only screen and (min-width:1440px) {
    .post .wp-block-heading,
    .customer-post h2 {
        font-size: 36px;
    }

    .customer-post .testimonial h4 {
        font-size: 24px;
        margin: 0 0 32px;
    }
}


@media only screen and (min-width:769px) {
    .customer-post .holder-customer-post .col .author {
        /* margin: 0 0 3.75rem */
    }
}

.customer-post .holder-customer-post .col .author figure {
    border-radius: 50%;
    overflow: hidden;
    width: 48px;
    height: 48px;
    margin: 0;
}

.customer-post .holder-customer-post .col .author strong {
    display: block;
    color: #16161d;
    font-size: 14px;
    line-height: 1.4;
}

.single-post__body .post__content a,
.customer-post .holder-customer-post p a {
    color: #16161D;
}

.single-post__body .post__content a:hover,
.customer-post .holder-customer-post p a:hover {
    text-decoration: none;
}

.single-post__body .post__content ul,
.customer-post .holder-customer-post .col ul {
    list-style: none;
    line-height: 1.5;
    margin: 0 0 20px 10px;
    padding: 0;
}

.single-post__body .post__content ul ul,
.customer-post .holder-customer-post .col ul ul {
    margin: 10px 0 20px 10px;
    
}

.single-post__body .post__content ol,
.customer-post .holder-customer-post .col ol {
    list-style-position: inside;
    line-height: 1.5;
    margin: 0 0 20px 10px;
    font-size: 16px;

}

.single-post__body .post__content ul > li,
.customer-post .holder-customer-post .col ul li {
    position: relative;
    margin: 0;
    padding-left: 20px;
}

.single-post__body .post__content ul > ul,
.customer-post .holder-customer-post .col ul ul {
    margin: 0;
    padding: 0;
}

.single-post__body .post__content ul li:before,
.customer-post .holder-customer-post .col ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    max-width: 4px;
    flex: 1 0 auto;
    border-radius: 50%;
    background-color: #16161D;
    position: absolute;
    top: .75rem;
    left: 0;
}

.single-post__body .post__content ul li a, 
.customer-post .holder-customer-post .col ul li a { 
	color: #000;
}

.single-post__body .post__content ul li a:hover, 
.customer-post .holder-customer-post .col ul li a:hover { 
	text-decoration: none;
}

@media only screen and (min-width:1440px) {
    .single-post__body .post__content ol,
    .customer-post .holder-customer-post .col ol {
        font-size: 18px;
    }
}

@media only screen and (min-width:0px) {
    .customer-post .plugin-announce {
        margin: 3.75rem 0 0 .9375rem
    }
}

@media only screen and (min-width:767px) {
    .customer-post .plugin-announce {
        margin: 5rem 0 0
    }
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

main {
    padding-top: 40px
}

main.customer-post, 
body.page-template-page-customer-success main {
    padding-top: 60px
}

.category main,
.single-post main {
    padding-top: 60px
}

.single-post .single-post__title {
    font-size: 3.5rem
}

.page-template-infographics-child-page .single-post__header h1 {
    font-size: 3.25rem
}

@media only screen and (max-width:768px) {
    main {
        padding-top: 0px
    }

    .category main,
    .single-post main {
        padding-top: 40px
    }

    .single-post .single-post__title {
        font-size: 40px
    }

    .single-post .single-post__body-items {
        display: block
    }
}

@media only screen and (min-width: 0px) {
    .customer-post .single-post__header h1 {
        font-size: 30px;
        line-height: 1.1;
        margin: 0 0 24px;
        text-align: left;
        color: #fff;
        padding: 0 0 24px;
        border-bottom: 1px solid #DFE1E6;
    }
}

@media only screen and (min-width: 768px) {
    .customer-post .single-post__header h1 {
        font-size: 48px;
        padding: 0 0 20px;
        margin: 0 0 32px;
        position: relative;
        border: none;
    }

    .customer-post .single-post__header h1:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(125,125,125,1) 51%,rgba(117,117,117,0.94) 54%,rgba(114,114,114,0.91) 55%,rgba(0,0,0,0) 100%);
    }
}

@media only screen and (min-width: 1024px) {
    .customer-post .single-post__header h1 {
        font-size: 36px;
        padding: 0 0 30px;
        margin: 0 0 30px;
    }
}

@media only screen and (min-width: 1440px) {
     .customer-post .single-post__header h1 {
        font-size: 48px;
    }
}

@media only screen and (min-width: 0px) {
    .page-template-infographics-child-page main {
        padding-top: 20px
    }
}

@media only screen and (min-width: 769px) {
    .page-template-infographics-child-page main {
        padding-top: 80px
    }
}

body.page-template.page-template-page-consulting-new h1 {
    font-size: 2.75rem
}

body.page-template-page-okr-accelerator main {
    padding-top: 40px
}

.wp-block-video video {
	width:100%;
}

/* new trial box */
.customer-post .trial-wrap {
    background: radial-gradient(100% 191.36% at 100% 0%, #F64963 0%, #FF8541 100%)
}

.customer-post .trial-wrap .trial-box {
    margin: 0;
    background: none;
    color: #fff;
    padding: 80px 0;
}

.customer-post .trial-box .btn-holder a.ltm-link--white {
    background-color: #fff;
    color: #DB4E00;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.5;
    height: 48px;
    gap: 8px;
    justify-content: center;
    border: 2px solid #fff;
    transition: all .2s ease-in-out;
}

.customer-post .trial-box .btn-holder a.ltm-link--white:hover {
    border-color: rgba(219, 78, 0, .75);
}

.customer-post .trial-box .ltm-link--md .ltm-link__icon.calendar {
	border-radius: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 19H22' stroke='%23DB4E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 2V6' stroke='%23DB4E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M19 16V22' stroke='%23DB4E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M21 12.598V6C21 5.46957 20.7893 4.96086 20.4142 4.58579C20.0391 4.21071 19.5304 4 19 4H5C4.46957 4 3.96086 4.21071 3.58579 4.58579C3.21071 4.96086 3 5.46957 3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H13.5' stroke='%23DB4E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3 10H21' stroke='%23DB4E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 2V6' stroke='%23DB4E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.customer-post .trial-wrap .trial-box h2 {
    font-size: 36px;
    line-height: 1.4;
    margin: 0 0 32px;
}

.customer-post .trial-wrap .trial-box h2 span {
    color: #fff;
    font-style: italic;
    position: relative;
}

.customer-post .trial-wrap .trial-box h2 span::after {
    content: '';
    width: 24px;
    height: 30px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='134' height='181'%3e%3cg transform='matrix(1.3333334 0 0 1.3333334 0 0)'%3e%3cimage x='0' y='0' xlink:href='data:image/png;base64,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' preserveAspectRatio='none' width='100.5' height='135.75'/%3e%3c/g%3e%3c/svg%3e ");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 12px;
}

.customer-post .trial-wrap .subtitle {
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 32px;
    text-align: center;
}

@media(min-width: 768px) {
    .customer-post .trial-wrap .subtitle {
        font-size: 24px;
        line-height: 30px;
    }

    .customer-post .trial-wrap .trial-box {
        padding: 113px 0;
    }
}

@media(min-width: 1024px) {
    .customer-post .trial-wrap .trial-box h2 {
        font-size: 48px;
        line-height: 52px;
		font-weight: 500;
    }

    .customer-post .trial-wrap .trial-box {
        padding: 120px 0;
    }
}

/* end trial box */

/* share box customer pages */
.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px 0 0;
    border-top: 1px solid #EAECF0;
    margin-top: 20px;
}

.share-btn .btn-link {
    background: #F5F9FF;
    border-radius: 29px;
    color: #344054;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 36px;
}

.icon-copy {
    width: 24px;
    height: 24px;
    background-image: url(../img/icons/cus-copy.svg);
    align-items: center;
}

.icon-linkedin {
    width: 18px;
    height: 18px;
    background-image: url(../img/icons/cus-linkedin.svg);
    align-items: center;
}

.blog-preview__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 64px 0 24px;
}

.customer-post .blog-preview__wrap h2,
.customer-post .customer-post .blog-preview__title {
    font-size: 30px;
    line-height: 1.1;
    line-height: 32px;
    margin: 0;
    color: #414653;
    font-weight: 500;
}

.btn-holder_mobile a,
.blog-preview__wrap a {
    background: #F5F9FF;
    border-radius: 29px;
    color: #344054;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
    padding: 12px 18px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.blog-preview__wrap a {
    display: none;
}

.btn-holder_mobile {
    padding: 18px 0 20px;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #DFE1E6;
}

.icon-right {
    width: 24px;
    height: 24px;
    overflow: hidden;
    position: relative;
}

.icon-right:before,
.icon-right:after {
    position: absolute;
    inset: 0;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../img/icons/cus-right.svg);
    align-items: center;
    transition: all .2s ease-in-out;
}

.icon-right:after {
    transform: translateX(-24px);
}

.blog-preview__wrap a:hover .icon-right:after {
    transform: translateX(0);
}

.blog-preview__wrap a:hover .icon-right:before {
    transform: translateX(24px);
}



@media(min-width: 768px) {
    .btn-holder_mobile {
        display: none;
    }

    .blog-preview__wrap a {
        display: flex;
    }

    .share-btn {
        justify-content: flex-end;
    }
}

@media(min-width: 1024px) {

}

@media(min-width: 1440px) {
    
}


/* end share box customer pages */

/* copy tooltip */
.copy-tooltip {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #68cd86;
    color: #fff;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 9999;
}

.copy-tooltip.show {
    opacity: 1;
    transform: translateY(0);
}

/* end copy tooltip */

/* partners page */
.partners-wrap:not(.tech-partners) {
    margin-bottom: 36px;
}

.partners-wrap:not(.tech-partners) .partners-grid{
    padding-bottom: 24px;
    border-bottom: 1px solid #DFE1E6;
}

.partners-intro {
    padding: 46px 0;
    text-align: center;
    position: relative;
    color: #16171C;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 0 36px;
}

.partners-intro:before {
    position: absolute;
    content: '';
    inset: 0;
    background: linear-gradient(351.83deg, rgba(229, 240, 255, 0) -311.83%, #E5F0FF 91.41%);
}

.partners-intro > * {
    position: relative;
}

.partners__title {
    margin: 0;
    font-size: 30px;
    line-height: 1.06;
    margin: 0 0 32px;
}

.partners-intro p {
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 32px;
}

.partners-intro .btn-link {
    background-color: #fff;
    padding: 9px 6px 9px 14px;
    color: #0052CC;
    font-size: 14px;
    line-height: 1.42;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease-in-out;
}

.partners-intro .btn-link:hover {
    background-color: rgba(255, 255, 255, .7);
}

.partners-intro .btn-link .icon-hands {
    background: url(../img/partners/icons/partners.svg) no-repeat;
    width: 24px;
    height: 24px;
}

.page-template-template-become-partners .app-header .app-container,
.page-template-template-become-partners .app-container {
    padding: 0 16px;
    max-width: calc(719px + 32px);
    width: 100%;
}

.partners-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}


.partners-item {
    max-width: 384px;
    width: 100%;
    border: 1px solid #CCE0FF;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 36px;
    min-height: 400px;
}

.partner-item-inner {
    flex: 1;
    width: 100%;
}

.partner-logo {
    background-color: #F5F9FF;
    display: flex;
    align-items: center;
    padding: 24px;
    height: 83px;
    width: 100%;
    border-bottom: 1px solid #CCE0FF;
    border-radius: 15px 15px 0 0;
}

.partner-logo:has(i) {
  justify-content: space-between;
}

.partner-logo img {
	height: 36px;
	width: auto;
}

.partner-logo:not(:has(i)) {
  justify-content: center;
}

.empty-blur .partner-logo {
    background: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
}

.tech-partners .partner-logo {
    background-color: #E5F0FF;
}

.partner-logo .icon-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.partner-logo .icon-youtube,
.partner-logo .icon-article {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
}

.partner-logo .icon-youtube:before,
.partner-logo .icon-article:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../img/partners/icons/article.svg) no-repeat;
}

.partner-logo .icon-youtube:before {
    background: url(../img/partners/icons/youtube.svg) no-repeat;
}

.partners-item .content {
    padding: 24px;
    color: #172B4D;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}

.partners-item .content.content-blur {
    filter: blur(3px);
}

.partners-item .link {
    color: #0052CC;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    background-position: 100% 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.partners-item .link:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../img/partners/icons/arrow-right.svg) no-repeat;
    transition: transform .2s ease-in-out;
    margin-top: 1px;
}

.partners-item .link:hover:after {
    transform: translate(8px);
}

.partners-item .btn-link {
    text-decoration: none;
    padding: 12px 20px;
    color: #0052CC;
    background-color: #F5F9FF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    border-radius: 24px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .2s ease-in-out;
}

.partners-item .btn-link:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../img/partners/icons/partners.svg) no-repeat;
}

.partners-item .btn-link:hover {
    background-color: #E5F0FF;
}

/* filter block */
.partners-wrap h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 24px;
}

.partners-filter {
    display: flex;
    justify-content: space-between;
    border: 1px solid #DFE1E6;
    border-width: 1px 0;
    padding: 6px 0;
    margin: 0 0 24px;
}

.partners-filter .filter-link {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.5;
    color: #475467;
    padding: 9px 14px;
    border-radius: 24px;
    text-decoration: none;
    transition: all .2s ease-in-out;
}

.partners-filter .filter-link:hover,
.partners-filter .filter-link.active {
    background-color: #EFF4FF;
}

.tech-partners {
    background-color: #F5F9FF;
    padding: 36px 0;
}

@media(min-width: 768px) {
    .page-template-template-become-partners .app-header .app-container,
    .page-template-template-become-partners .app-container {
		padding: 0 72px;
		max-width: calc(948px + 144px);
	}

    .partners-grid {
        justify-content: flex-start;
    }

    .partners-wrap:not(.tech-partners) .partners-grid{
        padding-bottom: 32px;
    }

    .tech-partners {
        padding: 64px 0;
    }

    .partners-item {
        min-height: 440px;
        max-width: calc(50% - 12px);
    }

    .partners-wrap h2 {
        margin: 0 0 32px;
    }

    .partners-filter {
        padding: 12px 0;
        margin: 0 0 32px;
    }

    .partners-filter .filter-link {
        font-size: 14px;
    }

    .partners-item .btn-link {
        position: relative;
        top: 12px;
    }
}

@media(min-width: 1024px) {

	.page-template-template-become-partners .app-header .app-container,
	.page-template-template-become-partners .app-container {
		padding: 0 32px;
		max-width: calc(948px + 64px);
	}

    .partners-wrap:not(.tech-partners) {
        margin-bottom: 64px;
    }

    .partners-item {
        min-height: 440px;
        max-width: calc(100% / 3 - 16px);
    }

    .partners-intro {
        text-align: left;
        padding: 50px 0;
        margin: 0 0 64px;
    }

    .partners-intro:before {
        background: linear-gradient(274.4deg, rgba(229, 240, 255, 0) -35.81%, #E5F0FF 48.32%);
    }

    .partners__title {
        font-size: 36px;
        line-height: 1.1;
        max-width: 464px;
    }

    .partners-intro p {
        font-size: 20px;
        line-height: 1.2;
        max-width: 464px;
    }

    .partners-intro .btn-link {
        font-size: 16px;
        line-height: 1.5;
        padding: 10px 18px;
        gap: 8px;
    }
}

@media(min-width: 1440px) {
    .page-template-template-become-partners .app-footer .app-container,
    .page-template-template-become-partners .app-header .app-container,
	.page-template-template-become-partners .app-container {
        padding: 0 120px;
        max-width: calc(1200px + 240px);
    }

    .partners-intro {
        padding: 78px 0;
    }

    .partners__title {
        font-size: 48px;
        max-width: 600px;
    }

    .partners-intro p {
        font-size: 24px;
        line-height: 1.25;
        max-width: 600px;
    }

    .partners-intro .btn-link {
        padding: 12px 20px;
    }
}

/* new custom navigation  */
.custom-navigation {
    display: none;
}

@media(min-width:1024px) {
    .mobile_nav {
        display: none;
    }

    .custom-navigation {
        display: flex;
        font-size: 14px;
        font-weight: 500;
        position: relative;
        list-style: none;
        flex: 1;
    }

    .custom-navigation li > span {
        padding: 10px 14px;
        position: relative;
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        border-radius: 8px;
        overflow: hidden;
        transition: all .2s ease-in-out;
        background: transparent;
        cursor: pointer;
    }

    .custom-navigation li > span:after {
        content: '';
        width: 11px;
        height: 7px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.41418 1.41406L5.41418 5.41406L9.41418 1.41406' stroke='black' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e");
        transition: all .2s ease-in-out;
        display: none;
    }
    
    .app-dark .custom-navigation li > span,
    .app-black .custom-navigation li > span,
    .home .custom-navigation li > span {
        color: #fff;
    }

    .app-dark .custom-navigation li > span:after,
    .app-black .custom-navigation li > span:after,
    .home .custom-navigation li > span:after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.41418 1.41406L5.41418 5.41406L9.41418 1.41406' stroke='white' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e");
    }

    
    .home .custom-navigation li.is-active > span,
    .app-dark .custom-navigation li.is-active > span,
    .app-dark .custom-navigation li.active > span,
    .app-dark .custom-navigation li:hover > span,
    .app-black .custom-navigation li.active > span,
    .app-black .custom-navigation li:hover > span,
    .home .custom-navigation li.active > span,
    .home .custom-navigation li:hover > span {
        background-color: #2b2b35;
    }

    .page-template-start-trial-page .custom-navigation li.is-active > span {
        background-color: #37373b;
    }

    .custom-navigation li.is-active > span,
    .custom-navigation li.active > span,
    .custom-navigation li:hover > span {
        background-color: #f6f6f6;
    }

    .custom-navigation li.is-active > span:after,
    .custom-navigation li.active > span:after,
    .custom-navigation li:hover > span:after {
        transform: rotate(180deg);
    }

    .dropdown-holder {
        position: absolute;
        top: 100%;
        left: 0;
        padding-top: 20px;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-30px);
        transition: .3s ease-in-out;
    }

    .custom-navigation li:hover .dropdown-holder {
        /* opacity: 1;
        transform: translateX(0);
        visibility: visible; */
    }

    .dropdown {
        background-color: #fff;
        /* border: 1px solid #DFE1E6;
        border-radius: 15px; */
        padding: 20px;
        width: 760px;
        height: 306px;
        overflow: hidden;
        /* will-change: transform; */

    }

    .dropdown .drop-inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .dropdown-title {
        color: #A6ACBA;
        font-size: 12px;
        line-height: 1.5;
        margin: 0 0 10px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .dropdown-product-list {
        list-style: none;
    }
    
    .product-drop .dropdown-product-list {
        column-count: 2;
        column-gap: 20px;
    }

    .dropdown-product-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .dropdown-product-item a {
        display: flex;
        gap: 8px;
        align-items: center;
        text-decoration: none;
        color: #414653;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 400;
        border-radius: 10px;
        padding: 5px 0;
        transition: all .2s ease-in-out;
    }

    .dropdown .icon-box {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 39px;
        width: 100%;
        height: 39px;
        border-radius: 50%;
        transition: all .2s ease-in-out;
        background-color: #F5F9FF;
    }

    .product-drop .icon-box {
        /* background-color: #F5F9FF; */
        background: none;
        border: 1px solid #EFF1F5;
    }

    .dropdown a.active .icon-box,
    .dropdown a:hover .icon-box {
        background-color: #CCE0FF;
    }
	
	.dropdown a.top {
		text-decoration: none;
		color: #000;
	}

	.dropdown a.top:hover .icon-box {
	   background-color: #FFF;
	}

    .product-drop .dropdown-product-item:first-child .icon-box {
        border: 2px solid #CCE0FF;
        /* background: none; */
        box-shadow: 0 1px 7px 0 rgba(16, 24, 40, 0.05);
	    border-radius: 7px;
    }

    .dropdown-product-item .title {
        font-size: 16px;
        color: #16161D;
        font-weight: 600;
        display: block;
    }

    .supporting-text {
        border: 1px solid #FFC7A8;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        color: #414653;
        padding: 8px 16px;
    }
    
    .supporting-text .text {
        font-size: 12px;
        line-height: 1.5;
        margin: 0;
    }

    .supporting-text .orange-btn {
        background-color: #FFE8DB;
        color: #FF8541;
        justify-content: center;
        padding: 8px 8px 8px 12px;
        gap: 6px;
    }

    .supporting-text .orange-btn .ltm-link__icon {
        background-color: #FF8541;
    }

    .supporting-text .orange-btn .ltm-link__icon:before,
    .supporting-text .orange-btn .ltm-link__icon:after {
        background-position: 0 47.5%;
    }

    /* solutions drop */

    .solutions-list {
        display: flex;
        gap: 10px;
    }
    
    .solutions-item {
        border-radius: 10px;
        overflow: hidden;
        background: #F5F9FF;
        min-height: 238px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: calc(100% / 3 - 5px);
        transition: background .2s ease-in-out;
    }

    .dropdown .solutions-item:hover {
        background: #E5F0FF;
    }

    .solutions-item .top {
        padding: 15px;
    }

    .solutions-item .icon-box {
        background-color: #fff;
        margin: 0 0 8px;
    }

    .solutions-item .title {
        margin: 0 0 8px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 600;
    }

    .solutions-item p {
        font-size: 12px;
        line-height: 1.5;
        color: #414653;
        margin: 0;
    }

    .dropdown .btn-more {
        background-color: #E5F0FF;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        color: #0052CC;
        position: relative;
        padding: 3px 0;
        text-decoration: none;
        font-size: 12px;
        border-radius: 0;
        transition: background-color .2s ease-in-out;
    }

    .dropdown .solutions-item:hover .btn-more {
        background-color: #CCE0FF;
    }

    .dropdown .btn-more:after {
        content: '';
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9L17 12L14 15' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 12L7 12' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
        width: 24px;
        height: 23px;
        transition: all .2s ease-in-out;
    }

    .dropdown .btn-more:hover:after {
        transform: translateX(7px);
    }

    /* consulting-drop */

    .dropdown.dropdown-consulting .solutions-item {
        min-height: 238px;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }

    .dropdown.dropdown-consulting .solutions-item:before {
        position: absolute;
        content: '';
        background: url(../img/navigation/hover_img.png) no-repeat;
        width: 125px;
        height: 128px;
        top: 11px;
        right: 14px;
        transform: translateY(155%);
        transition: transform .6s cubic-bezier(.34,1.3,.64,1);

    }

    .dropdown.dropdown-consulting .solutions-item:hover:before {
        transform: translateY(30%);
    }

    @keyframes solutionsHover {
        0% {
            transform: translateY(105%);
        }

        90% {
            transform: translateY(-8px);
        }

        100% {
            transform: translateY(0);
        }
    }

    .dropdown .twocolumns {
        display: flex;
        gap: 20px;
    }

    .dropdown .twocolumns .col {
        width: calc(50% - 5px);
    }

    /* dropdown  company*/
    
    .dropdown.dropdown-company {
        padding: 0;
    }

    .dropdown.dropdown-company .col {
        padding: 20px;
    }

    html[lang="de-DE"] .dropdown-resources .col:first-child .dropdown-product-item a,
    html[lang="pt-BR"] .dropdown-resources .col:first-child .dropdown-product-item a {
        padding: 0;
    }
	
	html[lang="de-DE"] .dropdown-company .col:first-child .dropdown-product-item a	{
        padding: 3px;
    }

    html[lang="de-DE"] .dropdown-consulting .solutions-item .icon-box,
    html[lang="de-DE"] .dropdown-consulting .solutions-item .title,
	html[lang="pt-BR"] .dropdown-consulting .solutions-item .icon-box,    
    html[lang="pt-BR"] .dropdown-consulting .solutions-item .title {
        margin: 0 0 2px;
    }

    html[lang="de-DE"] .dropdown-consulting .solutions-item .top,
    html[lang="pt-BR"] .dropdown-consulting .solutions-item .top {
        padding: 12px 15px 10px;
    }
	
	html[lang="de-DE"] .dropdown-company .dropdown-product-item, 
    html[lang="pt-BR"] .dropdown-company .dropdown-product-item {
        margin: 0 0 3px;
    }

    html[lang="de-DE"] .case-stadies-item .title,
    html[lang="pt-BR"] .case-stadies-item .title {
        margin: 0;
    }

    html[lang="de-DE"] .case-stadies-item,
    html[lang="pt-BR"] .case-stadies-item {
        margin: 0 0 5px;
    }

    .dropdown.dropdown-company .col.case-col {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: #F5F9FF;
    }

    .dropdown.dropdown-company .col.case-col .top {
        padding: 20px 18px 0;
    }

    .case-stadies-item {
        display: flex;
        gap: 15px;
        margin-bottom: 10px;
        text-decoration: none;
    }

    .case-stadies-item:hover {
        text-decoration: underline;
    }

    .case-stadies-item .img-holder {
        max-width: 129px !important;
        width: 100%;
        height: 94px;
        border-radius: 6px;
        overflow: hidden;
        flex: 1 0 auto;
        margin: 0 !important;
    }

    .case-stadies-item .title {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 600;
        color: #0052CC;
        margin-bottom: 4px;
        display: block;
    }

    .case-stadies-item p {
        font-size: 14px;
        line-height: 1.42;
        font-weight: 400;
        color: #475467;
        margin: 0;
    }

    .dropdown .case-col .btn-more {
        padding: 11px 12px;
    }

    .mega-menu-area {
        flex: 1;
        position: relative;
    }

    .mega-dropdown {
        padding-top: 30px;
        z-index: 1000;
        width: 760px;
        height: calc(306px + 30px);
        display: none;
    }
    
    .mega-dropdown-inner {
        background: #fff;
        border: 1px solid #DFE1E6;
        border-radius: 15px;
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
        /* box-shadow: 0px 6.92px 10px 0px #0000000F; */
        box-shadow: 0px 1.73px 6.92px 0px #0000001A;

    }

    .mega-dropdown-inner > .dropdown {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
    }
}

@media(min-width: 1440px) {
    .custom-navigation li > span:after {
        display: block;
    }
}

@media(min-width: 1441px) {
    .custom-navigation li > span {
        padding: 10px 16px;
    }
}

/* events-webinars */
.events-section {
    margin: 36px 0;
}

.events-webinars .section-intro {
    background: linear-gradient(87.05deg, #FFAC7E 0%, #FFC6A5 40.38%);
}

.events-webinars .section-intro__content {
    max-width: 575px;
}

.events-webinars .holder-form {
    margin: 0;
    gap: 8px;
}


.events-webinars .intro-holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 36px 0;
}

.events-webinars .section-intro__img-box {
    max-width: 667px;
    margin: 0 -34px;
    display: none;
}

.events-webinars h1 {
    font-size: 30px;
    line-height: 1.06;
    margin: 0 0 18px;
    color: #16171C;
    text-align: center;
}

.events-webinars .section-intro__text {
    text-align: center;
    font-size: 18px;
    line-height: 1.44;
    color: #16171C;
    font-weight: 500;
}

.events-webinars .section-intro__text.cert-text p {  
    color: #fff;
}

.events-webinars .section-intro__text p {
    margin: 0 0 36px;
}

.events-webinars .section-intro__text .ltm-link {
    background: #FFE8DB;
    color: #FF650F;
    padding: 14px 18px 13px;
    line-height: 1.5;
    transition: all .2s ease-in-out;
}

.events-webinars .section-intro__text .ltm-link:hover {
    background: #FFE8DB !important;
    opacity: .75;
}

.events-webinars .section-intro__text .ltm-link:before {
    display: none;
}


.events-webinars .section-intro__text .holder-form input {
    font-size: 16px;
    padding: 17px 14px 16px;
    margin: 0;
}

.events-webinars .section-intro__text .ltm-link__icon {
    display: none;
}

.events-webinars .section-intro__content .mc4wp-alert.mc4wp-success strong {
    font-size: 24px;
}

.events-webinars .section-intro__content .mc4wp-response .box-text {
    display: flex;    
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.events-webinars .section-intro__content .mc4wp-response .box-text img {
    height: 56px;
    width: 56px;
}

.events-webinars .section-intro__content .mc4wp-response .box-text p {
    margin: 0;
}
	
/* events-section */
.events-section .events-item {
    border-radius: 20px;
    background-color: #5879EE;
    margin-bottom: 24px;
}

.events-section .events-item:last-child {
    margin-bottom: 0;
}

.events-section .events-main {
    padding: 36px;
    background: linear-gradient(49.27deg, #16161D 70.03%, #003380 109.04%);
    border-radius: 18px;
    box-shadow: 0px 6.92px 10px 0px #0000000F;
}

.events-section .events-dark {
    color: #fff;
}

.events-section .events-light .events-main {
    background: linear-gradient(74.21deg, #FFFFFF 51.3%, #EFF5FF 98.07%);
    border: 2px solid #001F4D;
}

.events-light .events-bottom {
    color: #fff;
}

.events-section .events-main {
    display: flex;
}

.events-section h2 {
    font-size: 24px;
    line-height: 1.25;
    margin: 0 0 24px;
    color: #2B2E36;
}

.webinars-section h2 {
    text-align: center;
}

.location {
    display: flex;
    align-items: center;
    margin: 0 0 24px;
    font-size: 14px;
}

.events-bottom .location {
    display: none;
}

.events-section .events-main .content {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    padding-bottom: 18px;
    margin-bottom: 18px;
    position: relative;
}

.events-section .events-main .content:after {
    position: absolute;
    content: '';
    background: linear-gradient(90deg, #5D5D6C 0%, rgba(93, 93, 108, 0) 100%);
    height: 3px;
    left: 0;
    bottom: 0;
    width: calc(100% + 20px);
}

.events-section .events-logo {
    display: none;
}

.events-section .author-box {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.tablet-mobile-hide {
    display: none;
}

.events-section .author-item {
    display: flex;
    gap: 12px;
    align-items: center;
}

.events-section .author-photo {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
}

.events-section .author-text .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    display: block;
}

.events-section .author-text .position {
    font-size: 12px;
    font-weight: 500;
}

.events-bottom {
    padding: 12px 0;
    text-align: center;
}

.events-bottom .time {
    font-size: 14px;
    line-height: 1.42;
    margin: 0 0 12px;
    font-weight: 700;
    display: block;
}

.events-bottom .link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
    color: #0052CC;
    background-color: #fff;
    border-radius: 28px;
    padding: 6px 14px;
    text-decoration: none;
    font-weight: 600;
}

.events-bottom .link:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9L17 12L14 15' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 12L7 12' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    width: 24px;
    height: 24px;
    transition: all .2s ease-in-out;
}

.events-bottom .link:hover:after {
    transform: translateX(10px);
}

/* webinars */
.webinars-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.webinars-grid .webinars-item {
    width: 100%;
}

.webinars-section {
    background: linear-gradient(180deg, #F5F9FF 0%, #FFFFFF 100%);
    padding: 36px 0;
}

.webinar-image {
    box-shadow: 0px 6.92px 10px 0px #0000000F;
    border-radius: 15px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.webinar-image .svg-box {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    overflow: hidden;
}

.webinar-title {
    font-size: 20px;
    line-height: 1.2;
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.webinars-item a {
    text-decoration: none;
}

.webinar-image .svg-box svg {
    margin: 1px 0 0 2px;
}

.webinars-btn {
    display: flex;
    justify-content: center;
    padding: 32px 0 0;
}

.webinars-btn .ltm-link {
    border: 1px solid #D0D5DD;
    color: #344054;
    padding: 11px 20px;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #344054;
    font-weight: 600;
    justify-content: center;
}

.webinars-btn .ltm-link:before {
    display: none;
}

.webinars-btn .ltm-link:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.6667 7.5L14.1667 10L11.6667 12.5' stroke='%2342526E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M13.3333 10L5.83325 10' stroke='%2342526E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    width: 20px;
    height: 20px;
    transition: all .2s ease-in-out;
}

.webinars-btn .ltm-link:hover:after {
    transform: translateX(8px);
}

.events-webinars .cta-section {
    background: radial-gradient(100% 191.36% at 100% 0%, #F64963 0%, #FF8541 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    padding: 108px 0;
    text-align: center;
    color: #fff;
}

.events-webinars .cta-section h2 {
    font-size: 36px;
    line-height: 1.44;
    margin: 0 0 32px;
    font-weight: 500;
}

.events-webinars .cta-section p {
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 32px;
}

.events-webinars .cta-section .ltm-link {
    background-color: #FFE8DB;
    color: #DB4E00;
    position: relative;
    padding: 12px 18px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
}

.events-webinars .cta-section .ltm-link:before {
    display: none;
}

.events-webinars .cta-section .ltm-link:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9L17 12L14 15' stroke='%23DB4E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 12L7 12' stroke='%23DB4E00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    width: 24px;
    height: 24px;
    transition: all .2s ease-in-out;
}

.events-webinars .cta-section .ltm-link:hover:after {
    transform: translateX(8px);
}

.page-template-template-events-webinars-form .blog-breadcrumbs,
.page-template-template-events-webinars-form .app-header .app-container,
.page-template-template-events-webinars-form .app-container,
.page-template-template-events-webinars .app-header .app-container,
.page-template-template-events-webinars .app-container {
    padding: 0 24px;
    width: 100%;
}

@media(min-width: 768px) {
    	
	.page-template-template-events-webinars-form .blog-breadcrumbs,
    .page-template-template-events-webinars-form .app-container,
    .page-template-template-events-webinars .app-container {
        max-width: calc(1200px + 72px);
        padding: 0 72px;
    }

    .page-template-template-events-webinars-form .app-header .app-container,
    .page-template-template-events-webinars .app-header .app-container {
        max-width: calc(1200px + 36px);
        padding: 0 36px;
    }

    .events-webinars .intro-holder {
        padding: 48px 0 70px;
    }

    .events-webinars .section-intro__text p {
        margin: 0 0 24px;
    }

    .events-webinars .holder-form {
        max-width: 437px;
        margin: 0 auto;
    }

    .webinars-section h2,
    .events-section h2 {
        margin: 0 0 32px;
    }

    .events-section .events-logo {
       display: flex;
       align-items: center;
    }

    .events-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
    }

    .location {
        margin: 0;
    }

    .events-section .author-box {
        flex-direction: row;
    }

    .events-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 36px;
    }

    .events-section .events-main .content {
        font-size: 24px;
        line-height: 1.25;
    }

    .events-section .author-text .name {
        font-size: 14px;
        line-height: 1.42;
    }

    .events-bottom .time {
        margin: 0;
    }

    .events-section {
        margin-bottom: 72px;
    }

    .webinars-section {
        padding: 64px 0;
    }

    .webinars-grid {
        gap: 32px 16px;
    }

    .webinars-grid .webinars-item {
        width: calc(100% / 2 - 8px);
    }

    .webinars-btn .ltm-link {
        width: auto;
    }

    .events-webinars .cta-section {
        padding: 146px 0;
    }

    .events-webinars .cta-section p {
        font-size: 24px;
        line-height: 1.25;
    }

}

@media(min-width: 1024px) {
	
	.events-webinars .section-intro__content .mc4wp-response .box-text {	
		gap: 16px;
		justify-content: left;
		flex-direction: row;		
	}
	
    .page-template-template-events-webinars-form .blog-breadcrumbs,
    .page-template-template-events-webinars-form .app-header .app-container,
    .page-template-template-events-webinars-form .app-container,
    .page-template-template-events-webinars .app-header .app-container,
    .page-template-template-events-webinars .app-container {
        max-width: calc(1200px + 24px);
        padding: 0 24px;
    }

    .events-webinars .events-section {
        margin-top: 48px;
    }

    .events-webinars .intro-holder {
        flex-direction: row;
        padding: 4px 0;
    }

    .events-webinars h1 {
        text-align: left;
        font-size: 36px;
        line-height: 1.1;
        margin: 0 0 24px;
    }

    .events-webinars .section-intro__text {
        text-align: left;
    }

    .events-webinars .holder-form {
        margin: 0;
    }

    .events-webinars .section-intro__img-box {
        display: block;
    }

    .events-webinars .section-intro__content {
        position: relative;
    }

    .events-webinars .section-intro__img-box {
        margin: 0 -166px 0 -67px;
    }

    .events-webinars img.section-intro__banner-image {
        min-height: 360px;
    }

    .events-webinars .section-intro__content {
        max-width: 474px;
    }

    .mobile-show {
        display: none;
    }

    .tablet-mobile-hide {
        display: block;
    }

    .events-section .events-main {
        align-items: center;
        justify-content: space-between;
    }

    .events-bottom .location {
        display: inline-flex;
    }

    .location-time {
        display: flex;
        align-items: anchor-center;
        gap: 24px;
    }

    .events-bottom .time {
        font-size: 16px;
        line-height: 1.42;
    }

    .events-bottom .link {
        padding: 10px 18px;
    }

    .events-section .events-item {
        margin-bottom: 32px;
    }

    .events-section {
        margin-bottom: 48px;
    }

    .webinars-grid .webinars-item {
        width: calc(100% / 3 - 11px);
    }

    .events-webinars .cta-section {
        padding: 120px 0;
    }

    .events-webinars .cta-section h2 {
        font-size: 48px;
        line-height: 1.08;
        margin: 0 0 32px;
    }

    .events-webinars .cta-section p {
        font-size: 20px;
        line-height: 1.2;
    }

    .page-template-template-events-webinars-form .event-form {
        padding: 16px;
    }
    
}

@media(min-width: 1440px) {
    .page-template-template-events-webinars-form .blog-breadcrumbs,
    .page-template-template-events-webinars-form .app-header .app-container,
    .page-template-template-events-webinars-form .app-container,
    .page-template-template-events-webinars .app-header .app-container,
    .page-template-template-events-webinars .app-container {
        max-width: calc(1200px + 48px);
        padding: 0 24px;
    }

    .events-webinars .events-section {
        margin-top: 64px; 
    }

    .events-webinars .section-intro__banner-wrp img {
        min-height: 443px;
        width: 793px;
    }

    .events-webinars .section-intro__banner-wrp {
        margin: 0 -66px 0 0;
    }

    .events-webinars .section-intro__img-box {
        margin: 0 -34px;
    }

    .events-webinars .section-intro__content {
        max-width: 575px;
    }

    .events-webinars .intro-holder {
        padding: 0;
    }

    .events-webinars h1 {
        font-size: 48px;
        line-height: 1.08;
        margin: 0 0 32px;
    }

    .section-intro__text {
        font-size: 30px;
        line-height: 1.25;
    }

    .section-intro__text p {
        margin: 0 0 32px;
    }

    .section-intro__text .ltm-link {
        padding: 12px 18px;
    }

    .events-section h2 {
        font-size: 30px;
        line-height: 1.06;
    }

    .events-section .events-main {
        padding: 60px;
    }

    .events-section .events-main .content {
        font-size: 36px;
        line-height: 1.1;
        padding-bottom: 33px;
        margin-bottom: 33px;
    }
	
	.events-section .events-main .content:after {	
		width: calc(85% + 20px);
	}
	
    .events-section .author-text .name {
        font-size: 18px;
    }

    .events-section .author-text .position {
        font-size: 16px;
    }

    .events-section .author-photo {
        width: 48px;
        height: 48px;
    }

    .events-section {
        margin-bottom: 64px;
    }

    .webinars-btn {
        padding: 48px 0 0;
    }
}

/* popup styles */

.overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 999;
}

.popup-form {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    width: 90%;
    max-width: 860px;
    background: #000;
    border-radius: 8px;
    /* overflow: hidden; */
}

.popup-content {
    position: relative;
}

.close-btn {
    position: absolute;
    top: -36px;
    right: 0;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    z-index: 10;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* mastering-okr-planning-practical-tips-for-productive-sessions */


.events-webinars .blog-breadcrumbs__list {
    justify-content: flex-start;
}

.events-webinars .blog-breadcrumbs {
    margin-bottom: 32px;
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
}

.events-webinars .blog-breadcrumbs .blog-breadcrumbs__list {
    justify-content: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    /* Firefox */
    scrollbar-width: none;
    /* IE / Edge legacy */
    -ms-overflow-style: none;
    mask-image: linear-gradient(
    to right,
        hsl(240 7% 39% / 1) 0%,
        hsl(240 7% 39% / 1) 80%,
        hsl(240 7% 39% / 0) 100%
    );
}




/* Chrome / Safari / Edge Chromium */
.events-webinars .blog-breadcrumbs .blog-breadcrumbs__list::-webkit-scrollbar {
    display: none;
}

.events-webinars .blog-breadcrumbs__list-item {
    align-items: center;
    color: #16171C;
    text-align: left;
    font-weight: 600;
}

.events-webinars .blog-breadcrumbs__list-item:first-child span {
    font-size: 0;
    display: flex;
    align-items: center;
}

.events-webinars .blog-breadcrumbs__list-item .icon-home {
    width: 20px;
    height: 20px;
    display: block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.29297 4.2041C9.68346 3.81378 10.3165 3.81378 10.707 4.2041L15.9141 9.41113C16.289 9.7861 16.4999 10.2949 16.5 10.8252V15.333C16.5 16.4376 15.6046 17.333 14.5 17.333H5.5C4.39543 17.333 3.5 16.4376 3.5 15.333V10.8252C3.50012 10.2949 3.71097 9.7861 4.08594 9.41113L9.29297 4.2041Z' stroke='%2316171C' stroke-width='2'/%3e%3crect x='7.66699' y='13.5' width='4.66667' height='3.83333' rx='1' stroke='%2316171C' stroke-width='2'/%3e%3c/svg%3e ");
}

.events-webinars .blog-breadcrumbs__list-item:not(:last-child):after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%2316171C' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.events-webinars .blog-breadcrumbs__list-item a {
    display: flex;
    font-weight: 500;
}

.page-template-template-events-webinars-form .events-section {
    margin-bottom: 36px;
}

.page-template-template-events-webinars-form .events-grid {
    display: flex;
    gap: 36px;
    flex-direction: column;
}

.page-template-template-events-webinars-form .events-item {
    max-width: 100%;
    border-radius: 15px;
    background: #E5F0FF;
    padding: 32px;
    margin: 0;
}

.page-template-template-events-webinars-form .events-light .events-main {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.page-template-template-events-webinars-form .back-to-all {
    display: none;
}

.page-template-template-events-webinars-form .back-to-all a {
    background-color: #fff;
    border-radius: 24px;
    padding: 9px 15px 7px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.42;
    position: relative;
    color: #344054;
    text-decoration: none;
    align-items: center;
    gap: 7.5px;
    display: none;
    display: inline-flex;
}

.page-template-template-events-webinars-form .back-to-all a:before {
    transition: all .2s ease-in-out;
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 9L1 5L5 1' stroke='%2342526E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    width: 6px;
    height: 10px;
    margin-bottom: 1px;
}

.page-template-template-events-webinars-form .back-to-all a:hover:before {
    transform: translateX(-4px)
}

.page-template-template-events-webinars-form .location-time {
    color: #0052CC;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 16px;
}

.page-template-template-events-webinars-form .events-section .events-main .content {
    padding-bottom: 0;
    margin-bottom: 32px;
}

.page-template-template-events-webinars-form .events-section .events-main .content:after {
    display: none;
}

.page-template-template-events-webinars-form .events-section .author-box {
    flex-direction: column;
    margin-bottom: 32px;
}


.page-template-template-events-webinars-form .events-section .events-main .content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #16171C;
}

.page-template-template-events-webinars-form .events-light .events-bottom {
    padding: 0;
    margin: 0 0 32px;
}

.page-template-template-events-webinars-form .events-light .events-bottom .location-time {
    color: #42526E;
    margin: 0;
}

.btn-event-box {
    display: flex;
}

.btn-event-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #99C2FF;
    border-radius: 40px;
    width: 100%;
    color: #0052CC;
    gap: 6px;
    transition: opacity .2s ease-in-out;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 22px;
    text-decoration: none;
    font-weight: 600;
}   

.btn-event-box a:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.59961 14.4004L11.9996 16.8004L14.3996 14.4004' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 7.2002L12 16.8002' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    width: 24px;
    height: 24px;
}

.btn-event-box a:hover {
    opacity: .75;
}

.page-template-template-events-webinars-form .events-bottom .location {
    display: flex;
}

.page-template-template-events-webinars-form .mc4wp-form-fields label {
    color: #414653;
    font-size: 14px;
    line-height: 1.42;
    margin-bottom: 6px;
    display: block;
}

.page-template-template-events-webinars-form .mc4wp-form-fields label:has(input[type="checkbox"]) {
    margin-top: 32px;
    margin-bottom: 32px;
}

.page-template-template-events-webinars-form .mc4wp-form-fields label input[type="checkbox"] {
    margin-right: 8px;
}

.page-template-template-events-webinars-form .mc4wp-form-fields .required {
    color: #F41B3B;
}

.page-template-template-events-webinars-form .event-form {
    flex: 1;
}

.page-template-template-events-webinars-form .mc4wp-form-fields .holder-form {
    margin-bottom: 16px;
    width: 100%;
    max-width: 100%;
}

.page-template-template-events-webinars-form .mc4wp-form-fields .holder-form:last-child {
    margin-bottom: 0;
}

.page-template-template-events-webinars-form .holder-form .form-input {
    margin: 0;
    padding: 14px 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #6E768C;
    font-weight: 400;
    max-width: 100%;
}

.submit-btn {
    width: 100%;
}

.page-template-template-events-webinars-form .ltm-link--default {
    height: 60px;
}

.ltm-link--default:hover {    
    border-width: 1px;
    color: #004EEB;    
    transition: all .2s ease-in-out;
    box-shadow: 0px 0px 0px 4px #2970FF3D;
}

.ltm-link--default {    
	width: 100% !important;
	font-size: 18px;
    line-height: 1.44;
    font-weight: 600;
    padding: 15px 20px !important;
    justify-content: center !important;
    border: 2px solid #84ADFF;	
    color: #0040C1;
    box-shadow: 0px 0px 0px 0px #2970FF3D;
}

.ltm-link--default:before {
    display: none;
}

.page-template-template-events-webinars-form .message-form,
.page-template-template-events-webinars-form .message-form-error {
    border: none;
}

.page-template-template-events-webinars-form .message-form h3 {
    font-size: 20px;
    margin: 0 0 32px;
    color: #000;
    font-weight: 600;
}

.page-template-template-events-webinars-form .message-form p {
    margin: 0 auto 42px;
    color: #000;
    font-size: 18px;
    max-width: 400px;
}

.page-template-template-events-webinars-form .message-form .back-to-all a {
    color: #004EEB;
}

.page-template-template-events-webinars-form .message-form .back-to-all a:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 9L1 5L5 1' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

@media(min-width: 768px) {

    .btn-event-box {
        justify-content: center;
    }

    .page-template-template-events-webinars-form .events-section {
        margin-bottom: 54px;
    }

    .events-webinars .blog-breadcrumbs .blog-breadcrumbs__list {
        mask-image: unset;
    
	}	
	
}

@media(min-width: 1024px) {
    
	.page-template-template-events-webinars-form .back-to-all {
        display: block;
        margin-bottom: 32px;
    }

    .page-template-template-events-webinars-form .events-section .events-main .content p {
        font-size: 18px;
        line-height: 1.44;
    }

    .page-template-template-events-webinars-form .events-item {
        max-width: 50%;
    }

    .page-template-template-events-webinars-form .events-light .events-bottom {
        margin: 0;
    }

    .btn-event-box {
        display: none;
    }

    .page-template-template-events-webinars-form .events-grid {
        gap: 24px;
        flex-direction: row;
        align-items: center;
    }

    .page-template-template-events-webinars-form .events-section {
        margin-bottom: 48px;
    }
}

@media(min-width: 1440px) {
    .events-webinars .blog-breadcrumbs {
        margin-bottom: 40px;
        padding-top: 32px;
    }

    .page-template-template-events-webinars-form .events-section .author-text .name {
        font-size: 14px;
    }

    .page-template-template-events-webinars-form .events-grid {
        gap: 36px;
    }

    .page-template-template-events-webinars-form .events-section {
        margin-bottom: 64px;
    }

    .page-template-template-events-webinars-form .events-item {
        max-width: 582px;
    }
}

/* blog search form */
.oboard-search__form {
    display: flex;
    align-items: center;
    max-width: 600px;
    margin: 0 auto 20px;
    border: 1px solid #CFD6E2;
    border-radius: 99px;
    height: 54px;
    overflow: hidden;
}

.oboard-search__form .ltm-link__text {
    border: none;
    padding: 15px 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #14161A;
    flex: 1;
}

.oboard-search__form .ltm-link__text::placeholder {
    color: #6E768C;
}

.oboard-search__form .ltm-link__icon-search {
    width: 44px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
    cursor: pointer;
}

.oboard-search__form .ltm-link__icon-search.inactive {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='5' cy='5' r='4' stroke='%2342526E' stroke-width='2'/%3e%3cpath d='M8.33333 8.33334C9.47236 9.47237 9.6943 9.69431 10.8333 10.8333' stroke='%2342526E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.oboard-search__form .ltm-link__icon-search.active {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.6667 7.5L14.1667 10L11.6667 12.5' stroke='%2342526E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M13.3333 10L5.83333 10' stroke='%2342526E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.oboard-search__form:has(.ltm-link__text.active),
.oboard-search__form:has(.ltm-link__text:focus) {
    border-color: #66A3FF;
}


/* end partners page */