@layer pages {
/*! style-pages-work-with-us.css: rules moved from style-pages.css in Phase 1 of the CSS migration (docs/phase-1/PLAN.md). Loaded by header-work-with-us.php, right after style-pages.css, so the cascade order is unchanged. Phase 2 folds this into the thematic stylesheets. */

/*! ==========================================================================
   Work with us
   ========================================================================== */
.page-template-template-work-with-us {
    header {
        &.header-background {
            background: var(--ec-bg-primary);
        }
    }

    .ec-header__container {
        height: 2.5rem;
        justify-content: space-between;

        @media screen and (min-width: 37.5625rem) {
            height: 5rem;
        }

        .ec-jobs__internal-anchors {
            display: none;

            @media screen and (min-width: 52.5625rem) {
                display: block;
            }
        }

        .ec-jobs__internal-anchor {
            margin-inline-end: 0.5rem;
            padding: 0.5rem 0.75rem;
            font-weight: 500;
            font-size: 1rem;
            line-height: 100%;
            text-align: center;
            color: var(--ec-clr-primary);
            background: transparent;
            border-radius: var(--rounded-corners);

            &:hover {
                background: var(--ec-clr-surface-muted, rgba(229, 233, 248, 0.1));
            }

            &.active {
                background: var(--ec-clr-surface-muted, rgba(229, 233, 248, 0.1));
            }
        }

        .button-header-work-with-us {
            padding: 0.25rem 0.59375rem;
            /* display: flex; */
            /* align-items: center; */
            font-size: 0.875rem;
            /* line-height: var(--fs-m); */

            svg {
                aspect-ratio: 1 / 1;
                block-size: 1rem;
            }

            @media screen and (min-width: 37.5625rem) {
                padding: 0.75rem 1.15625rem;
                font-weight: 700;
                font-size: 1rem;
                /* line-height: 150%; */
                /* letter-spacing: -0.01em; */

                svg {
                    aspect-ratio: 1 / 1;
                    block-size: 1.5rem;
                }
            }
        }
    }

    h2,
    .right_title_form_section {
        margin-block-end: 1.25rem;
        font-weight: 700;
        font-size: 1.375rem;
        line-height: 109%;
        letter-spacing: -0.01em;
        color: var(--ec-clr-primary);

        @media screen and (min-width: 37.5rem) {
            font-size: 2rem;
            line-height: 119%;
        }

        @media screen and (min-width: 71.25rem) {
            font-weight: 500;
            font-size: 3rem;
            line-height: 100%;
            letter-spacing: -0.02em;
        }
    }

    .banner-work-with-us {
        border-bottom: 1px solid var(--ec-clr-border-strong, rgba(255, 255, 255, 0.15));

        .content-wrapper {
            display: flex;
            flex-direction: column-reverse;

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

        .left-content {
            display: flex;
            flex-direction: column;

            @media screen and (min-width: 71.25rem) {
                padding-block-start: 6.25rem;
                margin-inline-end: 2.5rem;
                max-width: 34.125rem;
                width: 100%;
            }

            @media screen and (min-width: 106.25rem) {
                padding-block-start: 7.5rem;
                margin-inline-end: 5rem;
            }
        }

        .top {
            margin-block-end: 1.5rem;

            @media screen and (min-width: 71.25rem) {
                margin-block-end: 3.125rem;
            }

            @media screen and (min-width: 106.25rem) {
                margin-block-end: 7.125rem;
            }
        }

        .bottom {
            @media screen and (min-width: 31.25rem) {
                margin-block-end: 6.25rem;
            }

            @media screen and (min-width: 106.25rem) {
                margin-block-end: 7.125rem;
            }
        }


        .right-content {
            margin-block-end: 2rem;
            flex: 1;

            @media screen and (min-width: 37.5rem) {
                margin-block-start: -0.875rem;
                margin-block-end: 2.5rem;
            }

            @media screen and (min-width: 50rem) {
                margin-block-start: -12.5rem;
            }

            @media screen and (min-width: 71.25rem) {
                display: flex;
                align-items: flex-end;
                justify-content: center;
                margin-block-start: 0;
                margin-block-end: 0;
            }
        }

        h1 {
            margin-block-end: 1.25rem;
            max-width: 13.3125rem;
            width: 100%;
            font-size: 1.375rem;
            line-height: 109%;
            letter-spacing: -0.01em;

            img {
                display: inline;
                margin-block-end: -0.1875rem;
                width: 1.5rem;
                height: 1.5rem;
                transform: scale(1.5);
            }

            @media screen and (min-width: 37.5rem) {
                max-width: 27.4375rem;
                margin-block-end: 1.25rem;
                font-weight: 500;
                font-size: 3rem;
                line-height: 100%;
                letter-spacing: -0.02em;

                img {
                    margin-block-end: -0.8125rem;
                    width: 3rem;
                    height: 3rem;
                }
            }

            @media screen and (min-width: 50rem) {
                max-width: 100%;
            }

            @media screen and (min-width: 71.25rem) {
                font-weight: 700;
                font-size: 3.625rem;
                line-height: 108%;
                letter-spacing: -0.02em;
            }
        }

        .ec-jobs__banner-subtitle {
            max-width: 33.625rem;
            width: 100%;
            margin-block-end: 1.25rem;
            font-weight: 400;
            font-size: 1rem;
            line-height: 125%;
            letter-spacing: -0.01em;
            color: var(--ec-clr-primary);

            @media screen and (min-width: 37.5rem) {
                margin-block-end: 1.5rem;
                font-size: 1.25rem;
                line-height: 120%;
            }
        }


        .ec-jobs__banner-cta {
            min-inline-size: 17.8125rem;
            margin-block-end: 2rem;
            font-size: 1rem;

            @media screen and (min-width: 37.5rem) {
                margin-block-end: 3.75rem;
            }

            @media screen and (min-width: 71.25rem) {
                margin-block-end: 5rem;
            }
        }

        .ec-jobs__banner-wrap {
            @media screen and (min-width: 31.25rem) {
                gap: 2.5rem;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        .ec-jobs__banner-item {
            margin-block-end: 1.25rem;

            @media screen and (min-width: 31.25rem) {
                margin-block-end: 0;
            }

            .ec-jobs__banner-title {
                margin-block-end: 0.5rem;
                font-weight: 500;
                font-size: 1.25rem;
                line-height: 120%;
                letter-spacing: -0.01em;
                color: var(--ec-clr-primary);

                @media screen and (min-width: 31.25rem) {
                    font-weight: 700;
                    font-size: 1.375rem;
                    line-height: 109%;
                }
            }

            .description_block {
                font-weight: 400;
                font-size: 1rem;
                line-height: 125%;
                color: var(--ec-clr-secondary);

                @media screen and (min-width: 31.25rem) {
                    font-size: 1.25rem;
                    line-height: 120%;
                    letter-spacing: -0.01em;
                }
            }
        }

        .ec-jobs-hero-img {
            width: 100%;
            max-width: 100%;
            max-height: 15.9375rem;
            height: auto;
            object-fit: cover;
            object-position: center;

            @media screen and (min-width: 31.25rem) {
                max-height: 23.8125rem;
            }

            @media screen and (min-width: 50rem) {
                max-height: 45.125rem;
                height: auto;
                object-position: center;
            }

            @media screen and (min-width: 71.25rem) {
                max-width: 58.8125rem;
                max-height: 57.6875rem;
                width: 100%;
                height: 57.6875rem;
            }

            @media screen and (min-width: 106.25rem) {
                max-width: 81.875rem;
                max-height: 63.9375rem;
                height: unset;
            }
        }
    }

    .section-with-text-and-steps {
        margin: 0 auto;
        padding: 5rem 0;
        border-bottom: 1px solid var(--ec-clr-border-strong, rgba(255, 255, 255, 0.15));

        @media screen and (min-width: 71.25rem) {
            max-width: 94.5%;
            width: 121rem;
        }

        .content-wrapper {
            @media screen and (min-width: 71.25rem) {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 2.5rem;
            }

            .left-content {
                margin-block-end: 6.25rem;

                @media screen and (min-width: 71.25rem) {
                    max-width: 100%;
                }
            }

            .right-content {
                @media screen and (min-width: 71.25rem) {
                    max-width: 100%;
                }
            }

            .description_section_text_steps {
                font-weight: 400;
                font-size: 1.25rem;
                line-height: 120%;
                letter-spacing: -0.01em;
                color: var(--ec-clr-primary);

                @media screen and (min-width: 50rem) {
                    max-width: 40.25rem;
                    width: 100%;
                }
            }
        }

        .ec-jobs__how-it-works__step-title {
            margin-block-end: 2.5rem;
            font-weight: 700;
            font-size: 1.375rem;
            line-height: 109%;
            letter-spacing: -0.01em;
            color: var(--ec-clr-primary);

            @media screen and (min-width: 50rem) {
                font-size: 2rem;
                line-height: 119%;
            }
        }

        .steps-wrap {
            gap: 2rem 0;
            position: relative;
            margin: 0;

            @media screen and (min-width: 37.5rem) {
                gap: 1.25rem;
                flex-direction: row;
                justify-content: flex-start;
            }

            @media screen and (min-width: 50rem) {
                gap: 2.5rem;
            }

            @media screen and (min-width: 71.25rem) {
                gap: 1.25rem;
            }

            @media screen and (min-width: 100.0625rem) {
                gap: 1.875rem;
                max-width: 50rem;
                width: 100%;
            }
        }

        .step-block,
        .ec-steps__step {
            @media screen and (min-width: 37.5rem) {
                flex-direction: column;
                margin: 0;
                width: 33%;
                flex-basis: 33%;
            }
        }

        .number {
            @media screen and (min-width: 37.5rem) {
                margin: 0 0 2rem 0;
            }
        }

        .step-text {
            margin-inline-start: 2.5rem;
            max-width: 11.5rem;
            flex: 1;
            font-weight: 400;
            font-size: 1rem;
            line-height: 125%;
            color: var(--ec-clr-primary);
            text-align: left;

            @media screen and (min-width: 26.5625rem) {
                max-width: 15.625rem;
            }

            @media screen and (min-width: 37.5rem) {
                margin-inline-start: 0;
                max-width: 100%;
                font-size: 1.25rem;
                line-height: 120%;
                letter-spacing: -0.01em;
            }
        }

        .line-desktop,
        .ec-steps__line-desktop {
            height: 0.125rem;

            @media screen and (min-width: 37.5rem) {
                display: inline;
                width: 74%;
                left: 0;
            }

            @media screen and (min-width: 71.25rem) {
                width: 80%;
            }

            @media screen and (min-width: 78.125rem) {
                width: 70%;
            }

            @media screen and (min-width: 100rem) {
                width: 72%;
            }
        }

        .line-mobile,
        .ec-steps__line-mobile {
            @media screen and (min-width: 37.5rem) {
                display: none;
            }
        }

        .line-desktop::before,
        .ec-steps__line-desktop::before {
            transition: width 5.8s linear;
        }

        .line-mobile::before,
        .ec-steps__line-mobile::before {
            transition: height 6s linear;
        }
    }

    .pay-bracket {
        overflow: visible;
        margin-block-start: 5rem;
        margin-block-end: 10rem;

        @media screen and (min-width: 71.25rem) {
            margin-block-start: 8.75rem;
            margin-block-end: 15rem;
        }

        h2 {
            max-width: 14.6875rem;
            width: 100%;

            @media screen and (min-width: 26.5625rem) {
                max-width: 100%;
            }
        }

        .pay-bracket__intro {
            margin-block-end: 2.25rem;
            font-weight: 400;
            font-size: 1rem;
            line-height: 125%;
            color: var(--ec-clr-primary);

            @media screen and (min-width: 37.5rem) {
                font-size: 1.25rem;
                line-height: 120%;
                letter-spacing: -0.01em;
            }

            @media screen and (min-width: 71.25rem) {
                max-width: 74.5625rem;
                width: 100%;
            }
        }

        .pay-bracket__summary {
            margin-block-end: 2.375rem;
            display: flex;
            justify-content: space-between;
            align-items: center;

            @media screen and (min-width: 37.5rem) {
                /*margin-block-end: 68px;*/
                margin-block-end: 1.25rem;
            }

            .pay-bracket__hours {
                font-weight: 400;
                font-size: 1rem;
                line-height: 125%;
                color: var(--ec-clr-secondary);

                span,
                strong {
                    font-weight: 500;
                    font-size: 1rem;
                    line-height: 100%;
                    text-align: center;
                    color: var(--ec-clr-primary);

                    @media screen and (min-width: 37.5rem) {
                        font-size: 1.25rem;
                        line-height: 120%;
                        letter-spacing: -0.01em;
                    }
                }

                @media screen and (min-width: 37.5rem) {
                    font-size: 1.25rem;
                    line-height: 120%;
                    letter-spacing: -0.01em;
                }
            }
        }

        .button-mobile {
            margin-block-start: 3.75rem;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            @media screen and (min-width: 37.5rem) {
                display: none;
            }
        }

        .button-desktop {
            display: none;

            @media screen and (min-width: 37.5rem) {
                max-width: 12rem;
                display: flex;
            }
        }

        .pay-bracket__scroll {
            overflow-x: scroll;
            padding: 9.0625rem 0.625rem 2.5rem 0.625rem;

            @media screen and (min-width: 100rem) {
                overflow: visible;
            }
        }

        .pay-bracket__chart {
            display: flex;
            align-items: flex-end;
            height: 23.125rem;
            width: 100%;
            justify-content: space-between;
        }

        .pay-bracket__item {
            height: 0;
            margin-inline-end: 0.25rem;
            position: relative;
            /*height: 100%;*/
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            min-width: 5.3125rem;
            transition: height 0.7s ease-in-out;

            @media screen and (min-width: 37.5rem) {
                min-width: 7rem;
            }

            @media screen and (min-width: 125rem) {
                min-width: 9.8125rem;
            }
        }

        .pay-bracket__bar-fill {
            position: relative;
            border-top: 1px solid var(--ec-clr-primary);
            background: var(--ec-clr-border-subtle, rgba(255, 255, 255, 0.05));
            width: 100%;
            transition: 0.8s all ease;
        }

        .pay-bracket__bar-fill:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background: var(--ec-clr-accent);
            transition: height 0.5s ease-in-out;
            z-index: 1;
        }

        .pay-bracket__item {
            &:first-child {
                .pay-bracket__tooltip {
                    left: 0;
                    transform: none;
                }
            }

            &:last-child {
                .pay-bracket__tooltip {
                    left: auto;
                    right: 0;
                    transform: none;
                }
            }

        }

        .pay-bracket__amount {
            position: absolute;
            width: 100%;
            left: 50%;
            transform: translateX(-50%);
            bottom: 100%;
            font-weight: 400;
            font-size: 1rem;
            line-height: 125%;
            color: var(--ec-clr-primary);
            z-index: 2;
            text-align: center;

            @media screen and (min-width: 71.25rem) {
                font-size: 1.25rem;
                line-height: 120%;
                letter-spacing: -0.01em;
            }
        }

        .block-name {
            position: absolute;
            width: 100%;
            bottom: -1.75rem;
            left: 50%;
            transform: translateX(-50%);
            margin-block-start: 0.75rem;
            font-weight: 400;
            font-size: 1rem;
            line-height: 125%;
            color: var(--ec-clr-primary);
            text-align: center;

            @media screen and (min-width: 71.25rem) {
                font-size: 1.25rem;
                line-height: 120%;
                letter-spacing: -0.01em;
            }
        }

        .pay-bracket__tooltip {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index: 3;
            opacity: 0;
            visibility: hidden;
            width: 12.5rem;
            padding: 0.25rem;
            background: var(--ec-white);
            border-radius: var(--rounded-corners);
            transition: 0.5s all ease;

            font-weight: 400;
            font-size: 0.875rem;
            line-height: var(--fs-m);
            color: var(--ec-clr-surface-deep, hsla(210, 48%, 11%, 1));

            strong {
                font-weight: 700;
            }
        }
    }

    .section-slider-info {
        margin-block-start: 10rem;
        margin-block-end: 5rem;

        h2 {
            @media screen and (min-width: 50rem) {
                margin-block-end: 1.5rem;
            }
        }

        .swiper-slide-info {
            display: flex;
            flex-direction: column-reverse;
            background: var(--ec-bg-primary);

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

        ::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

        ::-webkit-scrollbar-track {
            background: transparent;
        }

        ::-webkit-scrollbar-thumb {
            background: transparent;
        }

        .buttons-pagination-wrapper {
            margin-block-start: 1.5rem;
            margin-block-end: 1.25rem;
            position: relative;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
        }

        .swiper-pagination-information {
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            margin-inline-end: 1.4375rem;
            padding: 0;
            overflow-x: scroll;
            z-index: 1;
            flex: 1;

            @media screen and (min-width: 50rem) {
                max-width: 39.375rem;
            }

            @media screen and (min-width: 56.25rem) {
                max-width: unset;
            }
        }

        .gradient {
            position: absolute;
            top: 50%;
            right: 5.8125rem;
            left: auto;
            transform: translate(0%, -50%);
            width: 2.5rem;
            height: 100%;
            z-index: 2;
            background: linear-gradient(90deg, rgba(16, 16, 26, 0) 0%, var(--ec-clr-surface-navigation) 100%);
            pointer-events: none;

            @media screen and (min-width: 50rem) {
                right: 7.8125rem;
                width: 10.9375rem;
            }
        }

        .pagination-item {
            display: inline-block;
            width: max-content;
            margin-inline-end: 0.875rem;
            cursor: pointer;
            font-weight: 500;
            font-size: 1rem;
            line-height: 100%;
            color: var(--ec-clr-secondary);
            flex-shrink: 0;

            @media screen and (min-width: 37.5rem) {
                margin-inline-end: 2.125rem;
                font-weight: 700;
                font-size: 1.375rem;
                line-height: 109%;
                letter-spacing: -0.01em;
            }

            &:hover {
                color: var(--ec-white);
            }
        }

        .pagination-item.active {
            font-weight: bold;
            color: var(--ec-white);
        }

        .buttons-wrapper {
            margin-inline-start: 0.625rem;
            display: flex;
            align-items: center;
            min-width: 4.75rem;
        }

        .swiper-button {
            margin: 0;
            width: 2rem;
            aspect-ratio: 1 / 1;

            @media screen and (min-width: 50rem) {
                width: 3rem;
                cursor: pointer;
            }
        }

        .swiper-button-prev-information {
            right: 0.75rem;
            left: auto;

            @media screen and (min-width: 50rem) {
                right: 1.25rem;
            }
        }

        .swiper-button-next-information {
            right: 0;
        }

        .splide__slide-body--left {
            padding: 2.5rem 1.25rem;

            @media screen and (min-width: 37.5rem) {
                padding: 2rem 1.625rem 4.8125rem 1.5rem;
            }

            @media screen and (min-width: 50rem) {
                flex: 1;
                padding: 1.5rem 2.5rem 1.5rem 1.5rem;
            }

            @media screen and (min-width: 71.25rem) {
                padding: 2.5rem;
            }

            @media screen and (min-width: 120rem) {
                padding: 5rem;
            }

            .title-slide {
                margin-block-end: 0.75rem;
                font-weight: 700;
                font-size: 1.375rem;
                line-height: 109%;
                letter-spacing: -0.01em;
                color: var(--ec-clr-primary);

                @media screen and (min-width: 37.5rem) {
                    margin-block-end: 1.25rem;
                    font-weight: 700;
                    font-size: 2rem;
                    line-height: 119%;
                }

                @media screen and (min-width: 50rem) {
                    font-weight: 500;
                    font-size: 3rem;
                    line-height: 100%;
                    letter-spacing: -0.02em;
                }

                @media screen and (min-width: 71.25rem) {
                    font-weight: 700;
                    font-size: 3.625rem;
                    line-height: 108%;
                    letter-spacing: -0.02em;
                }
            }

            .description-slide {
                width: 100%;
                max-width: 100%;
                margin-block-end: 2rem;
                font-weight: 400;
                font-size: 1rem;
                line-height: 125%;
                color: var(--ec-clr-primary);

                @media screen and (min-width: 71.25rem) {
                    font-size: 1.25rem;
                    line-height: 120%;
                    letter-spacing: -0.01em;
                    max-width: 596px;
                    margin-inline-start: 0;
                }

                @media screen and (min-width: 120rem) {
                    max-width: 588px;
                }

                p,
                li,
                a {
                    font-weight: 400;
                    font-size: 1rem;
                    line-height: 125%;

                    @media screen and (min-width: 71.25rem) {
                        font-size: 1.25rem;
                        line-height: 120%;
                        letter-spacing: -0.01em;
                    }
                }

                ul,
                ol {
                    margin-block-start: 2rem;
                    margin-block-end: 2rem;

                    @media screen and (min-width: 71.25rem) {
                        margin-block-start: 3.75rem;
                        margin-block-end: 3.75rem;
                    }
                }
            }

            .ec-jobs__slider-cta .button-orange {
                max-width: 24rem;
                padding: 0.75rem 0.3125rem;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        .splide__slide-body--right {
            img {
                height: 225px;
                width: 100%;
                object-fit: cover;

                @media screen and (min-width: 37.5rem) {
                    height: 329px;
                }

                @media screen and (min-width: 50rem) {
                    height: 668px;
                    max-width: 396px;
                }

                @media screen and (min-width: 90rem) {
                    height: 735px;
                    max-width: 600px;
                }

                @media screen and (min-width: 100rem) {
                    height: 803px;
                    max-width: 756px;
                }

                @media screen and (min-width: 120rem) {
                    max-width: 968px;
                }
            }
        }
    }

    .section-with-cards {
        margin: 5rem auto;

        @media screen and (min-width: 37.5rem) {
            margin: 6.25rem auto 11.25rem;
        }

        @media screen and (min-width: 50rem) {
            margin: 11.25rem auto;
        }

        @media screen and (min-width: 71.25rem) {
            margin: 12.5rem auto;
        }

        h2 {
            margin-block-end: 2.5rem;

            @media screen and (min-width: 71.25rem) {
                margin-block-end: 5rem;
            }
        }

        .cards-wrap {
            @media screen and (min-width: 50rem) {
                display: flex;
                justify-content: space-between;
                gap: 1.875rem;
            }
        }

        .card-item {
            margin-block-end: 1.875rem;
            border: 0.125rem solid var(--ec-clr-border-strong, rgba(255, 255, 255, 0.15));
            border-radius: 0.125rem;
            position: relative;
            z-index: 2;

            @media screen and (min-width: 37.5rem) {
                display: flex;
                justify-content: space-between;
            }

            @media screen and (min-width: 50rem) {
                width: 25%;
                flex-basis: 25%;
                flex-direction: column;
                align-items: center;
                text-align: center;
                margin-block-end: 0;
            }

            @media screen and (min-width: 71.25rem) {
                width: 20%;
                flex-basis: 20%;
            }

            @media screen and (min-width: 120rem) {
                width: 20.7%;
                flex-basis: 20.7%;
            }

            &:before {
                position: absolute;
                z-index: -1;
                left: 0;
                bottom: -1.875rem;
                width: 3.3125rem;
                height: 1.875rem;
                content: url('data:image/svg+xml,<svg width="53" height="30" viewBox="0 0 53 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.4335 22.7071C25.824 23.0976 26.4572 23.0976 26.8477 22.7071L33.2117 16.3431C33.6022 15.9526 33.6022 15.3195 33.2117 14.9289C32.8212 14.5384 32.188 14.5384 31.7975 14.9289L26.1406 20.5858L20.4838 14.9289C20.0932 14.5384 19.4601 14.5384 19.0696 14.9289C18.679 15.3195 18.679 15.9526 19.0696 16.3431L25.4335 22.7071ZM25.1406 2L25.1406 22L27.1406 22L27.1406 2L25.1406 2Z" fill="white" fill-opacity="0.15" /></svg>');
            }

            @media screen and (min-width: 50rem) {
                &:before {
                    bottom: 0;
                    top: 50%;
                    left: auto;
                    right: -2.625rem;
                    transform: translate(0%, -50%) rotate(-90deg);
                }
            }

            @media screen and (min-width: 71.25rem) {
                &:before {
                    content: url('data:image/svg+xml,<svg width="103" height="500" viewBox="0 0 103 500" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M83.2071 250.707C83.5976 250.317 83.5976 249.683 83.2071 249.293L76.8431 242.929C76.4526 242.538 75.8195 242.538 75.4289 242.929C75.0384 243.319 75.0384 243.953 75.4289 244.343L81.0858 250L75.4289 255.657C75.0384 256.047 75.0384 256.681 75.4289 257.071C75.8195 257.462 76.4526 257.462 76.8431 257.071L83.2071 250.707ZM2.5 251H82.5V249H2.5V251Z" fill="white" fill-opacity="0.15"/></svg>');
                    transform: translate(0%, -50%);
                    height: 100%;
                    width: 5.3125rem;
                    right: -5.3125rem;
                }
            }

            @media screen and (min-width: 93.75rem) {
                &:before {
                    width: 5.625rem;
                    right: -5.625rem;
                }
            }

            @media screen and (min-width: 120rem) {
                &:before {
                    width: 7rem;
                    right: -7rem;
                    content: url('data:image/svg+xml,<svg width="112" height="600" viewBox="0 0 112 600" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M92.7071 300.707C93.0976 300.317 93.0976 299.683 92.7071 299.293L86.3431 292.929C85.9526 292.538 85.3195 292.538 84.9289 292.929C84.5384 293.319 84.5384 293.953 84.9289 294.343L90.5858 300L84.9289 305.657C84.5384 306.047 84.5384 306.681 84.9289 307.071C85.3195 307.462 85.9526 307.462 86.3431 307.071L92.7071 300.707ZM2 301H92V299H2V301Z" fill="white" fill-opacity="0.15" /></svg>');
                }
            }

            &:last-child {
                margin-block-end: 0;

                &:before {
                    display: none;
                }
            }


            .text-wrap {
                padding: 1.5rem 1.4375rem 3.25rem 1.5rem;

                @media screen and (min-width: 37.5rem) {
                    padding: 1.5rem 3.9375rem 1.5rem 1.5rem;
                }

                @media screen and (min-width: 50rem) {
                    padding: 0.75rem 0.6875rem 1.5625rem 0.6875rem;
                }

                @media screen and (min-width: 90rem) {
                    padding: 2.5rem 2.4375rem 2.3125rem 2.4375rem;
                }
            }

            .ec-jobs__card-title {
                margin-block-end: 1.25rem;
                font-weight: 700;
                font-size: 1.375rem;
                line-height: 109%;
                letter-spacing: -0.01em;
                color: var(--ec-clr-primary);

                @media screen and (min-width: 37.5rem) {
                    color: var(--ec-clr-accent);
                }

                @media screen and (min-width: 50rem) {
                    margin-block-end: 0.8125rem;
                }

                @media screen and (min-width: 71.25rem) {
                    font-size: 2rem;
                    line-height: 119%;
                }
            }

            .description_card {
                font-weight: 400;
                font-size: 1rem;
                line-height: 125%;
                color: var(--ec-clr-primary);

                @media screen and (min-width: 50rem) {
                    font-size: 1.25rem;
                    line-height: 120%;
                    letter-spacing: -0.01em;
                }

                @media screen and (min-width: 71.25rem) {
                    max-width: 13.8125rem;
                    width: 100%;
                    margin: 0 auto;
                }

                @media screen and (min-width: 100.0625rem) {
                    max-width: 20rem;
                }
            }

            .image-card {
                max-height: 15rem;
                height: 100%;
                width: 100%;
                object-fit: cover;

                @media screen and (min-width: 37.5rem) {
                    max-width: 17.25rem;
                }

                @media screen and (min-width: 50rem) {
                    max-height: 10.75rem;
                    height: 10.75rem;
                    max-width: 100%;
                }

                @media screen and (min-width: 71.25rem) {
                    max-height: 18.75rem;
                    height: 18.75rem;
                }

                @media screen and (min-width: 100.0625rem) {
                    max-height: 25rem;
                    height: 25rem;
                }
            }
        }
    }

    .section-with-cards-numbers-text {
        margin: 5rem auto 6.25rem auto;

        @media screen and (min-width: 37.5rem) {
            margin: 11.25rem auto 6.25rem;
        }

        @media screen and (min-width: 50rem) {
            margin: 11.25rem auto;
        }

        @media screen and (min-width: 71.25rem) {
            margin: 12.5rem auto;
        }

        h2 {
            margin-block-end: 2.5rem;

            @media screen and (min-width: 71.25rem) {
                margin-block-end: 5rem;
            }
        }

        .cards-wrapper {
            @media screen and (min-width: 71.25rem) {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 2.5rem;
            }

            .left-card {
                margin-block-end: 0.75rem;
                position: relative;
                padding: 1rem;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                background: var(--ec-clr-accent);
                border-radius: 0.1875rem;
                min-height: 9.1875rem;

                @media screen and (min-width: 37.5rem) {
                    margin-block-end: 1.25rem;
                    min-height: 15.0625rem;
                }

                @media screen and (min-width: 50rem) {
                    padding: 3rem;
                }

                @media screen and (min-width: 71.25rem) {
                    margin-block-end: 0;
                }

                .image-left-card {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: 1;
                    object-fit: cover;
                    mix-blend-mode: multiply;
                }

                .top-text {
                    margin-block-end: 0.75rem;
                    position: relative;
                    z-index: 2;
                    font-weight: 400;
                    font-size: 1rem;
                    line-height: 125%;
                    color: var(--ec-clr-surface-deep, hsla(210, 48%, 11%, 1));

                    @media screen and (min-width: 71.25rem) {
                        font-weight: 400;
                        font-size: 1.25rem;
                        line-height: 120%;
                        letter-spacing: -0.01em;
                    }

                    @media screen and (min-width: 106.25rem) {
                        font-weight: 700;
                        font-size: 1.375rem;
                        line-height: 109%;
                        letter-spacing: -0.01em;
                    }
                }

                .bottom-text {
                    position: relative;
                    z-index: 2;
                    font-weight: 700;
                    font-size: 2rem;
                    line-height: 119%;
                    letter-spacing: -0.01em;
                    color: var(--ec-clr-surface-deep, hsla(210, 48%, 11%, 1));

                    br {
                        display: none;
                    }

                    @media screen and (min-width: 50rem) {
                        font-size: 3.625rem;
                        line-height: 98%;
                        letter-spacing: -0.02em;
                    }

                    @media screen and (min-width: 71.25rem) {
                        font-size: 4rem;
                    }

                    @media screen and (min-width: 100rem) {
                        font-size: 6.125rem;

                        br {
                            display: block;
                        }
                    }
                }
            }

            .other-cards-wrap {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 0.75rem;

                @media screen and (min-width: 37.5rem) {
                    gap: 1.25rem;
                }

                @media screen and (min-width: 100rem) {
                    gap: 2.5rem 3.0625rem;
                }

                .card-item {
                    padding: 1rem;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    border-radius: 0.1875rem;
                    background: var(--ec-bg-primary);

                    @media screen and (min-width: 37.5rem) {
                        padding: 1.5rem;
                    }

                    @media screen and (min-width: 50rem) {
                        min-height: 9.875rem;
                        padding: 1rem;
                    }

                    @media screen and (min-width: 71.25rem) {
                        padding: 3rem;
                    }

                    @media screen and (min-width: 100rem) {
                        min-height: 17.40625rem;
                    }


                    .ec-jobs__card-title {
                        margin-block-end: 1.25rem;
                        font-weight: 500;
                        font-size: 1.25rem;
                        line-height: 120%;
                        letter-spacing: -0.01em;
                        color: var(--ec-clr-accent);

                        @media screen and (min-width: 37.5rem) {
                            font-weight: 700;
                            font-size: 1.375rem;
                            line-height: 109%;
                            letter-spacing: -0.01em;
                        }

                        @media screen and (min-width: 71.25rem) {
                            font-size: 1.75rem;
                            line-height: 119%;
                        }

                        @media screen and (min-width: 100rem) {
                            font-size: 2rem;
                        }

                        @media screen and (min-width: 106.25rem) {
                            font-weight: 500;
                            font-size: 3rem;
                            line-height: 100%;
                            letter-spacing: -0.02em;
                        }
                    }

                    .description_card {
                        font-weight: 400;
                        font-size: 1rem;
                        line-height: 125%;
                        color: var(--ec-clr-secondary);

                        @media screen and (min-width: 71.25rem) {
                            font-size: 1.25rem;
                            line-height: 120%;
                            letter-spacing: -0.01em;
                        }

                        @media screen and (min-width: 106.25rem) {
                            max-width: 16.25rem;
                            width: 100%;
                            font-weight: 700;
                            font-size: 1.375rem;
                            line-height: 109%;
                            letter-spacing: -0.01em;
                        }
                    }
                }
            }
        }
    }

    .section-testimonials {
        margin: 6.25rem auto 3.75rem auto;

        @media screen and (min-width: 50rem) {
            margin: 11.25rem auto 5rem auto;
        }

        @media screen and (min-width: 71.25rem) {
            margin: 12.5rem auto 11.625rem auto;
        }

        h2 {
            margin-block-end: 2.5rem;

            @media screen and (min-width: 50rem) {
                margin-block-end: 3.375rem;
            }
        }

        .swiper-buttons-wrap {
            position: relative;
            margin-block-start: 2.5rem;
            border-top: 1px solid var(--ec-clr-border-strong, rgba(255, 255, 255, 0.15));

            @media screen and (min-width: 71.25rem) {
                margin-block-start: 0;
                padding-block-start: 5rem;
                display: flex;
            }

            .swiper-testimonials {
                margin: 2.5rem 0;

                @media screen and (min-width: 37.5rem) {
                    margin: 2.5rem 0 5rem 0;
                }

                @media screen and (min-width: 71.25rem) {
                    margin: 0;
                    flex: 1;
                }
            }

            .swiper-slide {
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .ec-jobs__testimonial-content {
                    margin-block-end: 2.5rem;
                    font-weight: 500;
                    font-size: 1.25rem;
                    line-height: 120%;
                    letter-spacing: -0.01em;
                    color: var(--ec-clr-primary);

                    @media screen and (min-width: 37.5rem) {
                        font-weight: 700;
                        font-size: 2rem;
                        line-height: 119%;
                    }

                    @media screen and (min-width: 50rem) {
                        font-weight: 500;
                        font-size: 3rem;
                        line-height: 100%;
                        letter-spacing: -0.06em;
                    }

                    @media screen and (min-width: 71.25rem) {
                        max-width: 67.8125rem;
                        width: 100%;
                        margin-block-end: 3.75rem;
                    }

                    @media screen and (min-width: 100rem) {
                        font-weight: 700;
                        font-size: 3.625rem;
                        line-height: 108%;
                        letter-spacing: -0.02em;
                    }
                }

                .ec-jobs__testimonial-author-info {
                    @media screen and (min-width: 37.5rem) {
                        display: flex;
                        align-items: center;
                    }

                    @media screen and (min-width: 71.25rem) {
                        max-width: 67.8125rem;
                        width: 100%;
                    }
                }

                .ec-jobs__testimonial-author-img {
                    margin-block-end: 1.25rem;
                    width: 2.6875rem;
                    height: 2.6875rem;
                    object-fit: cover;
                    border-radius: 50%;

                    @media screen and (min-width: 37.5rem) {
                        margin-block-end: 0;
                        margin-inline-end: 1.875rem;
                        width: 3.75rem;
                        height: 3.75rem;
                    }

                    @media screen and (min-width: 71.25rem) {
                        width: 6.25rem;
                        height: 6.25rem;
                    }
                }

                .ec-jobs__testimonial-author {
                    margin-block-end: 0.5rem;
                    font-weight: 500;
                    font-size: 1rem;
                    line-height: 100%;
                    color: var(--ec-clr-primary);

                    @media screen and (min-width: 37.5rem) {
                        font-weight: 700;
                        font-size: 1.375rem;
                        line-height: 109%;
                        letter-spacing: -0.01em;
                    }
                }

                .ec-jobs__testimonial-authors-description {
                    font-weight: 400;
                    font-size: 1rem;
                    line-height: 125%;
                    color: var(--ec-clr-secondary);

                    @media screen and (min-width: 37.5rem) {
                        font-size: 1.25rem;
                        line-height: 120%;
                        letter-spacing: -0.01em;
                    }
                }
            }
        }

        .buttons-wrapper {
            @media screen and (min-width: 71.25rem) {
                margin-inline-start: 2.5rem;
                min-width: 7.25rem;
            }
        }

        .swiper-button-testimonials {
            margin: 0;
            top: 0;
        }

        .swiper-button-prev-testimonials {
            left: 0;
        }

        .swiper-button-next-testimonials {
            top: -3rem;
            left: 4.25rem;
            right: 0;
        }
    }

    .section-running-line-logos {
        margin-block-start: 3.75rem;
        padding: 2.5rem 0;
        background: var(--ec-bg-primary);

        @media screen and (min-width: 37.5rem) {
            padding: 5rem 0;
        }

        @media screen and (min-width: 50rem) {
            margin-block-start: 5rem;
        }

        @media screen and (min-width: 71.25rem) {
            margin-block-start: 14.125rem;
        }

        h2 {
            text-align: center;
            max-width: 14.5rem;
            width: 100%;
            margin-inline-start: auto;
            margin-inline-end: auto;

            @media screen and (min-width: 37.5rem) {
                max-width: 20.375rem;
            }

            @media screen and (min-width: 71.25rem) {
                max-width: unset;
            }

            img {
                margin-block-end: -0.5625rem;
                width: 1.625rem;
                height: 1.625rem;
                object-fit: contain;
                display: inline;
                transform: scale(2);

                @media screen and (min-width: 37.5rem) {
                    margin-block-end: -0.3125rem;
                    width: 2rem;
                    height: 2rem;
                }

                @media screen and (min-width: 71.25rem) {
                    margin-block-start: -0.4375rem;
                    width: 2.9375rem;
                    height: 3rem;
                }
            }
        }

        .ec-jobs__payment-providers__subtitle {
            max-width: 15.5rem;
            width: 100%;
            margin: 0 auto 2.5rem auto;
            font-weight: 400;
            font-size: 1rem;
            line-height: 125%;
            text-align: center;
            color: var(--ec-clr-primary);

            @media screen and (min-width: 37.5rem) {
                margin-block-end: 5rem;
                max-width: 24.875rem;
                font-size: 1.25rem;
                line-height: 120%;
                letter-spacing: -0.01em;
            }

            @media screen and (min-width: 71.25rem) {
                max-width: unset;
                font-weight: 400;
                font-size: 1.25rem;
                line-height: 120%;
                letter-spacing: -0.01em;
            }
        }

        .line-slider-slide-new {
            margin: 0;
            margin-inline-end: 2.4375rem;
            /*! exception (§26): beats an inline style that a plugin or script writes on this element. */
            width: max-content !important;
            list-style: none;

            @media screen and (min-width: 37.5rem) {
                margin-inline-end: 4.625rem;
            }

            @media screen and (min-width: 71.25rem) {
                margin-inline-end: 6.5rem;
            }
        }

        .img-div {
            max-width: 4.6875rem;
            width: max-content;
            height: 2.125rem;
            display: flex;
            align-items: center;
            justify-content: center;

            @media screen and (min-width: 37.5rem) {
                max-width: 7.5rem;
                height: 4rem;
            }

            @media screen and (min-width: 50rem) {
                max-width: 10rem;
                height: 4rem;
            }

            @media screen and (min-width: 71.25rem) {
                max-width: 12.1875rem;
                height: 4rem;
            }
        }

        img {
            opacity: 1;
            max-width: 100%;
            display: block;
            object-fit: contain;
            width: max-content;
            height: 100%;
        }
    }

    .section-form {
        margin-block-start: 6.25rem;
        margin-block-end: 13.75rem;
        position: relative;
        overflow: visible;

        @media screen and (min-width: 37.5rem) {
            margin-block-end: 11.5rem;
        }

        &:before {
            position: absolute;
            width: auto;
            height: auto;
            top: 50%;
            left: 50%;
            margin-inline-end: -50%;
            transform: translate(-50%, -50%);
            content: url('data:image/svg+xml,<svg width="1965" height="993" viewBox="0 0 1965 993" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1965 496.039C1965 769.972 1525.12 992.039 982.5 992.039C439.88 992.039 0 769.972 0 496.039C0 222.106 439.88 0.0390625 982.5 0.0390625C1525.12 0.0390625 1965 222.106 1965 496.039Z" fill="url(%23paint0_radial_1642_113682)" /><defs><radialGradient id="paint0_radial_1642_113682" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(982.5 496.039) rotate(90) scale(496 982.5)"><stop offset="0.108479" stop-color="%23142231" /><stop offset="1" stop-color="%23142231" stop-opacity="0" /></radialGradient></defs></svg>');
            z-index: -1;
        }

        .wrapper {
            @media screen and (min-width: 71.25rem) {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                align-items: center;
            }

            .card {
                &.copied {
                    .copy-done-remove {
                        display: none;
                    }

                    .copy-done {
                        display: block;
                    }
                }
            }

            .left-content {
                max-width: 16.625rem;
                width: 100%;
                margin: 0 auto;
                padding-bottom: 4rem;
                text-align: center;
                border-bottom: 1px solid var(--ec-clr-border-strong, rgba(255, 255, 255, 0.15));

                @media screen and (min-width: 26.5625rem) {
                    max-width: unset;
                }

                @media screen and (min-width: 71.25rem) {
                    padding: 6.1875rem 4.1875rem;
                    border-bottom: none;
                    border-right: 1px solid rgba(255, 255, 255, 0.15);
                }

                h2 {
                    @media screen and (min-width: 37.5rem) {
                        margin-block-end: 1rem;
                    }
                }

                .ec-jobs-section__subscribe {
                    margin: 0 auto 2.4375rem auto;
                    font-weight: 400;
                    font-size: 1rem;
                    line-height: 125%;
                    text-align: center;
                    color: var(--ec-clr-secondary);

                    @media screen and (min-width: 37.5rem) {
                        max-width: 32.5rem;
                        width: 100%;
                        font-size: 1.25rem;
                        line-height: 120%;
                        letter-spacing: -0.01em;
                    }

                    @media screen and (min-width: 50rem) {
                        max-width: 38.875rem;
                    }

                    @media screen and (min-width: 71.25rem) {
                        margin: 0 auto 3rem auto;
                    }
                }

                .wrapper-form {
                    @media screen and (min-width: 37.5rem) {
                        max-width: 24.25rem;
                        width: 100%;
                        margin: 0 auto;
                    }
                }
            }

            .right-content {
                padding-block-start: 4rem;

                @media screen and (min-width: 71.25rem) {
                    padding: 6.1875rem 0;
                }

                .h2 {
                    @media screen and (min-width: 37.5rem) {
                        max-width: 23.5rem;
                        width: 100%;
                        margin-inline-start: auto;
                        margin-inline-end: auto;
                        font-weight: 500;
                        font-size: 3rem;
                        line-height: 100%;
                        letter-spacing: -0.02em;
                        text-align: center;
                    }
                }

                .cards-wrapper {
                    margin-block-start: 2rem;

                    @media screen and (min-width: 37.5rem) {
                        max-width: 23.5rem;
                        width: 100%;
                        margin-inline-start: auto;
                        margin-inline-end: auto;
                    }
                }

                .card {
                    margin-block-end: 0.5625rem;
                    padding: 1.1875rem 1.25rem;
                    background: var(--ec-clr-border-subtle, rgba(255, 255, 255, 0.05));
                    display: flex;
                    align-items: center;
                    justify-content: space-between;

                    &:last-child {
                        margin-block-end: 0;
                    }

                    @media screen and (min-width: 120rem) {
                        border-radius: var(--rounded-corners);
                    }
                }

                .left-part {
                    margin-inline-end: 1.25rem;
                    display: flex;
                    align-items: center;
                }

                .left-icon {
                    margin-inline-end: 1.25rem;
                    width: 2.5rem;
                    height: 2.5625rem;
                    object-fit: contain;

                    @media screen and (min-width: 37.5rem) {
                        margin-inline-end: 2rem;
                        width: 3.375rem;
                        height: 3.375rem;
                    }
                }

                .white-text {
                    margin-block-end: 0.125rem;
                    font-weight: 700;
                    font-size: 1.125rem;
                    line-height: 133%;
                    letter-spacing: -0.01em;
                    color: var(--ec-clr-primary);
                }

                .gray_text {
                    font-weight: 400;
                    font-size: 0.875rem;
                    line-height: var(--fs-m);
                    color: var(--ec-clr-secondary);
                }
            }

            .copy-done {
                display: none;
                font-weight: 400;
                font-size: 0.875rem;
                line-height: 1;
                color: var(--ec-clr-secondary);
                width: 100%;
                text-align: center;
            }

            .div-icon {
                margin-inline-end: 0;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 3rem;
                height: 3rem;
                border-radius: var(--rounded-corners);
                background: var(--ec-clr-surface-muted, rgba(229, 233, 248, 0.1));
                cursor: pointer;

                &.copied {
                    svg {
                        path {
                            fill: var(--ec-clr-accent);
                        }
                    }
                }
            }
        }
    }

    .section-faq {
        margin-block-start: 7.5rem;
        margin-block-end: 2.5rem;

        @media screen and (min-width: 37.5rem) {
            margin-block-start: 7.5rem;
            margin-block-end: 4.8125rem;
        }

        @media screen and (min-width: 71.25rem) {
            margin-block-start: 6.25rem;
            margin-block-end: 6.25rem;
        }

        h2 {
            margin-block-end: 2.5rem;
            max-width: 27.875rem;
            width: 100%;

            @media screen and (min-width: 37.5rem) {
                margin-block-end: 4.8125rem;
            }

            @media screen and (min-width: 71.25rem) {
                max-width: 100%;
            }
        }

        .accordion-item__hidden-block-content {
            font-size: 1.25rem;
            line-height: 120%;
            letter-spacing: -0.01em;
        }
    }
}

/*! ==========================================================================
   Swiper
   ========================================================================== */
.swiper-button {
    aspect-ratio: 1 / 1;
    background: var(--ec-clr-surface-muted, rgba(229, 233, 248, 0.1));
    border-radius: var(--rounded-corners);
    display: grid;
    place-items: center;
    opacity: 1;
    position: relative;
    width: 3rem;

}

.swiper-button-prev,
.swiper-button-next {
    color: var(--ec-clr-text-on-action, #fff);

    &::after {
        block-size: 1.5rem;
        inline-size: 1.5rem;
        background-color: currentColor;
        content: "";
        display: block;

        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M14.508 17.207a1 1 0 0 0 0-1.414L10.715 12l3.793-3.793a1 1 0 0 0-1.414-1.414l-4.5 4.5a1 1 0 0 0 0 1.414l4.5 4.5a1 1 0 0 0 1.414 0'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M14.508 17.207a1 1 0 0 0 0-1.414L10.715 12l3.793-3.793a1 1 0 0 0-1.414-1.414l-4.5 4.5a1 1 0 0 0 0 1.414l4.5 4.5a1 1 0 0 0 1.414 0'/%3E%3C/svg%3E") center / contain no-repeat;
    }

}

.swiper-button-next::after {
    transform: scaleX(-1);
}

}