.wysiwyg *:last-child {
    margin-bottom: 0;
}

.swiper-pagination.mr-swiper-pagination {
    top: initial;
    bottom: -16px;
    margin-left: 0;
    margin-right: 0;

    span {
        width: 10px;
        height: 10px;
        margin: 0 8px !important;
        border: 1px solid #000;
        background-color: transparent;
        opacity: 1;
    }

    .swiper-pagination-bullet-active {
        background-color: #000;
    }
}

.swiper-pagination.mr-swiper-pagination.mr-swiper-pagination--inverted {
    span {
        border: 1px solid #fff;
    }

    .swiper-pagination-bullet-active {
        background-color: #fff;
    }
}

.blue-grid-gradient {
    background-color: #e7f0fd;
    background-image:
            linear-gradient(to right, #b3cde036 1px, transparent 2px),
            linear-gradient(to bottom, #b3cde026 2px, transparent 2px);
    background-size: 24px 24px;
    background-repeat: repeat;
}

.green-grid-gradient {
    background-color: #d8f0e0;
    background-image:
            linear-gradient(to bottom, #9DC6FFFF 1px, transparent 1px);
    background-size: 40px 40px;
    background-repeat: repeat;
}

.yellow-grid-gradient {
    background-color: #e7f0fd;
    background-image:
            linear-gradient(to right, #b3cde0 1px, transparent 1px),
            linear-gradient(to bottom, #b3cde0 1px, transparent 1px);
    background-size: 24px 24px;
    background-repeat: repeat;
}

.yellow-dotted-grid-gradient {
    background-color: #FFECB9;
    background-image: radial-gradient(#6fa8dc 0.8px, transparent 0.8px);
    background-size: 24px 24px;
    background-repeat: repeat;
}

.hero-big {
    background-color: var(--Surface-Blue-Accent, #00409B);
    overflow: hidden;
    position: relative;

    @media screen and (min-width: 980.98px) {
        margin-bottom: 32px;
    }

    @media screen and (min-width: 1439.98px) {
        margin-bottom: 64px;
    }

    .hero-top {
        display: flex;
        flex-direction: column;

        @media screen and (min-width: 980.98px) {
            position: relative;
            flex-direction: row;
            align-items: center;
            border-radius: 0 var(--Radius-4XL, 80px) var(--Radius-4XL, 80px) 0;
            margin-top: 36px;
        }
    }

    .hero-top__content {
        display: flex;
        padding: var(--Padding-8XL, 48px) var(--Padding-L, 16px) var(--Padding-15XL, 76px) var(--Padding-L, 16px);
        flex-direction: column;
        align-items: flex-start;
        border-radius: 0 0 var(--Radius-M, 24px) var(--Radius-M, 24px);
        z-index: 1;
        position: relative;
        overflow: hidden;
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: -25px;

        @media screen and (min-width: 980.98px) {
            left: -16px;
            display: flex;
            width: 780px;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 0;
            padding: var(--Padding-17XL, 120px) var(--Padding-4XL, 32px);
            border-radius: var(--Radius-4XL, 80px);
        }

        @media screen and (min-width: 1439.98px) {
            left: -32px;
            display: flex;
            width: 915px;
            padding: var(--Padding-17XL, 120px);
        }

        .wysiwyg {
            text-align: center;

            @media screen and (min-width: 980.98px) {
                max-width: 540px;
                text-align: initial;
            }
        }
    }

    .hero-top__bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;

            @media screen and (min-width: 980.98px) {
                border-radius: var(--Radius-4XL, 80px);
            }
        }
    }

    .hero-top__image {
        position: relative;

        z-index: 2;
        width: 288px;
        height: 223px;
        margin: 0 auto;

        @media screen and (min-width: 980.98px) {
            position: absolute;
            z-index: 10;
            left: 733px;
            top: 50%;
            transform: translateY(-50%);
            width: 500px;
            height: 389px;
            margin: 0 0 0 -140px;
        }

        @media screen and (min-width: 1439.98px) {
            position: relative;
            width: 592px;
            height: 460px;
            margin-left: -216px;
            margin-bottom: 34px;
            transform: none;
            top: initial;
            left: initial;
        }

        img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            border-radius: var(--Radius-M, 24px);
        }
    }

    .hero-top__image::before {
        position: absolute;
        bottom: -39px;
        right: 25px;
        display: block;
        content: url('data:image/svg+xml,<svg width="43" height="48" viewBox="0 0 43 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.1855 45.0931C42.1855 47.5584 39.2216 48.8114 37.4532 47.0938L23.2098 33.2595C22.1276 32.2083 20.4056 32.2083 19.3233 33.2595L5.07998 47.0938C3.31157 48.8114 0.347656 47.5584 0.347656 45.0931V3.39823C0.347656 1.85786 1.59637 0.609146 3.13674 0.609146H39.3964C40.9368 0.609146 42.1855 1.85786 42.1855 3.39823V45.0931Z" fill="%2341AA64"/></svg>');
        width: 41px;
        height: 51px;
        z-index: -1;

        @media screen and (min-width: 1439.98px) {
            right: 72px;
            bottom: -65px;
            transform: scale(2);
        }
    }

    .hero-logos {
        margin-left: -16px;
        margin-right: -16px;

        @media screen and (min-width: 980.98px) {
            margin-left: 0;
            margin-right: 0;
        }
    }

    .hero-bottom {
        position: relative;
        border-radius: var(--Radius-M, 24px);
        padding: 22px 24px;
        margin: 0 auto;

        @media screen and (min-width: 980.98px) {
            padding: 65px 130px;
            max-width: 916px;
            border-radius: var(--Radius-XL, 44px);
        }

        @media screen and (min-width: 1439.98px) {
            padding: 64px;
            max-width: 926px;
        }
    }

    .logos-slider {
        margin-top: 45px;
        margin-bottom: 41px;

        @media screen and (min-width: 980.98px) {
            margin-top: 60px;
            margin-bottom: 64px;
        }

        .swiper-slide {
            width: auto;
        }
    }

    .hero-top__buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 16px;
        margin-top: var(--Margin-4XL, 32px);

        @media screen and (min-width: 980.98px) {
            margin-top: var(--Margin-7XL, 44px);
            flex-direction: row;
        }

        @media screen and (min-width: 1439.98px) {
            margin-top: 40px;
        }

        .btn {
            width: 100%;
            text-align: center;

            @media screen and (min-width: 980.98px) {
                width: auto;
                text-align: initial;
            }
        }

        .btn--label {
            background-color: var(--Yellow-200);
            border-width: 2px;
        }

        .btn--label:hover {
            background-color: var(--Surface-Basic-Primary, #EBEDF0);
        }
    }
}

.hero-big.with-bottom-text {
    position: relative;
}


.hero-big.with-bottom-text::before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    background-color: #fff;

    @media screen and (min-width: 980.98px) {
        height: 116px;
    }
}

/* Video Gallery */
.video-gallery {
    display: flex;
    padding: var(--Padding-10XL, 56px) 0;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Margin-5XL, 36px);

    @media screen and (min-width: 980.98px) {
        padding: var(--Padding-12XL, 64px) var(--Padding-4XL, 32px) var(--Padding-16XL, 80px) var(--Padding-4XL, 32px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Margin-5XL, 36px);
        align-self: stretch;
        margin-top: 32px;
    }

    @media screen and (min-width: 1439.98px) {
        padding: var(--Padding-12XL, 64px) var(--Padding-17XL, 120px) var(--Padding-17XL, 120px) var(--Padding-17XL, 120px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Margin-7XL, 44px);
        align-self: stretch;
        margin-top: 64px;
    }


    .mr-container {
        @media screen and (min-width: 980.98px) {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .video-gallery-top {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 44px;

        @media screen and (min-width: 980.98px) {
            flex-direction: row;
            align-items: center;
            margin-bottom: 36px;
        }

        @media screen and (min-width: 1439.98px) {
            margin-bottom: 44px;
        }

        .wysiwyg {
            text-align: center;

            @media screen and (min-width: 980.98px) {
                text-align: initial;
            }
        }

        .btn {
            text-align: center;

            @media screen and (min-width: 980.98px) {
                text-align: initial;
            }
        }
    }

    .btn--video-gallery {
        flex-shrink: 0;
    }

    .video-gallery-content {
        padding-bottom: 36px;

        @media screen and (min-width: 980.98px) {
            padding-bottom: 0;
        }

        .swiper-pagination.mr-swiper-pagination {
            bottom: -16px;

            @media screen and (min-width: 980.98px) {
                display: none;
            }
        }
    }

    .video-gallery-content__inner {
        display: flex;

        @media screen and (min-width: 980.98px) {
            gap: 16px;
        }
    }

    .video-gallery__item {
        --video-border-color: #DBF4FF;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-radius: var(--Radius-XL, 44px);
        border: var(--Width-XL, 8px) solid var(--For-Skills-Emotional-Recognition-Primary, #DBF4FF);
        background-color: var(--video-border-color);
        border-color: var(--video-border-color);
        min-height: 250px;
        aspect-ratio: 16 / 9;
        z-index: 1;
        overflow: hidden;

        cursor: pointer;
        transition: all 0.5s ease-in-out;

        @media screen and (min-width: 980.98px) {
            flex: 1;
            height: 539px;
        }

        video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: relative;
        }

        .video-title {
            position: absolute;
            left: 0;
            top: 0;
            display: inline-flex;
            color: var(--Content-Text-Heading-Primary, #011633);
            width: 100%;
            z-index: 2;
            padding: 16px 22px 20px;

            border-bottom-right-radius: 0;
            background-color: var(--video-border-color);
            transition: border-bottom-right-radius 0.2s ease-in-out;

            h4 {
                font-family: var(--Heading-2XS-Bree-Serif-Family, "Bree Serif");
                font-size: var(--Heading-2XS-Bree-Serif-Size, 20px);
                font-style: normal;
                font-weight: 400;
                line-height: var(--Heading-2XS-Bree-Serif-Line-Height, 28px); /* 140% */
                letter-spacing: var(--Heading-2XS-Bree-Serif-Letter-Spacing, 0px);
                padding-bottom: 0;
            }
        }
    }

    .video-gallery__item:nth-child(2) {
        --video-border-color: #E4F5CB;
    }

    .video-gallery__item:nth-child(3) {
        --video-border-color: #F0E5FF;
    }

    .video-gallery__item:nth-child(4) {
        --video-border-color: #FCEFFF;
    }

    .video-gallery__item.active {
        width: 100%;

        @media screen and (min-width: 980.98px) {
            flex: 2;
        }

        @media screen and (min-width: 1439.98px) {
            flex: 3.5;
        }

        .video-title {
            border-bottom-right-radius: 22px;
            width: auto;
        }

        .decor {
            opacity: 1;
        }
    }

    .video-gallery__item.playing .video-play-button,
    .video-gallery__item:not(.active) .video-play-button {
        opacity: 0;
    }

    .video-preview-overlay {
        z-index: 1;
    }

    .decor {
        display: block;
        position: absolute;
        line-height: 0;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;

        svg .bg {
            fill: var(--video-border-color, transparent);
        }
    }

    .decor--before {
        bottom: -15px;
        left: 0;
    }

    .decor--after {
        top: 0;
        right: -15px;
    }
}

.video-play-button {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5625 10.4411C16.6375 9.87235 15.475 9.8536 14.5312 10.3849C13.5875 10.9161 13 11.9161 13 13.0036V35.0036C13 36.0911 13.5875 37.0911 14.5312 37.6224C15.475 38.1536 16.6375 38.1286 17.5625 37.5661L35.5625 26.5661C36.4562 26.0224 37 25.0536 37 24.0036C37 22.9536 36.4562 21.9911 35.5625 21.4411L17.5625 10.4411Z" fill="%2300409B"/></svg>');
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 2;
    transition: opacity 0.3s ease;
    border-radius: 50%;
    border: none;
    background-color: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(4px);
}

.video-gallery__item.playing .video-play-button {
    opacity: 0;
    pointer-events: none;
}

/* simple-text-image */
.simple-text-image {
    padding: var(--Padding-10XL, 56px) 0;

    @media screen and (min-width: 980.98px) {
        padding: var(--Padding-12XL, 64px) var(--Padding-4XL, 32px);
    }

    @media screen and (min-width: 1439.98px) {
        padding: var(--Padding-12XL, 64px) var(--Padding-17XL, 120px);
    }

    .mr-container {
        @media screen and (min-width: 980.98px) {
            padding: 0;
        }
    }

    .simple-text-image__top {
        max-width: 780px;
        margin: 0 auto;
        text-align: center;

        .mr-hfs3 {
            padding-bottom: 0;
        }
    }

    .content-container {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: var(--Margin-4XL, 32px);
        align-self: stretch;
        background: var(--Surface-Neutral-White, #FFF);
        margin-top: -8px;

        z-index: 2;
        border-radius: 18px;
        position: relative;

        padding: var(--Margin-4XL, 32px) var(--Padding-4XL, 32px);

        @media screen and (min-width: 980.98px) {
            border-radius: var(--Radius-XL, 44px);
            padding: var(--96, 96px) var(--Padding-8XL, 48px);
            max-width: 500px;
            margin-bottom: -8px;
            margin-left: -8px;
        }

        @media screen and (min-width: 1199.98px) {
            max-width: 600px;
        }

        @media screen and (min-width: 1439.98px) {
            padding: var(--96, 96px) var(--Padding-10XL, 48px);
            max-width: 690px;
        }

        .simple-text-image__buttons {
            width: 100%;
        }

        .btn {
            white-space: nowrap;

            @media screen and (max-width: 500px) {
                padding: 11px 20px;
                font-size: 16px;
                width: 100%;
                text-align: center;
            }
        }
    }

    .image-container {
        overflow: hidden;
        line-height: 0;
        margin-top: -22px;
        border-radius: 0;
        min-height: 360px;

        @media screen and (min-width: 980.98px) {
            margin-top: 0;
            margin-left: -24px;
            width: 100%; /* width: 536px; */
            border-radius: 0 33px 33px 0;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            min-height: 360px;
        }
    }
}

.simple-text-image__content {
    /*padding: var(--Padding-10XL, 56px) var(--Padding-L, 16px);*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    margin-top: var(--Margin-5XL, 36px);
    /*align-self: stretch;*/
    border-radius: 32px;
    border: var(--Width-XL, 8px) solid var(--Border-White, #FFF);
    background: var(--Surface-Neutral-White, #FFF);
    overflow: hidden;

    @media screen and (min-width: 980.98px) {
        /*padding: var(--Padding-12XL, 64px) var(--Padding-4XL, 32px);*/
        display: flex;
        border-radius: var(--Radius-XL, 44px);
    }

    @media screen and (min-width: 1439.98px) {
        /*padding: var(--Padding-12XL, 64px) var(--Padding-17XL, 120px);*/
        margin-top: var(--Margin-7XL, 44px);
    }
}

/* Files */
.files {
    display: flex;
    flex-direction: column;
    padding: var(--Padding-12XL, 64px) 0;

    @media screen and (min-width: 980.98px) {
        padding: var(--Padding-12XL, 64px) 0 84px;
    }

    @media screen and (min-width: 1439.98px) {
        padding: var(--Padding-12XL, 64px) 0 100px;
    }

    .mr-container {
        @media screen and (min-width: 980.98px) {
            padding-left: 32px;
            padding-right: 32px;
        }
    }
}

.files-top {
    max-width: 600px;
    margin: 0 auto;
}

.files-content__inner {
    display: flex;
    flex-direction: column;
    margin-top: 36px;
    row-gap: 16px;


    @media screen and (min-width: 499.98px) {
        flex-direction: row;
    }

    @media screen and (min-width: 1199.98px) {
        gap: 16px;
    }

    @media screen and (min-width: 1439.98px) {
        margin-top: var(--Margin-7XL, 44px);
    }

    .files__item {
        position: relative;
        display: flex;
        background-color: #9DC6FF;
        padding-top: var(--Margin-4XL, 32px);
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        align-self: stretch;
        margin-top: 39px;
        width: 100%;
        max-width: 389px;
        border-radius: 0 var(--Radius-M, 24px) var(--Radius-M, 24px) var(--Radius-M, 24px);

        .item-text {
            padding: var(--Padding-2XL, 24px);
            border-radius: var(--Radius-M, 24px);
            background: var(--Surface-Blue-Secondary, #E2EEFF);
            box-shadow: 28px -152px 43px 0px rgba(203, 200, 211, 0.00), 18px -97px 40px 0px rgba(201, 201, 205, 0.01), 10px -55px 33px 0px rgba(163, 160, 171, 0.03), 5px -24px 25px 0px rgba(163, 160, 171, 0.04), 1px -6px 14px 0px rgba(163, 160, 171, 0.05);
            z-index: 2;
            text-align: left;

            @media screen and (min-width: 980.98px) {
                padding: var(--Padding-4XL, 32px);
            }
        }
    }

    .files__item:nth-child(2) {
        .item-text {
            background: var(--Surface-Green-Primary, #D8F0E0);
        }
    }

    .files__item:last-child {
        .item-text {
            background: var(--Surface-Yellow-Secondary, #FFF5D9);
        }
    }

    .files__item::before {
        position: absolute;
        top: -39px;
        left: 0;
        display: block;
        content: '';
        width: 194px;
        height: 39px;
        background-color: #9DC6FF;
        clip-path: path("M0 18.5752C0 8.31641 8.31641 0 18.5752 0H161.842C168.665 0 174.938 3.73996 178.183 9.7415L194 39H0V18.5752Z");
    }

    .files__item:nth-child(2),
    .files__item:nth-child(2)::before {
        background-color: #8FD5A6;
    }

    .files__item:last-child,
    .files__item:last-child::before{
        background-color: #FFECB9;
    }

    .item-images {
        position: relative;
        padding: 0 13px;
        height: 175px;
        width: 100%;
        /*overflow: hidden;*/

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .item-images__wrapper {
        position: absolute;
        height: 235px;
        width: 261px;
        transform: rotate(-2deg);
        overflow: hidden;
        border-radius: var(--Radius-S, 16px);
        border: var(--Width-XL, 8px) solid var(--Border-White, #FFF);
        top: 0;
        left: 13px;
    }

    .item-images__wrapper:last-child {
        width: 284px;
        height: 160px;
        aspect-ratio: 284.37/160.47;
        transform: rotate(0deg);
        top: 70px;
        right: 20px;
        left: initial;
    }
}

/* Videos */
.videos {
    display: flex;
    background: var(--Surface-Green-Accent, #22723C);
    border-radius: var(--Radius-M, 24px);
    overflow: hidden;
    padding-top: 32px;
    padding-bottom: 100px;

    @media screen and (min-width: 980.98px) {
        margin-top: 44px;
        padding-bottom: 105px;
    }

    @media screen and (min-width: 1439.98px) {
        margin-top: 44px;
        padding: 0 var(--Padding-17XL, 32px) 105px var(--Padding-17XL, 32px);
    }

    .mr-container {
        @media screen and (min-width: 980.98px) {
            padding-left: 32px;
            padding-right: 32px;
        }

        @media screen and (min-width: 1439.98px) {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .swiper-pagination {
        top: initial;
        bottom: -20px !important;

        @media screen and (min-width: 980.98px) {
            display: none;
        }
    }
}

.videos-content {
    display: flex;
    align-items: center;
    align-self: stretch;
    margin-top: 36px;

    @media screen and (min-width: 980.98px) {
        gap: var(--Margin-L, 16px);
    }

    @media screen and (min-width: 1439.98px) {
        margin-top: 44px;
    }

    .videos__item {
        /*display: flex;*/
        flex-direction: column;
        gap: -24px;
        /*aspect-ratio: 16 / 9;*/
        /*width: 336px;*/

        @media screen and (min-width: 500px) {
            /*width: 336px;*/
        }

        @media screen and (min-width: 980.98px) {
            width: auto;
            flex: 1 0 0;
            /*width: 336px;*/
        }
    }

    .video-text {
        position: relative;
        display: flex;
        padding: var(--Padding-4XL, 32px);
        flex-direction: column;
        border-radius: var(--Radius-M, 24px);
        background-color: var(--Surface-Blue-Secondary, #E2EEFF);
        margin-top: -24px;
        z-index: 2;
        text-align: initial;
        width: 100%;
    }

    .video-container {
        position: relative;
        line-height: 0;
        border-radius: var(--Radius-M, 24px) var(--Radius-M, 24px) 0 0;
        overflow: hidden;
        height: 336px;

        @media screen and (min-width: 980.98px) {
            height: 344px;
        }

        @media screen and (min-width: 1439.98px) {
            height: 455px;
        }

        video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.video-preview-overlay {
    display: none;
}

.video-preview-overlay.visible {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* Parallax with Counters */
.parallax-with-counters {
    position: relative;
    margin-bottom: 24px;

    @media screen and (min-width: 980.98px) {
        margin-bottom: 0;
    }

    @media screen and (min-width: 980.98px) {
        margin-bottom: 64px;
    }

    .mr-container {
        position: relative;

        @media screen and (min-width: 980.98px) {
            padding-left: 32px;
            padding-right: 32px;
        }
    }

    .mr-container--big {
        min-height: 311px;
        border-radius: var(--Radius-L, 32px);
        overflow: hidden;
        padding-top: 64px;
        padding-bottom: 64px;

        @media screen and (min-width: 980.98px) {
            min-height: 544px;
            border-radius: var(--Radius-3XL, 64px);
            padding-top: 88px;
        }

        @media screen and (min-width: 1439.98px) {
            min-height: 718px;
            padding-left: 120px;
            padding-top: 153px;
            padding-bottom: 170px;
        }
    }

    .parallax-items {
        left: 625px;
        width: 500px;
        height: 311px;

        @media screen and (min-width: 500px) {
            width: 100%;
        }

        @media screen and (min-width: 980.98px) {
            position: absolute;
            top: 0;
            width: 900px;
            height: 544px;
            left: 524px;
        }

        @media screen and (min-width: 1439.98px) {
            height: calc(718px);
            left: 625px;
        }
    }

    .screenshot-columns {
        display: flex;
        gap: 8px;
        height: 100%;

        @media screen and (min-width: 980.98px) {
            gap: 24px;
        }
    }

    .screenshot-col {
        flex: 1;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .screenshot-inner {
        position: absolute;
        top: 0;
        width: 100%;
        will-change: transform;
        transition: transform 0.1s ease-out;
    }

    .screenshot-inner img {
        width: 100%;
        height: auto;
    }

    .counters {
        /*display: grid;*/
        /*grid-auto-flow: column;*/
        /*grid-auto-columns: 1fr;*/
        /*gap: 17px;*/
        max-width: 994px;
        margin: 0 auto;

        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 17px;
        margin-top: -90px;

        @media screen and (min-width: 980.98px) {
            margin-top: -130px;
        }

        @media screen and (min-width: 1439.98px) {
            margin-top: -135px;
        }
    }

    .counter {

        box-sizing: border-box;
        text-align: center;
        position: relative;
        padding: 24px var(--Padding-7XL, 26px) var(--Padding-7XL, 24px) var(--Padding-7XL, 25px);
        border-radius: var(--Radius-M, 24px);
        background: var(--Surface-Blue-Secondary, #E2EEFF);
        width: 100%;

        @media screen and (min-width: 767.98px) {
            flex: 0 0 calc(100% / 3 - 17px);
        }

        @media screen and (min-width: 980.98px) {
            border-radius: var(--Radius-L, 32px);
            padding: 42px var(--Padding-7XL, 29.667px) var(--Padding-7XL, 41px) var(--Padding-7XL, 28px);
        }

        @media screen and (min-width: 1439.98px) {
            padding: 66px var(--Padding-7XL, 43px) var(--Padding-7XL, 72px) var(--Padding-7XL, 43px);
        }
    }

    .counter::before {
        display: block;
        content: '';
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background-color: #4592FF;
        position: absolute;
        top: -22px;
        left: 50%;
        transform: translateX(-50%);
    }

    .counter__title {
        color: var(--Content-Text-Heading-Accent-Blue, #00409B);
        text-align: center;
        font-family: var(--Heading-2XL-Bree-Serif-Family, "Bree Serif");
        font-size: var(--Heading-2XL-Bree-Serif-Size, 56px);
        font-weight: 400;
        line-height: var(--Heading-2XL-Bree-Serif-Line-Height, 56px);

        @media screen and (min-width: 980.98px) {
            font-size: var(--Heading-2XL-Bree-Serif-Size, 72px);
            line-height: var(--Heading-2XL-Bree-Serif-Line-Height, 72px);
        }

        @media screen and (min-width: 1439.98px) {
            font-size: var(--Heading-2XL-Bree-Serif-Size, 84px);
            line-height: var(--Heading-2XL-Bree-Serif-Line-Height, 84px);
        }
    }
}

.parallax-with-counters.active-counters {
    .mr-container--big {
        @media screen and (max-width: 980.98px) {
            padding-bottom: 180px;
        }
    }



    .parallax-with-counters__description {
        padding-bottom: 48px;

        @media screen and (min-width: 980.98px) {
            padding-bottom: 238px;
        }

        @media screen and (min-width: 1439.98px) {
            padding-bottom: 270px;
        }
    }
}

.parallax-with-counters__description {
    @media screen and (min-width: 980.98px) {
        padding-bottom: 100px;
        max-width: 413px;
    }

    @media screen and (min-width: 1439.98px) {
        padding-bottom: 100px;
        max-width: 430px;
    }

    .wysiwyg {
        text-align: center;

        @media screen and (min-width: 980.98px) {
            text-align: initial;
        }
    }
}

.parallax-with-counters__buttons {
    margin-top: 32px;
    width: 100%;

    @media screen and (min-width: 980.98px) {
        margin-top: 44px;
        width: auto;
    }

    .btn {
        width: 100%;
        text-align: center;

        @media screen and (min-width: 980.98px) {
            width: auto;
            text-align: initial;
        }
    }
}

/* Testimonials */
.testimonials {
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 120px;

    @media screen and (min-width: 980.98px) {
        padding-bottom: 148px;
    }

    @media screen and (min-width: 1439.98px) {
        padding-bottom: 156px;
    }

    .mr-container {
        @media screen and (min-width: 980.98px) {
            padding-left: 32px;
            padding-right: 32px;
        }
    }

    .testimonials__content {
        position: relative;
    }

    .testimonials-top {
        display: flex;
        flex-direction: column;
        margin-bottom: 44px;
    }

    .testimonials-top-title {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 10px;

        strong, b {
            color: var(--Blue-400);
            position: relative;
        }

        strong:before, b:before {
            content: '';
            position: absolute;
            width: calc(100% + 16px);
            height: 100%;
            left: -8px;
            background-color: var(--Yellow-200);
            z-index: -1;
        }

        @media screen and (min-width: 980.98px) {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
        }

        .btn {
            flex-shrink: 0;
            text-align: center;
        }
    }

    .testimonials-top-subtitle p {
        color: var(--Content-Text-Body-Primary, #283445);
        font-family: var(--Body-M-Lexend-Regular-Family, Lexend);
        font-weight: 400;
        line-height: 30px;
        font-size: 20px;

        @media screen and (max-width: 768px) {
            display: none;
        }

    }

    .testimonial {
        width: auto;
        height: auto;
        max-width: 592px;
        text-align: initial;
        padding: var(--Padding-4XL, 32px);
        border-radius: var(--Radius-M, 24px);
        background-image: url('/wp-content/themes/eds-divi-child-theme/mr/assets/images/testimonial-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        @media screen and (min-width: 980.98px) {
            padding: var(--Padding-7XL, 44px);
        }

        @media screen and (min-width: 1439.98px) {
            padding: var(--Padding-7XL, 44px);
        }
    }

    .testimonial__container {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .testimonial__text-wrapper {
        position: relative;
        padding-top: 36px;
        padding-bottom: 36px;
        margin-bottom: 23px;

        @media screen and (min-width: 980.98px) {
            margin-bottom: 0;
        }
    }

    .testimonial__text-wrapper::before,
    .testimonial__text-wrapper::after {
        position: absolute;
        display: block;
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyNSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjc0IDYuNUM2LjMxMjM1IDYuNSA3LjMyNzM5IDYuODA3OTEgOC4xOTA3NCA3LjM4NDc4QzkuMDU0MSA3Ljk2MTY2IDkuNzI3MDEgOC43ODE2IDEwLjEyNDQgOS43NDA5MUMxMC41MjE3IDEwLjcwMDIgMTAuNjI1NyAxMS43NTU4IDEwLjQyMzEgMTIuNzc0MkMxMC4yMjA2IDEzLjc5MjYgOS43MjA1NCAxNC43MjgxIDguOTg2MzEgMTUuNDYyM0M4LjI1MjA4IDE2LjE5NjUgNy4zMTY2MiAxNi42OTY2IDYuMjk4MjIgMTYuODk5MUM1LjI3OTgyIDE3LjEwMTcgNC4yMjQyMiAxNi45OTc3IDMuMjY0OTEgMTYuNjAwNEMyLjMwNTYgMTYuMjAzIDEuNDg1NjYgMTUuNTMwMSAwLjkwODc4NSAxNC42NjY3QzAuMzMxOTA3IDEzLjgwMzQgMC4wMjQgMTIuNzg4NCAwLjAyNCAxMS43NUwwIDExQzAgOC4yMTUyMyAxLjEwNjI1IDUuNTQ0NTEgMy4wNzUzOCAzLjU3NTM4QzUuMDQ0NTEgMS42MDYyNSA3LjcxNTIzIDAuNSAxMC41IDAuNVYzLjVDOS41MTQ2NSAzLjQ5NzM1IDguNTM4NTYgMy42OTAwNyA3LjYyODE1IDQuMDY3QzYuNzE3NzQgNC40NDM5MyA1Ljg5MTA5IDQuOTk3NiA1LjE5NiA1LjY5NkM0LjkyNTggNS45NjU2MSA0LjY3NjU4IDYuMjU1NDUgNC40NTA1IDYuNTYzQzQuNzE5NSA2LjUyIDQuOTkzNSA2LjQ5ODUgNS4yNzI1IDYuNDk4NUw1LjI3NCA2LjVaTTE4Ljc3NCA2LjVDMTkuODEyNCA2LjUgMjAuODI3NCA2LjgwNzkxIDIxLjY5MDcgNy4zODQ3OEMyMi41NTQxIDcuOTYxNjYgMjMuMjI3IDguNzgxNiAyMy42MjQ0IDkuNzQwOTFDMjQuMDIxNyAxMC43MDAyIDI0LjEyNTcgMTEuNzU1OCAyMy45MjMxIDEyLjc3NDJDMjMuNzIwNiAxMy43OTI2IDIzLjIyMDUgMTQuNzI4MSAyMi40ODYzIDE1LjQ2MjNDMjEuNzUyMSAxNi4xOTY1IDIwLjgxNjYgMTYuNjk2NiAxOS43OTgyIDE2Ljg5OTFDMTguNzc5OCAxNy4xMDE3IDE3LjcyNDIgMTYuOTk3NyAxNi43NjQ5IDE2LjYwMDRDMTUuODA1NiAxNi4yMDMgMTQuOTg1NyAxNS41MzAxIDE0LjQwODggMTQuNjY2N0MxMy44MzE5IDEzLjgwMzQgMTMuNTI0IDEyLjc4ODQgMTMuNTI0IDExLjc1TDEzLjUgMTFDMTMuNSA4LjIxNTIzIDE0LjYwNjIgNS41NDQ1MSAxNi41NzU0IDMuNTc1MzhDMTguNTQ0NSAxLjYwNjI1IDIxLjIxNTIgMC41IDI0IDAuNVYzLjVDMjMuMDE0NyAzLjQ5NzM1IDIyLjAzODYgMy42OTAwNyAyMS4xMjgyIDQuMDY3QzIwLjIxNzcgNC40NDM5MyAxOS4zOTExIDQuOTk3NiAxOC42OTYgNS42OTZDMTguNDI1OCA1Ljk2NTYxIDE4LjE3NjYgNi4yNTU0NSAxNy45NTA1IDYuNTYzQzE4LjIxOTUgNi41MiAxOC40OTQgNi41IDE4Ljc3NCA2LjVaIiBmaWxsPSIjNkM3NDdGIi8+Cjwvc3ZnPgo=');
    }

    .testimonial__text-wrapper::before {
        left: 0;
        top: 0;
    }

    .testimonial__text-wrapper::after {
        bottom: 0;
        right: 0;
        transform: rotate(180deg);
    }

    .testimonial__text {
        color: var(--Content-Text-Body-Primary, #283445);
        font-family: var(--Body-M-Lexend-Regular-Family, Lexend);
        font-weight: 400;
        line-height: 24px;
        font-size: 16px;

        @media screen and (min-width: 980.98px) {
            font-size: var(--Body-M-Lexend-Regular-Size, 18px);
            line-height: var(--Body-M-Lexend-Regular-Line-Height, 28px);
        }

        @media screen and (min-width: 1439.98px) {
            font-size: var(--Body-M-Lexend-Regular-Size, 20px);
            line-height: var(--Body-M-Lexend-Regular-Line-Height, 30px);
        }
    }

    .testimonial__author {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: var(--Margin-L, 16px);
        margin-top: auto;
    }

    .testimonial__author-description {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Margin-S, 8px);
    }

    .testimonial__author-name {
        padding: 0;
    }

    .testimonial__author-position {
        color: var(--Content-Text-Body-Secondary, #485260);
    }

    .testimonial__author-image {
        display: none;
        width: 86px;
        height: 86px;
        border-radius: var(--Radius-Pill, 1000px);
        overflow: hidden;

        @media screen and (min-width: 980.98px) {
            display: block;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: block;
        width: 48px;
        height: 48px;
        right: 0;
        position: absolute;
        bottom: initial;
        transition: none;
        transform: none;
        top: calc(100% + 64px) !important;
        background-color: transparent;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV8xNDk4XzQ3NCIgZmlsbD0id2hpdGUiPgo8cGF0aCBkPSJNMCAyNEMwIDEwLjc0NTIgMTAuNzQ1MiAwIDI0IDBDMzcuMjU0OCAwIDQ4IDEwLjc0NTIgNDggMjRDNDggMzcuMjU0OCAzNy4yNTQ4IDQ4IDI0IDQ4QzEwLjc0NTIgNDggMCAzNy4yNTQ4IDAgMjRaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTI0IDQ4VjQ2LjVDMTEuNTczNiA0Ni41IDEuNSAzNi40MjY0IDEuNSAyNEgwSC0xLjVDLTEuNSAzOC4wODMzIDkuOTE2NzQgNDkuNSAyNCA0OS41VjQ4Wk00OCAyNEg0Ni41QzQ2LjUgMzYuNDI2NCAzNi40MjY0IDQ2LjUgMjQgNDYuNVY0OFY0OS41QzM4LjA4MzMgNDkuNSA0OS41IDM4LjA4MzMgNDkuNSAyNEg0OFpNMjQgMFYxLjVDMzYuNDI2NCAxLjUgNDYuNSAxMS41NzM2IDQ2LjUgMjRINDhINDkuNUM0OS41IDkuOTE2NzQgMzguMDgzMyAtMS41IDI0IC0xLjVWMFpNMjQgMFYtMS41QzkuOTE2NzQgLTEuNSAtMS41IDkuOTE2NzQgLTEuNSAyNEgwSDEuNUMxLjUgMTEuNTczNiAxMS41NzM2IDEuNSAyNCAxLjVWMFoiIGZpbGw9IiMyODM0NDUiIG1hc2s9InVybCgjcGF0aC0xLWluc2lkZS0xXzE0OThfNDc0KSIvPgo8cGF0aCBkPSJNMjEuNSAxOS41TDI2LjUgMjQuNUwyMS41IDI5LjUiIHN0cm9rZT0iIzAxMTYzMyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
        background-position: center;
        background-size: contain;
        border-radius: 50%;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        border: 1px solid #283445;
        background-color: #FFD768;
    }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: '';
    }

    .swiper-button-prev {
        transform: rotate(180deg);
        right: 60px;
        left: initial;
    }

    .swiper-pagination {
        width: auto !important;
        top: calc(100% + 46px) !important;
        left: 0;
        bottom: initial;
        right: initial;
        margin: 0;
        color: var(--Content-Text-Heading-Accent-Blue, #00409B);
        font-family: var(--Heading-S-Bree-Serif-Family, "Bree Serif");
        font-size: var(--Heading-S-Bree-Serif-Size, 20px);
        font-weight: 400;
        line-height: var(--Heading-S-Bree-Serif-Line-Height, 24px);

        @media screen and (min-width: 980.98px) {
            font-size: var(--Heading-S-Bree-Serif-Size, 24px);
            line-height: var(--Heading-S-Bree-Serif-Line-Height, 28px);
        }

        @media screen and (min-width: 980.98px) {
            font-size: var(--Heading-S-Bree-Serif-Size, 32px);
            line-height: var(--Heading-S-Bree-Serif-Line-Height, 40px);
        }
    }

    .swiper-pagination-total {
        color: var(--Content-Text-Heading-Secondary, #6C747F);
        font-size: var(--Heading-XS-Lexend-Regular-Size, 16px);
        line-height: var(--Heading-XS-Lexend-Regular-Line-Height, 20px);

        @media screen and (min-width: 980.98px) {
            font-size: var(--Heading-XS-Lexend-Regular-Size, 20px);
            line-height: var(--Heading-XS-Lexend-Regular-Line-Height, 24px);
        }

        @media screen and (min-width: 980.98px) {
            font-size: var(--Heading-XS-Lexend-Regular-Size, 24px);
            line-height: var(--Heading-XS-Lexend-Regular-Line-Height, 32px);
        }
    }
}

#admin_page_testimonials .btn {
    width: fit-content;
}

/* CTA Two Cols */
.cta-two-cols {
    position: relative;
    z-index: 2;

    .mr-container {
        @media screen and (min-width: 980.98px) {
            padding-left: 32px;
            padding-right: 32px;
        }
    }
}

.cta-two-cols__inner {
    display: flex;
    padding: var(--Margin-None, 0px);
    flex-direction: column;
    border-radius: var(--Radius-L, 32px);
    background-color: var(--Surface-Neutral-White, #FFF);
    overflow: hidden;

    /* Shadow/Drop/M */
    box-shadow: 0px 8px 22px -6px rgba(74, 91, 131, 0.12), 0px 14px 64px -4px rgba(106, 129, 184, 0.12);

    @media screen and (min-width: 980.98px) {
        flex-direction: row;
        justify-content: space-between;
    }

    @media screen and (min-width: 1439.98px) {
        font-size: var(--Heading-XS-Lexend-Regular-Size, 24px);
        line-height: var(--Heading-XS-Lexend-Regular-Line-Height, 32px);
    }
}

.cta-two-cols__content-col {
    padding: 32px 24px;


    @media screen and (min-width: 980.98px) {
        padding: 67px 48px;
        max-width: 490px;
    }

    @media screen and (min-width: 1199.98px) {
        padding: 67px 48px;
        max-width: 640px;
    }

    @media screen and (min-width: 1439.98px) {
        padding: 69px 64px;
    }

    .btn--cta-two-cols {
        margin-top: 30px;
    }
}

.cta-two-cols__decor-col {
    line-height: 0;
    min-height: 290px;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 290px;
    }
}

.cta--videos-overlap {
    margin-bottom: -410px; /* -180px */

    @media screen and (min-width: 980.98px) {
        margin-bottom: -204px;
    }

    @media screen and (min-width: 1439.98px) {
        margin-bottom: -180px;
    }
}

.cta--videos-overlap + .cta--videos-overlap-next {
    padding-top: 472px;

    @media screen and (min-width: 980.98px) {
        padding-top: 280px;
    }

    @media screen and (min-width: 1439.98px) {
        padding-top: 260px;
    }
}