@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
@import "../css/swiper-bundle.min.css";

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
    line-height: 24px;
    letter-spacing: -0.2px;
    font-family: "Onest", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #010708;
    transition: padding 0.2s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    scrollbar-gutter: stable;
    overflow-x: hidden;
}

@media screen and (max-width: 991px) {
    body {
        overflow: hidden;
    }
}

.content-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
}

a,
input,
button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/* Hide arrows in Firefox */
input[type=number] {
    -moz-appearance: textfield !important;
}

/* Optionally, hide arrows in Internet Explorer */
input[type=number] {
    -ms-appearance: none !important;
}

textarea:focus,
input:focus,
select:focus,
a:focus {
    outline: none;
}

a {
    color: #010708;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: #3c5e64;
}

img,
picture,
svg {
    max-width: 100%;
    max-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
    color: #010708;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.d-flex {
    display: flex;
}

.d-block {
    display: block !important;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.align-items-center {
    align-items: center;
}

p {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.m-0 {
    margin: 0;
}

.mb-70 {
    margin-bottom: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-128 {
    margin-bottom: 128px;
}

@media screen and (max-width: 991px) {
    .mb-128 {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 768px) {
    .mb-128 {
        margin-bottom: 64px;
    }
}

.mb-130 {
    margin-bottom: 130px;
}

@media screen and (max-width: 991px) {
    .mb-130 {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 768px) {
    .mb-130 {
        margin-bottom: 64px;
    }
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.container {
    width: 100%;
    max-width: 1470px;
    padding: 0 15px;
    margin: 0 auto;
}

.container.mw-950 {
    max-width: 980px;
}

.container.mw-1200 {
    max-width: 1230px;
}

@media screen and (max-width: 1599px) {
    .container {
        max-width: 100%;
        padding: 0 100px;
    }
}

@media screen and (max-width: 1499px) {
    .container {
        padding: 0 80px;
    }
}

@media screen and (max-width: 1299px) {
    .container {
        padding: 0 50px;
    }
}

@media screen and (max-width: 991px) {
    .container {
        padding: 0 30px;
    }
}

@media screen and (max-width: 768px) {
    .container {
        padding: 0 20px;
    }
}

form .row {
    margin: 0 -10px;
}

form .row>.col,
form .row>[class*=col-] {
    padding: 0 10px;
}

form label {
    display: block;
    margin: 0 0 6px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    color: #010708;
    text-align: left;
}

form .form-group {
    position: relative;
    margin: 0 0 20px 0;
}

form .form-group.required>label::after {
    content: "*";
    color: #C0080B;
    margin-left: 3px;
}

form .form-row {
    margin-bottom: 20px;
}

form .form-row label {
    margin: 0 0 9px 0;
    font-size: 15px;
    font-weight: 400;
}

form .form-row label .required {
    color: #C0080B;
}

.form-control,
.input-text {
    height: 48px;
    width: 100%;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #CACFCE;
    color: #4C524B;
    font-size: 16px;
    text-transform: none;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

.form-control::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
    color: #C9CBC9;
}

.form-control::-moz-placeholder,
.input-text::-moz-placeholder {
    color: #C9CBC9;
}

.form-control:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
    color: #C9CBC9;
}

.form-control:-moz-placeholder,
.input-text:-moz-placeholder {
    color: #C9CBC9;
}

.form-control.error,
.input-text.error {
    background: #EB5757;
    color: #EB5757;
}

.form-control:focus,
.input-text:focus {
    border-color: #CACFCE;
}

textarea.form-control,
textarea.input-text {
    padding: 12px 15px;
    min-width: 100%;
    min-height: 100px;
    resize: vertical;
}

.select2-container {
    width: 100% !important;
}

.select2-container .selection {
    display: block;
    height: 48px;
}

.select2-container .selection .select2-selection {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 45px 0 15px;
    background: #fff;
    border: 1px solid #CACFCE;
    color: #4C524B;
    font-size: 16px;
    text-transform: none;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

.select2-container .selection .select2-selection .select2-selection__rendered {
    padding: 0;
    color: #4C524B;
}

.select2-container .selection .select2-selection .select2-selection__placeholder {
    color: #C9CBC9;
}

.select2-container .selection .select2-selection .select2-selection__arrow {
    top: 0;
    bottom: 0;
    right: 16px;
    width: 24px;
    height: 24px;
    margin: auto 0;
    background: url("../images/icons/select-arrow.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.select2-container .selection .select2-selection .select2-selection__arrow b {
    display: none;
}

.select2-container--open .selection .select2-selection .select2-selection__arrow {
    transform: rotate(-180deg);
}

.select2-dropdown {
    border-color: #CACFCE;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #eee;
    color: #000;
}

.password-input {
    position: relative;
}

.password-input input {
    padding-right: 50px;
}

.password-input .show-password-input {
    position: absolute;
    top: 0;
    right: 15px;
    height: 100%;
    width: 21px;
    padding: 0;
    border: 0;
    background: url("../images/icons/show-password-icon.svg") center center no-repeat;
    outline: none;
    cursor: pointer;
}

.password-input .show-password-input.active {
    background: url("../images/icons/hide-password-icon.svg") center center no-repeat;
}

abbr.required {
    color: #D60000;
    text-decoration: none;
    cursor: default;
}

input[type=radio] {
    display: inline-flex;
    flex-shrink: 0;
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    background-color: #fff;
    border: 1px solid #C6C6C6;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 50%;
}

@media screen and (max-width: 768px) {
    input[type=radio] {
        margin-right: 5px;
    }
}

input[type=radio]+label {
    display: inline;
    position: static;
    padding: 0;
    margin: 0 !important;
    line-height: normal;
    font-size: 15px;
    font-weight: 400;
    color: #251F1F;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

input[type=radio]+label strong {
    font-weight: 700;
    font-size: 16px;
}

input[type=radio]+label a {
    color: #C0080B;
}

input[type=radio]+label a:hover {
    text-decoration: underline;
}

input[type=checkbox] {
    display: inline-flex;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin: -1px 8px 0 0;
    border: 0;
    background: #052326;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 3px;
}

input[type=checkbox]+label {
    display: inline;
    position: static;
    padding: 0;
    margin: 0 !important;
    background: transparent;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #251F1F;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

input[type=checkbox]+label a {
    color: #251F1F;
    font-weight: 600;
}

input[type=checkbox]+label a:hover {
    text-decoration: underline;
}

input[type=checkbox]:required+label::after {
    content: "*";
    color: #C0080B;
    margin-left: 3px;
}

input[type=checkbox]:checked {
    background-image: url("../images/icons/checked-icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
}

.btn {
    display: inline-block;
    background: transparent;
    border-color: transparent;
    color: transparent;
    outline: none;
    text-transform: none;
    box-shadow: none;
}

.btn:hover,
.btn:active {
    background: transparent;
    outline: none;
    text-decoration: none;
}

.btn:focus {
    box-shadow: none;
}

.btn:active:focus,
.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
    outline: none;
}

.btn.btn-primary,
.btn.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 24px;
    border: 0;
    font-size: 16px;
    font-weight: 600;
    color: #010708;
    white-space: nowrap;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 35px;
}

.btn.btn-primary {
    background: #D3FB52;
}

.btn.btn-primary:active,
.btn.btn-primary:not(:disabled):not(.disabled):active {
    background: rgb(150.5327510917, 218.3253275109, 37.1746724891);
    color: #010708;
}

.btn.btn-primary:hover {
    background: #A1DE3B;
    color: #010708;
}

.btn.btn-primary.btn--call-cta {
    gap: 0 12px;
}

.btn.btn-primary.btn--call-cta::after {
    content: "";
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.2451 0.75C2.2451 0.335786 2.58089 0 2.9951 0H12.5C12.9142 0 13.25 0.335786 13.25 0.75V11.2458C13.25 11.66 12.9142 11.9958 12.5 11.9958C12.0858 11.9958 11.75 11.66 11.75 11.2458V2.56066L1.28033 13.0303C0.987437 13.3232 0.512563 13.3232 0.21967 13.0303C-0.0732233 12.7374 -0.0732233 12.2626 0.21967 11.9697L10.6893 1.5H2.9951C2.58089 1.5 2.2451 1.16421 2.2451 0.75Z' fill='black'/%3E%3C/svg%3E") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.btn.btn-primary.btn--call-cta:hover::after {
    transform: rotate(45deg);
}

.btn.btn-secondary {
    background: #F9FFE6;
}

.btn.btn-secondary:active,
.btn.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: rgb(236.76, 255, 179);
    color: #000;
}

.btn.btn-secondary:hover {
    background-color: rgb(240.432, 255, 194.3);
    color: #000;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.view-all {
    display: inline-flex;
    align-items: center;
    gap: 0 15px;
    font-weight: 600;
    font-size: 16px;
    color: #010708;
}

.view-all::after {
    content: "";
    width: 18px;
    height: 14px;
    background: url("../images/icons/view-all-arrow.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.view-all:hover::after {
    transform: translateX(7px);
}

.view-all--white {
    color: #fff;
}

.view-all--white::after {
    filter: brightness(0) invert(1);
}

.view-all--white:hover {
    color: #fff;
}

.page-heading,
.entry-title {
    position: relative;
    margin: 0 0 40px 0;
    line-height: 1.3;
    font-size: 30px;
}

.block-heading,
.section-heading {
    margin: 0 0 24px 0;
    line-height: 56px;
    font-weight: 700;
    font-size: 48px;
    text-transform: capitalize;
    text-align: left;
}

@media screen and (max-width: 1499px) {

    .block-heading,
    .section-heading {
        line-height: normal;
        font-size: 45px;
    }
}

@media screen and (max-width: 991px) {

    .block-heading,
    .section-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px 0;
        line-height: 40px;
        font-size: 32px;
    }
}

.block-heading.gap-50,
.section-heading.gap-50 {
    gap: 0 50px;
}

.block-heading.gap-150,
.section-heading.gap-150 {
    gap: 0 150px;
}

@media screen and (max-width: 1199px) {

    .block-heading.gap-150,
    .section-heading.gap-150 {
        gap: 0 50px;
    }
}

@media screen and (max-width: 991px) {

    .block-heading.gap-150,
    .section-heading.gap-150 {
        gap: 32px 0;
    }
}

.block-heading-holder,
.section-heading-holder,
.page-heading-holder {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin: 0 0 64px 0;
}

@media screen and (max-width: 991px) {

    .block-heading-holder,
    .section-heading-holder,
    .page-heading-holder {
        margin: 0 0 48px 0;
    }
}

.block-heading-holder.mb-48,
.section-heading-holder.mb-48,
.page-heading-holder.mb-48 {
    margin-bottom: 48px;
}

.block-heading-holder .category-label,
.section-heading-holder .category-label,
.page-heading-holder .category-label {
    display: inline-flex;
    align-items: center;
    gap: 0 6px;
    height: 28px;
    padding: 0 8px;
    margin: 0 0 32px 0;
    background-color: #4C5E59;
    color: #F9FFE6;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 35px;
}

@media screen and (max-width: 768px) {

    .block-heading-holder .category-label,
    .section-heading-holder .category-label,
    .page-heading-holder .category-label {
        margin: 0 0 24px 0;
    }
}

.block-heading-holder .category-label::before,
.section-heading-holder .category-label::before,
.page-heading-holder .category-label::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    background-color: #F9FFE6;
    border-radius: 50%;
}

.block-heading-holder .block-heading,
.block-heading-holder .section-heading,
.block-heading-holder .page-heading,
.section-heading-holder .block-heading,
.section-heading-holder .section-heading,
.section-heading-holder .page-heading,
.page-heading-holder .block-heading,
.page-heading-holder .section-heading,
.page-heading-holder .page-heading {
    margin: 0;
}

.block-heading-holder .block-heading strong,
.block-heading-holder .section-heading strong,
.block-heading-holder .page-heading strong,
.section-heading-holder .block-heading strong,
.section-heading-holder .section-heading strong,
.section-heading-holder .page-heading strong,
.page-heading-holder .block-heading strong,
.page-heading-holder .section-heading strong,
.page-heading-holder .page-heading strong {
    font-weight: 600;
    color: #D3FB52;
}

.block-heading-holder:has(p) .block-heading,
.block-heading-holder:has(p) .section-heading,
.block-heading-holder:has(p) .page-heading,
.section-heading-holder:has(p) .block-heading,
.section-heading-holder:has(p) .section-heading,
.section-heading-holder:has(p) .page-heading,
.page-heading-holder:has(p) .block-heading,
.page-heading-holder:has(p) .section-heading,
.page-heading-holder:has(p) .page-heading {
    margin: 0 0 24px 0;
}

.block-heading-holder:has(p) p strong,
.block-heading-holder:has(p) p b,
.section-heading-holder:has(p) p strong,
.section-heading-holder:has(p) p b,
.page-heading-holder:has(p) p strong,
.page-heading-holder:has(p) p b {
    font-weight: 600;
    color: #D3FB52;
}

.block-heading-holder:has(p) p strong.color-dark,
.block-heading-holder:has(p) p b.color-dark,
.section-heading-holder:has(p) p strong.color-dark,
.section-heading-holder:has(p) p b.color-dark,
.page-heading-holder:has(p) p strong.color-dark,
.page-heading-holder:has(p) p b.color-dark {
    color: #010708;
}

.block-heading-holder p,
.section-heading-holder p,
.page-heading-holder p {
    margin: 0;
}

.block-heading-holder.align-items-center,
.section-heading-holder.align-items-center,
.page-heading-holder.align-items-center {
    align-items: center;
    text-align: center;
}

.block-heading-holder.align-items-center .block-heading,
.block-heading-holder.align-items-center .section-heading,
.section-heading-holder.align-items-center .block-heading,
.section-heading-holder.align-items-center .section-heading,
.page-heading-holder.align-items-center .block-heading,
.page-heading-holder.align-items-center .section-heading {
    text-align: center;
}

.block-heading-holder.color-white,
.section-heading-holder.color-white,
.page-heading-holder.color-white {
    color: #F9FFE6;
}

.block-heading-holder.color-white .block-heading,
.block-heading-holder.color-white .section-heading,
.section-heading-holder.color-white .block-heading,
.section-heading-holder.color-white .section-heading,
.page-heading-holder.color-white .block-heading,
.page-heading-holder.color-white .section-heading {
    color: #fff;
}

.block-heading-holder.color-white .view-all,
.section-heading-holder.color-white .view-all,
.page-heading-holder.color-white .view-all {
    color: #fff;
}

.block-heading-holder.color-white .view-all::after,
.section-heading-holder.color-white .view-all::after,
.page-heading-holder.color-white .view-all::after {
    filter: brightness(0) invert(1);
}

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

    .block-heading-holder.has-swiper-nav,
    .section-heading-holder.has-swiper-nav,
    .page-heading-holder.has-swiper-nav {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0 30px;
    }
}

@media screen and (max-width: 991px) {

    .block-heading-holder.has-swiper-nav,
    .section-heading-holder.has-swiper-nav,
    .page-heading-holder.has-swiper-nav {
        flex-direction: column;
        gap: 32px 0;
    }
}

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

    .block-heading-holder.has-swiper-nav.align-items-end,
    .section-heading-holder.has-swiper-nav.align-items-end,
    .page-heading-holder.has-swiper-nav.align-items-end {
        align-items: flex-end;
    }
}

@media screen and (max-width: 768px) {

    .block-heading-holder.has-mobile-swiper-nav .section-heading,
    .block-heading-holder.has-mobile-swiper-nav .block-heading,
    .section-heading-holder.has-mobile-swiper-nav .section-heading,
    .section-heading-holder.has-mobile-swiper-nav .block-heading,
    .page-heading-holder.has-mobile-swiper-nav .section-heading,
    .page-heading-holder.has-mobile-swiper-nav .block-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px 0;
    }

    .block-heading-holder.has-mobile-swiper-nav .section-heading>div,
    .block-heading-holder.has-mobile-swiper-nav .block-heading>div,
    .section-heading-holder.has-mobile-swiper-nav .section-heading>div,
    .section-heading-holder.has-mobile-swiper-nav .block-heading>div,
    .page-heading-holder.has-mobile-swiper-nav .section-heading>div,
    .page-heading-holder.has-mobile-swiper-nav .block-heading>div {
        width: 100%;
        gap: 0 20px;
    }

    .block-heading-holder.has-mobile-swiper-nav .section-heading .view-all,
    .block-heading-holder.has-mobile-swiper-nav .block-heading .view-all,
    .section-heading-holder.has-mobile-swiper-nav .section-heading .view-all,
    .section-heading-holder.has-mobile-swiper-nav .block-heading .view-all,
    .page-heading-holder.has-mobile-swiper-nav .section-heading .view-all,
    .page-heading-holder.has-mobile-swiper-nav .block-heading .view-all {
        display: inline-flex;
        margin-left: auto;
    }
}

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

    .block-heading-holder.has-mobile-swiper-nav .swiper-navigation,
    .section-heading-holder.has-mobile-swiper-nav .swiper-navigation,
    .page-heading-holder.has-mobile-swiper-nav .swiper-navigation {
        display: none;
    }
}

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

    .block-heading-holder.mw-50 .block-heading,
    .block-heading-holder.mw-50 .section-heading,
    .block-heading-holder.mw-50 p,
    .section-heading-holder.mw-50 .block-heading,
    .section-heading-holder.mw-50 .section-heading,
    .section-heading-holder.mw-50 p,
    .page-heading-holder.mw-50 .block-heading,
    .page-heading-holder.mw-50 .section-heading,
    .page-heading-holder.mw-50 p {
        max-width: 50%;
    }
}

@media screen and (max-width: 768px) {

    .block-heading-holder.has-view-btn .view-all,
    .section-heading-holder.has-view-btn .view-all,
    .page-heading-holder.has-view-btn .view-all {
        display: none;
    }
}

section.dark-bg {
    padding: 128px 0;
    margin-bottom: -40px;
    background: #052326 url("../images/dark-bg-dots.png") top center no-repeat;
    border-radius: 48px 48px 0 0;
}

@media screen and (max-width: 991px) {
    section.dark-bg {
        padding-top: 100px;
        border-radius: 24px 24px 0 0;
    }
}

@media screen and (max-width: 768px) {
    section.dark-bg {
        padding-top: 64px;
    }
}

section.dark-bg--plain {
    background: #052326;
}

.isolate {
    position: relative;
    z-index: 1;
}

section.white-bg {
    position: relative;
    padding: 128px 0 0 0;
    background: #fff;
    margin-bottom: -40px;
    border-radius: 48px 48px 0 0;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    section.white-bg {
        padding-top: 100px;
        border-radius: 24px 24px 0 0;
    }
}

@media screen and (max-width: 768px) {
    section.white-bg {
        padding-top: 64px;
        margin-bottom: -30px;
    }
}

section.white-bg.isolate {
    position: relative;
    z-index: 1;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.tooltip-btn {
    display: inline-flex;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    background: url("../images/icons/tooltip-icon.svg") center center no-repeat;
    cursor: pointer;
    opacity: 1;
    vertical-align: middle;
    border-radius: 50%;
}

.tooltip .tooltip-inner {
    color: #fff;
}

.swiper .swiper-slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.swiper-navigation {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

.swiper-navigation button {
    width: 72px;
    height: 56px;
    padding: 0;
    border: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 35px;
}

@media screen and (max-width: 768px) {
    .swiper-navigation button {
        height: 48px;
    }
}

.swiper-navigation button.swiper-button-disabled {
    opacity: 0.2;
    cursor: default;
}

.swiper-navigation__prev {
    background: #F9FFE6 url("../images/icons/swiper-navigation-prev-arrow.svg") center center no-repeat;
}

.swiper-navigation__prev:active {
    background-color: rgb(230.64, 255, 153.5);
}

.swiper-navigation__prev:hover {
    background-color: rgb(240.432, 255, 194.3);
}

.swiper-navigation__next {
    background: #F9FFE6 url("../images/icons/swiper-navigation-next-arrow.svg") center center no-repeat;
}

.swiper-navigation__next:active {
    background-color: red;
}

.swiper-navigation__next:hover {
    background-color: rgb(240.432, 255, 194.3);
}

.tab-pane {
    min-height: 365px;
    padding: 0;
}

.tab-pane p {
    margin: 0;
}

.tab-pane p:not(:last-child) {
    margin: 0 0 32px 0;
}

.tab-pane b,
.tab-pane strong {
    font-weight: 500;
}

.bootstrap-select {
    width: 100% !important;
}

.bootstrap-select .dropdown-toggle {
    position: relative;
    width: 100%;
    height: 48px;
    padding: 0 50px 0 20px;
    border: 1px solid #E9E9E7;
    background: #fff !important;
    font-weight: 400;
    font-size: 16px;
    color: #202322;
    outline: none !important;
    border-radius: 10px;
}

.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    display: flex;
    align-items: center;
    height: 48px;
    font-weight: 400;
    font-size: 16px;
    color: #202322;
}

.bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
    color: #202322;
}

.bootstrap-select .dropdown-toggle::after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto 0;
    width: 10px;
    height: 6px;
    background: url("../images/icons/select-arrow.svg") center center no-repeat;
    border: 0;
    transition: all 0.3s ease-in-out;
}

.bootstrap-select .dropdown-toggle.show::after {
    transform: rotate(-180deg);
}

.bootstrap-select>.dropdown-menu {
    left: 0 !important;
    right: -1px !important;
    margin-top: 5px !important;
    background: #fff;
    border: 1px solid #E9E9E7;
    border-radius: 10px;
}

.bootstrap-select>.dropdown-menu .inner a {
    display: block;
    padding: 10px 20px;
    color: #202322;
    font-weight: 400;
    font-size: 15px;
}

.bootstrap-select>.dropdown-menu .inner a.selected,
.bootstrap-select>.dropdown-menu .inner a:hover {
    background-color: #F7F7F7;
    text-decoration: none;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

@media screen and (max-width: 575px) {
    .pt-50 {
        padding-top: 40px !important;
    }
}

.pt-64 {
    padding-top: 64px;
}

.pt-80 {
    padding-top: 80px;
}

@media screen and (max-width: 1199px) {
    .pt-80 {
        padding-top: 60px;
    }
}

.pb-80 {
    padding-bottom: 80px;
}

@media screen and (max-width: 1199px) {
    .pb-80 {
        padding-bottom: 60px;
    }
}

.pb-70 {
    padding-bottom: 70px;
}

@media screen and (max-width: 1199px) {
    .pb-70 {
        padding-bottom: 50px;
    }
}

.pt-70 {
    padding-top: 70px;
}

@media screen and (max-width: 1199px) {
    .pt-70 {
        padding-top: 50px;
    }
}

.mb-50 {
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .mb-50 {
        margin-bottom: 30px;
    }
}

.pt-128 {
    padding-top: 128px;
}

@media screen and (max-width: 991px) {
    .pt-128 {
        padding: 100px 0 0 0;
    }
}

@media screen and (max-width: 768px) {
    .pt-128 {
        padding: 64px 0 0 0;
    }
}

.pb-128 {
    padding-bottom: 128px !important;
}

@media screen and (max-width: 991px) {
    .pb-128 {
        padding-bottom: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .pb-128 {
        padding-bottom: 64px !important;
    }
}

.pb-170 {
    padding-bottom: 170px !important;
}

@media screen and (max-width: 1199px) {
    .pb-170 {
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 768px) {
    .pb-170 {
        padding-bottom: 95px !important;
    }
}

@media screen and (max-width: 1299px) {
    .pt-0-mobile {
        padding-top: 0 !important;
    }
}

.mb-0 {
    margin-bottom: 0;
}

.mt-130 {
    margin-top: 130px;
}

@media screen and (max-width: 991px) {
    .mt-130 {
        margin-top: 100px;
    }
}

@media screen and (max-width: 768px) {
    .mt-130 {
        margin-top: 64px;
    }
}

.mb-minus-165 {
    margin-bottom: -165px !important;
}

@media screen and (max-width: 991px) {
    .mb-minus-165 {
        margin-bottom: -120px !important;
    }
}

@media screen and (max-width: 768px) {
    .mb-minus-165 {
        margin-bottom: -60px !important;
    }
}

.w-100 {
    width: 100%;
}

.woocommerce-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0 5px;
    flex-wrap: wrap;
    margin: 0 0 44px 0;
    line-height: 22.4px;
    font-weight: 400;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .woocommerce-breadcrumb {
        margin: 0 0 30px 0;
    }
}

.woocommerce-breadcrumb a {
    color: rgba(37, 31, 31, 0.7);
}

.woocommerce-breadcrumb a:hover {
    color: #C0080B;
}

.woocommerce-breadcrumb .delimiter {
    display: inline-flex;
}

.woocommerce-breadcrumb .delimiter::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icons/breadcrumb-arrow.svg") center center no-repeat;
}

.woocommerce-breadcrumb .last {
    font-weight: 600;
    color: #111;
}

.woocommerce-pagination {
    margin: 0;
}

.woocommerce-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 5px;
}

.woocommerce-pagination .page-numbers li {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.woocommerce-pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .current {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    line-height: 16px;
    font-size: 16px;
    color: #222;
    border-radius: 8px;
}

.woocommerce-pagination .page-numbers li .page-numbers:not(.next):hover,
.woocommerce-pagination .page-numbers li .current:not(.next):hover {
    background-color: #650002;
    color: #fff;
}

.woocommerce-pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .current.dots {
    width: auto;
    background: none !important;
    color: #222 !important;
    cursor: default;
}

.woocommerce-pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .current.next {
    background: url("../images/icons/pagination-next-arrow.svg") center center no-repeat;
}

.woocommerce-pagination .page-numbers li .page-numbers.next:hover,
.woocommerce-pagination .page-numbers li .current.next:hover {
    background-color: #eee;
}

.woocommerce-pagination .page-numbers li .current {
    background-color: #650002;
    color: #fff;
}

.social-media {
    gap: 0 20px;
}

.social-media a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-media a svg path {
    transition: all 0.3s ease-in-out;
}

.social-media a:hover svg path {
    fill: #C0080B;
}

.modal {
    z-index: 999999;
}

.modal .modal-dialog {
    padding-top: 22vh;
    max-width: calc(100% - 40px);
    width: 750px;
    margin: 0 auto 20px;
}

@media screen and (max-width: 991px) {
    .modal .modal-dialog {
        padding-top: 10vh;
    }
}

.modal .modal-dialog .modal-content {
    border: 0;
    background-color: #fff;
    border-radius: 5px;
}

.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-footer {
    padding: 20px 40px 20px 40px;
    background: rgba(198, 198, 198, 0.1);
    border-bottom: 1px solid rgba(98, 96, 96, 0.7);
}

.modal .modal-dialog .modal-content .modal-header .btn-close {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url("../images/icons/modal-close-icon.svg") center center no-repeat;
    cursor: pointer;
}

.modal .modal-dialog .modal-content .modal-header .btn-close.white {
    position: absolute;
    right: 0;
    left: auto;
    bottom: calc(100% + 8px);
    width: 50px;
    height: 50px;
    background: url("../images/icons/modal-close-icon-white.svg") center center no-repeat;
}

.modal .modal-dialog .modal-content .modal-footer {
    border: 0;
    border-top: 1px solid rgba(98, 96, 96, 0.7);
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 20px 40px 40px 40px;
}

.modal .modal-dialog .modal-content .modal-body .form-control,
.modal .modal-dialog .modal-content .modal-body .input-text {
    border-radius: 20px;
}

.modal#contactModal .modal-dialog {
    max-width: calc(100% - 40px);
    width: 900px;
}

.modal#contactModal .modal-dialog .modal-content {
    border-radius: 20px;
}

.modal#contactModal .modal-dialog .modal-header {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

.modal#contactModal .modal-dialog .modal-body {
    padding: 0;
}

.modal#contactModal .blocks {
    display: flex;
}

@media screen and (max-width: 768px) {
    .modal#contactModal .blocks {
        flex-direction: column;
        gap: 15px 0;
    }
}

.modal#contactModal .blocks__form {
    flex-grow: 1;
    padding: 30px;
}

.modal#contactModal .blocks__form .input-text,
.modal#contactModal .blocks__form .form-control {
    background: #fff;
    border-color: rgba(37, 31, 31, 0.7);
}

.modal#contactModal .blocks__form textarea {
    min-height: 215px;
}

.modal#contactModal .blocks__form button[type=submit],
.modal#contactModal .blocks__form input[type=submit] {
    padding: 0 28px;
}

@media screen and (max-width: 575px) {

    .modal#contactModal .blocks__form button[type=submit],
    .modal#contactModal .blocks__form input[type=submit] {
        width: 100%;
    }
}

.modal#contactModal .blocks__details {
    flex-shrink: 0;
    padding: 30px;
    background-color: #F5F5F7;
    font-size: 14px;
}

@media screen and (min-width: 769px) {
    .modal#contactModal .blocks__details {
        width: 300px;
        border-radius: 0 20px 20px 0;
    }
}

@media screen and (max-width: 768px) {
    .modal#contactModal .blocks__details {
        width: 100%;
        border-radius: 0 0 20px 20px;
    }
}

.modal#contactModal .blocks__details ul {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    color: rgba(37, 31, 31, 0.8);
}

.modal#contactModal .blocks__details ul.has-icons {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(37, 31, 31, 0.7);
}

.modal#contactModal .blocks__details ul.has-icons li {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.modal#contactModal .blocks__details ul.has-icons li img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.modal#contactModal .blocks__details p {
    margin: 0 0 15px 0;
    line-height: 22.4px;
}

.modal#contactModal .blocks__details strong {
    display: block;
    margin: 0 0 10px 0;
}

.modal#contactModal .blocks__title {
    margin: 0 0 27px 0;
    line-height: 25.2px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.modal#cartModal .modal-dialog {
    max-width: calc(100% - 40px);
    width: 750px;
}

@media screen and (max-width: 575px) {
    .modal#cartModal .modal-dialog .modal-header {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.modal#cartModal .modal-dialog .modal-header .cart-details {
    display: flex;
    align-items: center;
    gap: 20px;
    font-weight: 500;
}

.modal#cartModal .modal-dialog .modal-header .cart-details::before {
    content: "";
    width: 46px;
    height: 46px;
    background: url("../images/icons/modal-cart-icon.svg") center center no-repeat;
}

.modal#cartModal .modal-dialog .modal-header .cart-details__heading {
    line-height: 1.3;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}

.modal#cartModal .modal-dialog .modal-header .cart-details__summ {
    color: #C0080B;
    letter-spacing: -0.3px;
}

@media screen and (max-width: 575px) {
    .modal#cartModal .modal-dialog .modal-body {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.modal#cartModal .modal-dialog .modal-body .products-swiper__heading {
    margin-bottom: 27px;
    line-height: 1.3;
    font-weight: 600;
    font-size: 22px;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .swiper-wrapper {
    display: flex;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .swiper-slide {
    display: flex;
    height: auto;
    min-height: 100%;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .product-item {
    padding: 0;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .product-item__image {
    height: auto;
    margin-bottom: 38px;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .product-item__details {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    padding: 0;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .product-item__details-title {
    min-height: 40px;
    margin-bottom: 10px;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .product-item__details-price {
    margin-bottom: 20px;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .product-item__details .quantity {
    height: 38px;
    width: 100px;
    margin-top: auto;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .product-item__details .add-to-cart-loop {
    width: 99px;
    height: 38px;
    margin-top: auto;
    border: 0;
    background: #C0080B url("../images/icons/btn-add-to-cart-icon.svg") center center no-repeat;
    border-radius: 35px;
}

.modal#cartModal .modal-dialog .modal-body .products-swiper .product-item__details .add-to-cart-loop:hover {
    background-color: rgb(143.04, 5.96, 8.195);
}

.modal#cartModal .modal-dialog .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 30px;
}

@media screen and (max-width: 768px) {
    .modal#cartModal .modal-dialog .modal-footer {
        flex-direction: column;
        gap: 10px 0;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .modal#cartModal .modal-dialog .modal-footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.modal#cartModal .modal-dialog .modal-footer .btn {
    margin: 0;
}

@media screen and (max-width: 768px) {
    .modal#cartModal .modal-dialog .modal-footer .btn {
        width: 100%;
    }
}

.modal#cartModal .modal-dialog .modal-footer__text {
    color: rgba(37, 31, 31, 0.8);
}

.modal#cartModal .modal-dialog .modal-footer__text p {
    margin: 0;
    color: #251F1F;
}

.modal#cartModal .modal-dialog .modal-footer__text a {
    color: #251F1F;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .modal#cartModal .modal-dialog .modal-footer__text a {
        color: #C0080B;
    }
}

.modal#cartModal .modal-dialog .modal-footer__text a:hover {
    text-decoration: none;
}

.modal-backdrop {
    z-index: 99999;
}

/* Sections  */
.hero {
    position: relative;
    padding: 0px 0 150px 0;
    background-color: #042125;
    border-radius: 0 0 29.71px 29.71px;
}

@media screen and (max-width: 1599px) {
    .hero {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .hero {
        padding-top: 150px;
        padding-bottom: 64px;
        text-align: center;
        border-radius: 0 0 24px 24px;
    }
}

@media screen and (max-width: 768px) {
    .hero {
        text-align: left;
    }
}

.hero .container {
    position: relative;
    z-index: 1;
}

.hero .container+.container {
    margin-top: 68px;
}

@media screen and (max-width: 1199px) {
    .hero .container+.container {
        margin-top: 48px;
    }
}

@media screen and (max-width: 768px) {
    .hero .container+.container {
        margin-top: 32px;
    }
}

@media screen and (max-width: 575px) {
    .hero .container+.container {
        margin-top: 24px;
    }
}

.hero .container+.container .hero__stats {
    margin-top: 0;
}

.hero::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--hero-bg);
}

.hero--plain-bg::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url("../images/hero-right-dots-image.png") top right no-repeat;
}

.hero:has(.hero__image) .container {
    display: flex;
    align-items: center;
    gap: 0 100px;
}

@media screen and (max-width: 1199px) {
    .hero:has(.hero__image) .container {
        flex-direction: column;
        gap: 60px 0;
    }
}

@media screen and (max-width: 768px) {
    .hero:has(.hero__image) .container {
        gap: 32px 0;
    }
}

.hero:not(:has(.hero__image)) .hero__text {
    width: 50%;
}

@media screen and (max-width: 1199px) {
    .hero:not(:has(.hero__image)) .hero__text {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    .hero:not(:has(.hero__image)) .hero__text {
        width: 100%;
    }
}

.hero:has(.hero__image) .hero__text,
.hero:has(.hero__image) .hero__image {
    flex: 1 1 0;
}

.hero:has(.post-meta) .hero__text {
    width: 65%;
}

.hero .gap-0 {
    gap: 0 !important;
}

.hero__text {
    color: #000000;
}

.hero__text .category-with-cta {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    margin: 0 0 32px 0;
    border: 1px solid #4C5E59;
    border-radius: 35px;
}

.hero__text .category-with-cta__category {
    display: inline-flex;
    align-items: center;
    gap: 0 6px;
    height: 28px;
    padding: 0 8px;
    background-color: #023A3F;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 35px;
}

.hero__text .category-with-cta__category::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    background-color: #D3FB52;
    border-radius: 50%;
}

.hero__text .category-with-cta__link {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 8px;
    line-height: 20px;
    font-weight: 500;
    font-size: 12px;
    color: #4C5E59;
    text-align: center;
}

.hero__text .category-with-cta__link:hover {
    color: #D3FB52;
}

.hero__text-meta {
    text-align: left;
}

.hero__text h1 {
    margin: 0 0 24px 0;
    line-height: 80px;
    font-weight: 600;
    font-size: 56px;
    color: #000000;
}

.hero--contact-us .hero__text h1,
.hero--contact-us .hero__text p,
.hero--contact-us .hero__text span,
.hero--case-studies .hero__text h1,
.hero--case-studies .hero__text p,
.hero--case-studies .hero__text span {
    color: #fff;
}

.hero__text p {
    color: #000000;
}

@media screen and (max-width: 1599px) {
    .hero__text h1 {
        line-height: normal;
        font-size: 52px;
    }
}

@media screen and (max-width: 1299px) {
    .hero__text h1 {
        font-size: 48px;
    }
}

@media screen and (max-width: 768px) {
    .hero__text h1 {
        font-size: 40px;
    }
}

.hero__text p strong,
.hero__text p b {
    color: #D3FB52;
    font-weight: 600;
}

.hero__text-btns {
    flex-wrap: wrap;
    gap: 0 12px;
    margin-top: 48px;
}

@media screen and (max-width: 768px) {
    .hero__text-btns {
        display: flex;
        flex-direction: column;
        gap: 12px 0;
        margin-top: 32px;
    }
}

.hero__text-btns>span {
    display: block;
    width: 100%;
    margin: 0 0 12px 0;
    font-weight: 600;
}

@media screen and (min-width: 1500px) {
    .hero__text p {
        padding-right: 50px;
    }
}

.hero__image {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.hero__image:has(.hero__stats, .hero__logos) {
    flex-direction: column;
    align-items: flex-end;
    gap: 100px 0;
}

@media screen and (max-width: 575px) {
    .hero__image:has(.hero__stats, .hero__logos) {
        gap: 47px 0;
    }
}

.hero__image:has(.hero__stats, .hero__logos).justify-content-center {
    align-items: center;
}

.hero__image:has(.hero__stats, .hero__logos) .hero__stats {
    position: relative;
    margin-top: 0;
    z-index: 2;
}

@media screen and (max-width: 1199px) {
    .hero__image:has(.hero__stats, .hero__logos) .hero__stats {
        width: 100%;
        justify-content: center;
    }
}

.hero__image .hero-page-preview {
    position: relative;
    padding-top: 75px;
}

@media screen and (min-width: 1200px) {
    .hero__image .hero-page-preview {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .hero__image .hero-page-preview {
        padding-top: 90px;
    }
}

@media screen and (max-width: 575px) {
    .hero__image .hero-page-preview {
        padding-top: 80px;
    }
}

.hero__image .hero-page-preview::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -85px;
    width: 486px;
    height: 272px;
    background: url("../images/page-preview-progress-line.svg") left bottom no-repeat;
}

@media screen and (max-width: 768px) {
    .hero__image .hero-page-preview::before {
        top: 55px;
        left: -15px;
        width: 243px;
        height: 136px;
        background: url("../images/page-preview-progress-line-mobile.svg") left bottom no-repeat;
    }
}

@media screen and (max-width: 650px) {
    .hero__image .hero-page-preview::before {
        left: 25px;
    }
}

@media screen and (max-width: 575px) {
    .hero__image .hero-page-preview::before {
        top: 25px;
    }
}

.hero__image .hero-page-preview__iframe-holder {
    position: relative;
    width: 586px;
    height: 360px;
    padding: 32px 4px 4px 4px;
    background: url("../images/hero-page-preview-browser-bg.svg") left center no-repeat;
    transform: rotate(-4deg);
    will-change: transform;
    border-radius: 8px;
    z-index: 1;
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
    .hero__image .hero-page-preview__iframe-holder {
        width: 100%;
    }
}

@media screen and (max-width: 650px) and (min-width: 576px) {
    .hero__image .hero-page-preview__iframe-holder {
        transform: scale(0.9) rotate(-4deg);
    }
}

@media screen and (max-width: 575px) {
    .hero__image .hero-page-preview__iframe-holder {
        width: 100%;
        transform: rotate(-3deg) scale(0.9);
    }
}

.hero__image .hero-page-preview__iframe {
    height: 100%;
    overflow: hidden;
    border-radius: 0 0 6px 6px;
}

.hero__image .hero-page-preview__iframe img {
    max-width: 100%;
    max-height: 9999999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    animation: scrollUpPause 20s ease-in-out infinite;
}

@keyframes scrollUpPause {
    0% {
        transform: translateY(0);
    }

    15% {
        transform: translateY(-10%);
    }

    25% {
        transform: translateY(-10%);
    }

    40% {
        transform: translateY(-25%);
    }

    50% {
        transform: translateY(-25%);
    }

    65% {
        transform: translateY(-45%);
    }

    75% {
        transform: translateY(-45%);
    }

    90% {
        transform: translateY(-60%);
    }

    100% {
        transform: translateY(-60%);
    }
}

.hero__image .hero-page-preview__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 47px;
    bottom: -35px;
    padding: 0 40px;
    height: 91px;
    background-color: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(39.7px);
    transform: rotate(4deg);
    transform-origin: bottom right;
    border-radius: 50px;
    z-index: 2;
}

@media screen and (max-width: 1499px) {
    .hero__image .hero-page-preview__logo {
        height: 80px;
        padding: 10px 30px;
    }
}

@media screen and (max-width: 991px) {
    .hero__image .hero-page-preview__logo {
        bottom: -15px;
        height: 45px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 650px) {
    .hero__image .hero-page-preview__logo {
        bottom: 0;
    }
}

.hero__image .hero-page-preview__logo img {
    transform: rotate(-4deg);
}

.hero__stats {
    display: flex;
    margin-top: 35px;
    color: #F9FFE6;
    font-size: 14px;
    text-align: left;
}

@media screen and (min-width: 576px) {
    .hero__stats {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 575px) {
    .hero__stats-list {
        flex-direction: column;
        gap: 24px 0;
        width: 100%;
    }
}

.hero__stats strong,
.hero__stats span {
    display: block;
}

.hero__stats strong {
    font-weight: 500;
    font-size: 20px;
}

@media screen and (max-width: 1599px) and (min-width: 769px) {
    .hero__stats strong {
        font-size: 18px;
    }
}

.hero__stats-item {
    gap: 0;
}

.hero__stats-item-photos {
    display: flex;
    flex-shrink: 0;
    margin-right: 12px;
}

.hero__stats-item-photos img {
    border: 2px solid #4C5E59;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 50%;
}

.hero__stats-item-photos img:not(:first-child) {
    position: relative;
    margin-left: -24px;
    z-index: 1;
}

.hero__stats-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin: 0 12px 0 0;
    background-color: #F9FFE6;
    border-radius: 50%;
}

.hero__stats-item-icon img,
.hero__stats-item-icon svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

@media screen and (min-width: 576px) {
    .hero__stats-item:not(:last-child)::after {
        content: "";
        width: 1px;
        height: 100%;
        margin: 0 24px;
        background-color: #556c66;
    }
}

.hero__stats--has-mobile-seperators .hero__stats-item:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 100%;
    margin: 0 24px;
    background-color: #556c66;
}

@media screen and (max-width: 991px) {
    .hero__stats--has-mobile-overflow {
        justify-content: flex-start;
        width: calc(100% + 60px);
        padding: 0 30px;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .hero__stats--has-mobile-overflow::-webkit-scrollbar {
        display: none;
    }

    .hero__stats--has-mobile-overflow span,
    .hero__stats--has-mobile-overflow strong {
        display: block;
        white-space: nowrap;
    }
}

@media screen and (max-width: 575px) {
    .hero__stats--has-mobile-overflow {
        width: calc(100% + 40px);
        padding: 0 20px;
    }
}

@media screen and (max-width: 991px) {
    .hero__logos {
        justify-content: center;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .hero__logos {
        width: calc(100% + 40px);
        padding: 0 20px;
        justify-content: flex-start;
        margin-right: -20px;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-user-select: all;
        -moz-user-select: all;
        user-select: all;
        pointer-events: all;
    }

    .hero__logos::-webkit-scrollbar {
        display: none;
    }
}

.hero__logos-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .hero__logos-item {
        flex-shrink: 0;
    }
}

.hero__logos-item:not(:last-child)::after {
    content: "";
    flex-shrink: 0;
    width: 1px;
    height: 100%;
    margin: 0 24px;
    background-color: #556c66;
}

.hero__logos-item img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

@media screen and (min-width: 992px) {
    .hero__logos-item img {
        max-width: calc(100% - 48px);
    }
}

@media screen and (max-width: 1499px) {
    .hero--home:not(:has(.hero__image)) .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .hero--home:not(:has(.hero__image)) .container {
        text-align: left;
    }
}

@media screen and (max-width: 1599px) {
    .hero--home:not(:has(.hero__image)) .hero__text {
        width: 60%;
    }
}

@media screen and (max-width: 1299px) {
    .hero--home:not(:has(.hero__image)) .hero__text {
        width: 80%;
    }
}

@media screen and (max-width: 1199px) {
    .hero--home:not(:has(.hero__image)) .hero__text {
        width: 95%;
    }
}

@media screen and (max-width: 768px) {
    .hero--home:not(:has(.hero__image)) .hero__text {
        width: 100%;
    }
}

@media screen and (max-width: 1499px) {
    .hero--home .hero__stats {
        justify-content: center;
        margin-top: 60px;
    }
}

@media screen and (max-width: 850px) {
    .hero--home .hero__stats {
        display: none;
    }
}

@media screen and (max-width: 1499px) {
    .hero--home .hero__text-btns {
        justify-content: center;
    }
}

.hero--post-hero {
    padding-bottom: 100px;
}

@media screen and (min-width: 992px) {
    .hero--post-hero {
        padding-top: 215px;
    }
}

@media screen and (max-width: 768px) {
    .hero--post-hero {
        padding-bottom: 64px;
    }
}

.hero--post-hero .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media screen and (max-width: 1299px) {
    .hero--post-hero .hero__text {
        width: 80% !important;
    }
}

@media screen and (max-width: 768px) {
    .hero--post-hero .hero__text {
        width: 100% !important;
    }
}

.hero--post-hero .hero__text p {
    padding-right: 0;
}

.hero--post-hero .post-meta {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 64px;
}

.hero--post-hero .post-meta__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.hero--post-hero .post-meta__tags .post-meta__tags-item {
    display: inline-flex;
    padding: 4px 8px;
    background-color: #4C5E59;
    color: #F9FFE6;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 30px;
}

.hero--post-hero .post-meta__tags .post-meta__tags-item:hover {
    background-color: #D3FB52;
    color: #023A3F;
}

.hero--post-hero .post-meta__read-time {
    line-height: 24px;
    font-size: 14px;
}

.hero--post-hero .hero__stats {
    margin-top: 48px;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .hero--post-hero .hero__stats-list {
        flex-direction: column;
        align-items: center;
        gap: 24px 0;
    }

    .hero--post-hero .hero__stats-list .hero__stats-item::after {
        content: none;
    }
}

.hero--about-us {
    padding-bottom: 0;
}

@media screen and (min-width: 1200px) {
    .hero--about-us .container {
        position: static;
        align-items: normal !important;
    }
}

.hero--about-us .hero__text,
.hero--about-us .hero__image {
    position: relative;
    flex: auto !important;
}

.hero--about-us .hero__text {
    padding-bottom: 250px;
}

@media screen and (max-width: 1599px) {
    .hero--about-us .hero__text {
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 1299px) {
    .hero--about-us .hero__text {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 991px) {
    .hero--about-us .hero__text {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 768px) {
    .hero--about-us .hero__text {
        padding-bottom: 33px;
    }
}

.hero--about-us .hero__image {
    position: relative;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0 !important;
    width: 42% !important;
    min-height: 100%;
    z-index: 1;
}

@media screen and (max-width: 1199px) {
    .hero--about-us .hero__image {
        min-height: 430px;
    }
}

@media screen and (max-width: 991px) {
    .hero--about-us .hero__image {
        width: 100% !important;
        min-height: 423px;
        align-items: center;
        justify-content: center;
    }
}

.hero--about-us .hero__image--stats {
    position: absolute;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 991px) {
    .hero--about-us .hero__image--stats {
        max-width: 230px;
    }
}

.hero--about-us .hero__image--valdis {
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

@media screen and (min-width: 992px) {
    .hero--about-us .hero__image--valdis {
        position: absolute;
        right: 160px;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
    }
}

@media screen and (max-width: 991px) {
    .hero--about-us .hero__image--valdis {
        max-height: 423px;
    }
}

.hero--about-us .hero__image-badge {
    display: flex;
    align-items: center;
    gap: 0 10px;
    position: absolute;
    left: 15px;
    bottom: 255px;
    padding: 12px 25px;
    background-color: rgba(255, 255, 255, 0.12);
    font-weight: 500;
    color: #D3FB52;
    backdrop-filter: blur(39px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    border-radius: 35px;
    z-index: 2;
}

.hero--about-us .hero__image-badge div[data-count] {
    display: inline;
}

.hero--about-us .hero__image-badge div[data-count]::before {
    content: "+";
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__image-badge {
        gap: 0 5px;
        padding: 3px 15px;
        font-size: 12px;
    }
}

.hero--about-us .hero__image-badge-icon {
    display: flex;
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__image-badge-icon svg {
        max-height: 15px;
    }
}

.hero--about-us .hero__image-company {
    position: absolute;
    right: -100%;
    bottom: -100%;
    display: flex;
    align-items: center;
    gap: 0 12px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(39px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    border-radius: 12px;
    z-index: 3;
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__image-company {
        padding: 8px;
    }
}

.hero--about-us .hero__image-company-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #010708;
    border-radius: 8px;
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__image-company-logo {
        width: 50px;
        height: 50px;
        padding: 10px;
    }
}

.hero--about-us .hero__image-company-details {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 12px;
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__image-company-details {
        font-size: 10px;
    }
}

.hero--about-us .hero__image-company-details strong {
    line-height: normal;
    font-weight: 600;
    font-size: 16px;
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__image-company-details strong {
        font-size: 13px;
    }
}

.hero--about-us .hero__image-company-details::after {
    content: "";
    height: 16px;
    width: 88px;
    margin-top: -2px;
    background: url("../images/5-stars-rate.svg") left center no-repeat;
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__image-company-details::after {
        height: 12px;
        width: 100%;
        background-size: contain;
    }
}

.hero--about-us .hero__text {
    width: 58%;
}

@media screen and (max-width: 1199px) {
    .hero--about-us .hero__text {
        width: 70%;
    }
}

@media screen and (max-width: 991px) {
    .hero--about-us .hero__text {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__text {
        padding-bottom: 5px;
    }
}

.hero--about-us .hero__text .hero__stats {
    justify-content: flex-start;
}

@media screen and (max-width: 1199px) {
    .hero--about-us .hero__text .hero__stats {
        justify-content: center;
    }
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__text .hero__stats {
        align-items: stretch;
    }

    .hero--about-us .hero__text .hero__stats-list {
        flex-direction: column;
        align-items: center;
        gap: 24px 0;
    }

    .hero--about-us .hero__text .hero__stats-list .hero__stats-item {
        justify-content: center;
    }

    .hero--about-us .hero__text .hero__stats-list .hero__stats-item strong {
        font-size: 20px;
    }

    .hero--about-us .hero__text .hero__stats-list .hero__stats-item::after {
        content: none;
    }
}

.hero--about-us .hero__text h1 {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

@media screen and (max-width: 1199px) and (min-width: 769px) {
    .hero--about-us .hero__text h1 {
        justify-content: center;
    }
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__text h1 {
        display: inline-block;
    }
}

.hero--about-us .hero__text h1+h2 {
    margin-bottom: 24px;
    line-height: 40px;
    font-size: 32px;
    color: #fff;
}

@media screen and (max-width: 1299px) {
    .hero--about-us .hero__text h1+h2 {
        line-height: normal;
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .hero--about-us .hero__text h1+h2 {
        font-size: 24px;
    }
}

.hero--about-us .hero__text h1::before {
    content: "";
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    background: url("../images/icons/hey-icon.svg") left center no-repeat;
}

@media screen and (max-width: 768px) {
    .hero--about-us .hero__text h1::before {
        width: 40px;
        height: 40px;
        background-size: contain;
    }
}

@media screen and (max-width: 575px) {
    .hero--about-us .hero__text h1::before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 10px;
    }
}

.hero--about-us .hero__stats--has-cta {
    gap: 0 48px;
}

@media screen and (max-width: 1599px) {
    .hero--about-us .hero__stats--has-cta {
        flex-direction: column;
        gap: 30px 0;
        align-items: flex-start;
    }
}

@media screen and (max-width: 1199px) {
    .hero--about-us .hero__stats--has-cta {
        align-items: center;
    }
}

.hero--about-us.animate .hero__image--stats {
    top: -20px;
    left: 15px;
    bottom: auto;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-delay: 0.2s;
}

@media screen and (max-width: 1199px) {
    .hero--about-us.animate .hero__image--stats {
        top: -50px;
        left: -45px;
    }
}

@media screen and (max-width: 991px) {
    .hero--about-us.animate .hero__image--stats {
        position: absolute;
        top: 0;
        left: 80px;
        max-width: 230px;
    }
}

@media screen and (max-width: 768px) {
    .hero--about-us.animate .hero__image--stats {
        left: 0;
    }
}

.hero--about-us.animate .hero__image--valdis {
    right: 60px;
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
}

.hero--about-us.animate .hero__image-company {
    right: 0;
    bottom: 128px;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
}

@media screen and (max-width: 1199px) {
    .hero--about-us.animate .hero__image-company {
        right: -45px;
        bottom: 80px;
    }
}

@media screen and (max-width: 991px) {
    .hero--about-us.animate .hero__image-company {
        right: 0;
    }
}

@media screen and (max-width: 575px) {
    .hero--about-us.animate .hero__image-company {
        padding: 8px;
    }
}

@media screen and (max-width: 520px) {
    .hero--about-us.animate .hero__image-company {
        bottom: 60px;
    }
}

.hero--about-us.animate .hero__image-badge {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
}

@media screen and (max-width: 1199px) {
    .hero--about-us.animate .hero__image-badge {
        left: -50px;
        bottom: 145px;
    }
}

@media screen and (max-width: 991px) {
    .hero--about-us.animate .hero__image-badge {
        left: 150px;
    }
}

@media screen and (max-width: 768px) {
    .hero--about-us.animate .hero__image-badge {
        left: 0;
    }
}

@media screen and (max-width: 575px) {
    .hero--about-us.animate .hero__image-badge {
        left: 0;
    }
}

.hero--case-studies {
    padding-bottom: 64px;
}

.hero--case-studies>.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.hero--case-studies .logo-swiper {
    margin-top: 48px;
    margin-bottom: 32px;
    padding: 32px 0;
}

.hero--case-studies .logo-swiper::before,
.hero--case-studies .logo-swiper::after {
    content: none;
}

.hero--case-studies .logo-swiper img {
    filter: brightness(0) invert(1);
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.hero--case-studies .logo-swiper img:hover {
    opacity: 1;
}

.hero--case-studies .logo-swiper .container {
    position: relative;
}

.hero--case-studies .logo-swiper .container::before,
.hero--case-studies .logo-swiper .container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 115px;
    background: linear-gradient(90deg, rgb(4, 33, 37) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
}

.hero--case-studies .logo-swiper .container::after {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}

.hero__back-link {
    display: inline-flex;
    align-items: center;
    gap: 0 12px;
    margin-bottom: 32px;
    font-weight: 600;
    text-decoration: none;
    color: inherit;
}

.hero__back-link svg {
    transition: transform 0.3s ease-in-out;
}

.hero__back-link:hover svg {
    transform: translateX(-4px);
}

.hero--dark .technology-stack {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin: 0 0 32px 0;
    font-weight: 600;
}

@media screen and (max-width: 1199px) and (min-width: 769px) {
    .hero--dark .technology-stack {
        justify-content: center;
    }
}

.hero--dark .technology-stack__tech-icons {
    gap: 4px;
}

.hero--dark .technology-stack__tech-icons li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #4C524B;
    border-radius: 3px;
}

.hero--dark .hero__text {
    color: #010708;
}

.hero--dark .hero__text h1 {
    color: #010708;
}

.hero--dark .hero__text p {
    color: #4C524B;
}

.hero--light-blue {
    background-color: #E8F3FD;
}

.hero--light-blue::before {
    background: var(--hero-bg) left bottom no-repeat;
}

@media screen and (max-width: 991px) {
    .hero--light-blue::before {
        content: none;
    }
}

.hero--light-blue::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

@media screen and (min-width: 992px) {
    .hero--light-blue::after {
        background: var(--hero-bg) right top no-repeat;
    }
}

@media screen and (max-width: 991px) {
    .hero--light-blue::after {
        width: 100%;
        background: var(--hero-bg) right top no-repeat;
    }
}

.hero--light-green {
    background-color: #F0FDF2;
}

.hero--light-green::before {
    content: "";
    position: absolute;
    left: 0;
    width: 500px;
    height: 500px !important;
    height: 320px;
    background-image: var(--hero-bg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    z-index: 0;
    opacity: 1;
    pointer-events: none;
}

@media screen and (max-width: 991px) {
    .hero--light-green::before {
        content: none;
    }
}

.hero--light-green::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

@media screen and (min-width: 992px) {
    .hero--light-green::after {
        content: "";
        position: absolute;
        right: 0;
        top: -140px;
        width: 500px;
        height: 500px;
        background-image: var(--hero-bg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left bottom;
        z-index: 0;
        opacity: 1;
        pointer-events: none;
    }
}

@media screen and (max-width: 991px) {
    .hero--light-green::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 500px;
        height: 500px;
        background-image: var(--hero-bg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left bottom;
        z-index: 1;
        opacity: 1;
        pointer-events: none;
    }
}

.hero--light-orange {
    background-color: #FFF2EB;
}

.hero--light-orange::before {
    background: url("../images/hero-left-orange-dots-image.png") left bottom no-repeat;
}

@media screen and (max-width: 991px) {
    .hero--light-orange::before {
        content: none;
    }
}

.hero--light-orange::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

@media screen and (min-width: 992px) {
    .hero--light-orange::after {
        background: url("../images/hero-right-top-orange-dots-image.png") right top no-repeat;
    }
}

@media screen and (max-width: 991px) {
    .hero--light-orange::after {
        width: 100%;
        background: url("../images/hero-right-top-orange-dots-image-mobile.png") right top no-repeat;
    }
}

.hero--mint {
    background-color: #EBFDFC;
}

.hero--mint::before {
    background: url("../images/hero-left-mint-dots-image.png") left bottom no-repeat;
}

@media screen and (max-width: 991px) {
    .hero--mint::before {
        content: none;
    }
}

.hero--mint::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

@media screen and (min-width: 992px) {
    .hero--mint::after {
        background: url("../images/hero-right-top-mint-dots-image.png") right top no-repeat;
    }
}

@media screen and (max-width: 991px) {
    .hero--mint::after {
        width: 100%;
        background: url("../images/hero-right-top-mint-dots-image-mobile.png") right top no-repeat;
    }
}

.hero--grey {
    background-color: #FAFAFA;
}

.hero--grey::before {
    background: url("../images/hero-left-grey-dots-image.png") left bottom no-repeat;
}

@media screen and (max-width: 991px) {
    .hero--grey::before {
        content: none;
    }
}

.hero--grey::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

@media screen and (min-width: 992px) {
    .hero--grey::after {
        background: url("../images/hero-right-top-grey-dots-image.png") right top no-repeat;
    }
}

@media screen and (max-width: 991px) {
    .hero--grey::after {
        width: 100%;
        background: url("../images/hero-right-top-grey-dots-image-mobile.png") right top no-repeat;
    }
}

.hero--contact-us .desktop-view {
    display: none;
}

@media screen and (min-width: 1200px) {
    .hero--contact-us .desktop-view {
        display: block;
    }
}

.hero--contact-us .mobile-view {
    display: none;
}

@media screen and (max-width: 1199px) {
    .hero--contact-us .mobile-view {
        display: block;
    }
}

.hero--contact-us .hero__text,
.hero--contact-us .hero__form {
    text-align: left;
}

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

    .hero--contact-us .hero__text,
    .hero--contact-us .hero__form {
        flex: 1 1 0;
    }
}

@media screen and (max-width: 1199px) {

    .hero--contact-us .hero__text,
    .hero--contact-us .hero__form {
        width: 100% !important;
    }
}

.hero--contact-us .container {
    display: flex;
}

@media screen and (min-width: 1200px) {
    .hero--contact-us .container {
        gap: 0 48px;
    }
}

@media screen and (max-width: 1199px) {
    .hero--contact-us .container {
        flex-direction: column;
    }
}

.hero--contact-us ol {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    margin: 24px 0 0 0;
    padding: 0;
    list-style: none;
    counter-reset: ol-counter;
    text-align: left;
}

.hero--contact-us ol li {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px 0;
    padding: 0 0 0 24px;
    counter-increment: ol-counter;
    font-size: 14px;
}

.hero--contact-us ol li::before {
    content: counter(ol-counter) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

.hero--contact-us ol li strong {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

.hero--contact-us .scale-stats {
    display: flex;
    gap: 24px;
    margin: 128px 0 24px 0;
    padding: 0 0 24px 0;
    border-bottom: 1px solid #F9FFE6;
}

@media screen and (max-width: 1499px) {
    .hero--contact-us .scale-stats {
        margin-top: 64px;
    }
}

@media screen and (max-width: 1299px) {
    .hero--contact-us .scale-stats {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 769px) {
    .hero--contact-us .scale-stats {
        justify-content: center;
    }
}

@media screen and (max-width: 1199px) {
    .hero--contact-us .scale-stats {
        margin-top: 32px;
    }
}

@media screen and (max-width: 575px) {
    .hero--contact-us .scale-stats {
        flex-direction: column;
        gap: 24px 0;
    }
}

.hero--contact-us .scale-stats__item {
    display: flex;
    flex-direction: column;
}

.hero--contact-us .scale-stats__value {
    margin: 0 0 4px 0;
    line-height: 40px;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.hero--contact-us .scale-stats__label {
    line-height: 26px;
    font-size: 18px;
    color: #fff;
}

.hero--contact-us .scale-stats__description {
    font-size: 14px;
    color: #F9FFE6;
}

.hero--contact-us .logo-swiper {
    padding: 0;
}

.hero--contact-us .logo-swiper::before,
.hero--contact-us .logo-swiper::after {
    content: none;
}

.hero--contact-us .logo-swiper>span {
    display: block;
    margin: 0 0 24px 0;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .hero--contact-us .logo-swiper>span {
        text-align: left;
    }
}

.hero--contact-us .logo-swiper .swiper {
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.hero--contact-us .logo-swiper .swiper .swiper-slide {
    height: 76px;
}

@media screen and (max-width: 1199px) {
    .hero--contact-us .hero__form {
        margin-top: 56px;
    }
}

.hero--contact-us .hero__form-name {
    margin: 0 0 12px 0;
    line-height: 40px;
    font-size: 32px;
}

@media screen and (max-width: 768px) {
    .hero--contact-us .hero__form-name {
        line-height: 32px;
        font-size: 24px;
    }
}

.hero--contact-us .hero__form-name+p {
    margin: 0 0 34px 0;
}

@media screen and (max-width: 768px) {
    .hero--contact-us .hero__form-name+p {
        margin: 0 0 32px 0;
        color: #4C524B;
    }
}

.hero--contact-us form {
    width: 100%;
    padding: 48px;
    background-color: #fff;
    border: 8px solid #243d41;
    text-align: left;
    border-radius: 24px;
}

@media screen and (max-width: 1599px) {
    .hero--contact-us form {
        padding: 32px;
    }
}

@media screen and (max-width: 1080px) {
    .hero--contact-us form {
        padding: 32px 24px;
    }
}

@media screen and (max-width: 768px) {
    .hero--contact-us form {
        border-radius: 16px;
    }
}

.hero--contact-us form .form-row:not(.hero--contact-us form .form-row-wide) {
    display: flex;
    gap: 24px;
}

@media screen and (max-width: 768px) {
    .hero--contact-us form .form-row {
        flex-direction: column;
        gap: 12px;
    }
}

.hero--contact-us form .form-row:not(:last-child) {
    margin-bottom: 24px;
}

.hero--contact-us form .form-row .col-6 {
    flex: 1 1 0;
}

.hero--contact-us form .form-row label {
    display: block;
    margin: 0 0 4px 0;
    font-weight: 500;
    font-size: 16px;
}

.hero--contact-us form .form-row label.required::after {
    content: "*";
    color: #F95001;
    margin-left: 4px;
}

.hero--contact-us form .form-services {
    margin: 24px 0 32px 0;
}

.hero--contact-us form .form-services__title {
    margin: 0 0 13px 0;
    line-height: 28px;
    font-size: 20px;
}

.hero--contact-us form .form-services__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hero--contact-us form .form-services__tags .form-services__tag label {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 8px;
    margin: 0;
    background: #fff;
    border: 1px solid #CACFCE;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    border-radius: 35px;
}

.hero--contact-us form .form-services__tags .form-services__tag label::before {
    content: "";
    position: relative;
    top: -1px;
    flex-grow: 0;
    height: 16px;
    width: 0;
    background: url("../images/icons/tag-check-icon.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.hero--contact-us form .form-services__tags .form-services__tag-input {
    display: none;
}

.hero--contact-us form .form-services__tags .form-services__tag-input:checked+label {
    background-color: #052326;
    border-color: #052326;
    color: #fff;
}

.hero--contact-us form .form-services__tags .form-services__tag-input:checked+label::before {
    width: 16px;
}

.hero--contact-us form .form-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (max-width: 410px) {
    .hero--contact-us form .form-submit {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }
}

.hero--contact-us form .form-submit__checkbox {
    position: relative;
    padding-left: 24px;
    margin: 0 0 12px 0;
    width: 100%;
}

.hero--contact-us form .form-submit__checkbox input {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hero--contact-us form .form-submit__email {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #4C524B;
    text-align: right;
}

.hero--contact-us form .form-submit__email a {
    font-weight: 600;
}

.hero--contact-us form .form-submit__notice {
    width: 100%;
    margin: 12px 0 0 0;
    font-size: 12px;
    color: #4C524B;
}

.hero--contact-us form .form-submit__notice b,
.hero--contact-us form .form-submit__notice strong {
    font-weight: 600;
    color: #052326;
}

.hero--contact-us form .form-submit__notice a {
    color: #052326;
    text-decoration: underline;
}

.hero--contact-us form .form-submit__notice a:hover {
    text-decoration: none;
}

.solutions-section {
    position: relative;
    padding: 128px 0 0 0;
}

@media screen and (max-width: 991px) {
    .solutions-section {
        padding: 100px 0 0 0;
    }
}

@media screen and (max-width: 768px) {
    .solutions-section {
        padding: 64px 0 0 0;
    }
}

.solutions-section:not(.dark-bg)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 120px;
    background: #052326 url("../images/dark-bg-dots.png") top center no-repeat;
    border-radius: 48px 48px 0 0;
}

@media screen and (max-width: 991px) {
    .solutions-section:not(.dark-bg)::before {
        border-radius: 24px 24px 0 0;
    }
}

.solutions-section .container {
    position: relative;
}

.solutions-section .cta {
    gap: 0 24px;
    margin-top: -170px;
    padding: 122px 0 40px 0;
    background-color: #fff;
}

.solutions-section .cta .container {
    gap: 0 24px;
}

@media screen and (max-width: 1199px) {
    .solutions-section .cta .container {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px 0;
    }
}

.solutions-section .cta__text {
    flex-shrink: 0;
    width: 32.3%;
}

@media screen and (max-width: 991px) {
    .solutions-section .cta__text {
        width: 100%;
    }
}

.solutions-section .cta__text b,
.solutions-section .cta__text strong {
    font-weight: 600;
}

.solutions-section .cta__text p {
    margin: 0 0 16px 0;
    line-height: normal;
}

.solutions-section .cta__text ul {
    list-style: disc;
    margin-left: 25px;
}

.solutions-section .cta__block {
    display: flex;
    gap: 0 50px;
    padding: 32px;
    background-color: #4C5E59;
    border-radius: 24px;
}

@media screen and (min-width: 992px) {
    .solutions-section .cta__block {
        align-items: center;
        justify-content: space-between;
    }
}

@media screen and (max-width: 991px) {
    .solutions-section .cta__block {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px 0;
        width: 100%;
    }

    .solutions-section .cta__block .btn {
        width: 100%;
    }
}

.solutions-section .cta__block-title {
    margin: 0;
    line-height: 28px;
    font-size: 20px;
    color: #fff;
}

.case-study-reviews-swiper {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    .case-study-reviews-swiper {
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 575px) {
    .case-study-reviews-swiper .swiper {
        width: calc(100% + 40px);
        padding: 0 20px;
        margin-left: -20px;
    }
}

@media screen and (max-width: 575px) {
    .case-study-reviews-swiper .swiper-navigation-holder .case-study__cta {
        display: none;
    }
}

.case-study-reviews-swiper .case-study {
    display: flex;
    align-items: center;
    border: 0;
    border-radius: 0;
}

@media screen and (max-width: 991px) {
    .case-study-reviews-swiper .case-study {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 48px 0;
    }
}

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

    .case-study-reviews-swiper .case-study__media,
    .case-study-reviews-swiper .case-study__content {
        flex: 1 1 0;
    }
}

@media screen and (max-width: 991px) {

    .case-study-reviews-swiper .case-study__media,
    .case-study-reviews-swiper .case-study__content {
        width: 100%;
    }
}

.case-study-reviews-swiper .case-study__media {
    display: flex;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.case-study-reviews-swiper .case-study__media-phone {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 277px;
    height: 571px;
    padding-bottom: 12px;
    background: url("../images/case-study-phone-image.svg") center top no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .case-study-reviews-swiper .case-study__media-phone {
        height: 374px;
    }
}

.case-study-reviews-swiper .case-study__media-phone img {
    max-height: 9999px;
    border-radius: 0 0 35px 35px;
}

@media screen and (max-width: 991px) {
    .case-study-reviews-swiper .case-study__media-phone img {
        position: absolute;
        top: 52px;
        left: 12px;
    }
}

.case-study-reviews-swiper .case-study__media::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 514px;
    height: 514px;
    background: url("../images/case-study-swiper-image-glow.svg") center center no-repeat;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.case-study-reviews-swiper .case-study__quote {
    padding: 0;
    margin: 0 0 48px 0;
    line-height: 32px;
    font-size: 24px;
    color: #fff;
}

@media screen and (max-width: 575px) {
    .case-study-reviews-swiper .case-study__quote {
        font-size: 20px;
    }
}

.case-study-reviews-swiper .case-study__quote::before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 0 48px 0;
    background: url("../images/icons/case-study-quote-icon.svg") left center no-repeat;
}

.case-study-reviews-swiper .case-study__author {
    display: flex;
    flex-direction: column;
    gap: 1px 0;
    color: #fff;
    font-size: 14px;
}

.case-study-reviews-swiper .case-study__author-name {
    font-weight: 600;
    font-size: 20px;
}

.case-study-reviews-swiper .case-study__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (min-width: 576px) {
    .case-study-reviews-swiper .case-study__footer {
        margin: 0 0 64px 0;
    }
}

@media screen and (max-width: 575px) {
    .case-study-reviews-swiper .case-study__footer {
        margin: 0 0 48px 0;
    }
}

.service-intro {
    padding-top: 95px;
}

@media screen and (max-width: 1199px) {
    .service-intro {
        padding-top: 64px;
    }
}

@media screen and (max-width: 991px) {
    .service-intro {
        padding-top: 0;
    }
}

.service-intro .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.service-intro .section-heading-holder {
    display: flex;
    flex-direction: row;
    gap: 0 40px;
    margin-bottom: 24px;
}

@media screen and (max-width: 991px) {
    .service-intro .section-heading-holder {
        flex-direction: column;
        gap: 0;
    }
}

.service-intro .section-heading-holder .section-heading,
.service-intro .section-heading-holder p {
    flex: 1 1 0;
}

.service-intro__image {
    display: flex;
    justify-content: center;
    border: 8px solid #E6E6E6;
    border-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 32px 32px 0 0;
}

.service-intro__image img {
    border-radius: 24px 24px 0 0;
}

.swiper-cols.dark-bg {
    position: relative;
    background: #052326 url(../images/dark-bg-dots-centered.png) center center no-repeat;
    z-index: 1;
}

.swiper-cols.dark-bg--plain {
    background: #052326;
}

@media screen and (max-width: 991px) {
    .swiper-cols.swiper-4 .swiper {
        width: calc(100% + 60px);
        padding: 0 30px;
        margin-left: -30px;
    }
}

@media screen and (max-width: 768px) {
    .swiper-cols.swiper-4 .swiper {
        width: calc(100% + 40px);
        padding: 0 20px;
        margin-left: -20px;
    }
}

.swiper-cols .process-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    border: 1px solid rgba(202, 207, 206, 0.3);
    font-size: 14px;
    color: #fff;
    border-radius: 24px;
}

.swiper-cols .process-card--orange {
    background: url("../images/swiper-process-card-orange-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--light-orange {
    background: url("../images/swiper-process-card-light-orange-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--blue {
    background: url("../images/swiper-process-card-main-blue-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--dark-blue {
    background: url("../images/swiper-process-card-blue-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--purple {
    background: url("../images/swiper-process-card-purple-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--light-purple {
    background: url("../images/swiper-process-card-light-purple-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--green {
    background: url("../images/swiper-process-card-green-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--light-blue {
    background: url("../images/swiper-process-card-light-blue-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--grey {
    background: url("../images/swiper-process-card-grey-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card--brown {
    background: url("../images/swiper-process-card-brown-bg-image.png") top center/cover no-repeat;
}

.swiper-cols .process-card__icon {
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    margin-bottom: 64px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .swiper-cols .process-card__icon {
        margin-bottom: 48px;
    }
}

.swiper-cols .process-card__icon.mb-48 {
    margin-bottom: 48px;
}

.swiper-cols .process-card__title {
    margin: 0 0 12px 0;
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
}

.swiper-cols .process-card:not(:has(p)) {
    min-height: 262px;
}

@media screen and (max-width: 768px) {
    .swiper-cols .process-card:not(:has(p)) {
        min-height: 220px;
    }
}

.swiper-cols .process-card:not(:has(p)) .process-card__title {
    margin: auto 0 0 0;
    padding-right: 50px;
}

.swiper-cols .process-card--text-dark {
    color: #010708;
}

.swiper-cols .process-card--text-dark .process-card__title {
    color: #010708;
}

.swiper-cols .review-item {
    border: 1px solid rgba(202, 207, 206, 0.3);
}

.swiper-cols .review-item .review-item__author-name {
    color: #D3FB52;
}

.swiper-cols .review-item:not(.has-gradient) {
    background: #052326;
}

.swiper-cols .review-item:not(.has-gradient):hover {
    background: #052326;
}

.swiper-cols .swiper .swiper-slide {
    min-height: 100%;
    height: auto;
}

.swiper-cols .swiper .swiper-slide--migration .process-card {
    background: url("../images/process-card--migration-bg-1.png") center center/cover no-repeat;
}

.swiper-cols .swiper .swiper-slide--migration:nth-child(2n) .process-card {
    background: url("../images/process-card--migration-bg-2.png") center center/cover no-repeat;
}

.swiper-cols .logo-swiper {
    padding: 94px 0 35px 0;
}

.swiper-cols .logo-swiper::before,
.swiper-cols .logo-swiper::after {
    background: linear-gradient(90deg, rgb(5, 35, 38) 0%, rgba(255, 255, 255, 0) 100%);
}

.swiper-cols__cta {
    gap: 0 60px;
    margin: 64px 0 0 0;
    padding: 4px;
    background-color: #023A3F;
    border: 1px solid rgba(202, 207, 206, 0.3);
    font-size: 14px;
    color: #F9FFE6;
    backdrop-filter: blur(16px);
    border-radius: 35px;
}

@media screen and (max-width: 768px) {
    .swiper-cols__cta {
        gap: 0 17px;
    }
}

.swiper-cols__cta-photos {
    display: flex;
    margin-right: 8px;
}

.swiper-cols__cta-photos img {
    border: 2px solid #052326;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 50%;
}

.swiper-cols__cta-photos img:not(:first-child) {
    position: relative;
    margin-left: -24px;
    z-index: 1;
}

.swiper-cols__cta .btn {
    height: 48px;
    padding: 0 20px;
}

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

.swiper-cols__cta--no-bg {
    margin-top: 32px;
    background: none;
    border: none;
    padding: 0;
    color: #F9FFE6;
}

@media screen and (min-width: 769px) {
    .swiper-cols__cta--no-bg {
        justify-content: space-between;
        gap: 0 50px;
    }
}

@media screen and (max-width: 768px) {
    .swiper-cols__cta--no-bg {
        flex-direction: column;
        gap: 24px 0;
        align-items: stretch;
        text-align: center;
    }
}

.swiper-cols__cta--no-bg>span {
    display: inline;
    font-weight: 600;
}

@media screen and (min-width: 576px) {
    .swiper-cols__cta--no-bg>span {
        line-height: 32px;
        font-size: 20px;
    }
}

@media screen and (max-width: 575px) {
    .swiper-cols__cta--no-bg>span {
        line-height: 24px;
        font-size: 16px;
    }
}

.swiper-cols__cta--no-bg .btn {
    height: 56px;
}

.swiper-cols .typical-timeline {
    margin: 64px 0 0 0;
    color: #fff;
}

.swiper-cols .typical-timeline__title {
    margin: 0 0 24px 0;
    line-height: 42px;
    font-size: 32px;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .swiper-cols .typical-timeline__title {
        line-height: 32px;
        font-size: 24px;
    }
}

.swiper-cols .typical-timeline__list {
    display: flex;
    line-height: 32px;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (min-width: 992px) {
    .swiper-cols .typical-timeline__list {
        justify-content: space-between;
        gap: 0 15px;
    }
}

@media screen and (max-width: 991px) and (min-width: 769px) {
    .swiper-cols .typical-timeline__list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

@media screen and (max-width: 768px) {
    .swiper-cols .typical-timeline__list {
        flex-direction: column;
        gap: 12px 0;
    }
}

.swiper-cols .typical-timeline__list-item b,
.swiper-cols .typical-timeline__list-item strong {
    color: #D3FB52;
}

.swiper-cols .typical-timeline--dark {
    color: #010708;
}

.swiper-cols .typical-timeline--dark .typical-timeline__title {
    color: #010708;
}

.swiper-cols .typical-timeline--dark strong {
    font-weight: 600;
    color: #023A3F;
}

@media screen and (max-width: 1399px) and (min-width: 992px) {
    .swiper-cols .typical-timeline--dark strong {
        display: block;
    }
}

.faq .container {
    display: flex;
    gap: 0 148px;
}

@media screen and (max-width: 1399px) {
    .faq .container {
        gap: 0 120px;
    }
}

@media screen and (max-width: 1199px) {
    .faq .container {
        flex-direction: column;
        gap: 48px 0;
    }
}

.faq__accordion {
    flex-grow: 1;
}

@media screen and (min-width: 1200px) {
    .faq__cta {
        flex-shrink: 0;
        width: 342px;
    }
}

.faq__cta .cta-banner {
    padding: 32px;
    background-color: #4C5E59;
    color: #fff;
    border-radius: 32px;
}

@media screen and (min-width: 1200px) {
    .faq__cta .cta-banner {
        position: sticky;
        top: 130px;
    }
}

@media screen and (max-width: 575px) {
    .faq__cta .cta-banner {
        padding: 32px 24px;
    }
}

.faq__cta .cta-banner__author {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin-bottom: 16px;
    line-height: normal;
    color: #F9FFE6;
}

.faq__cta .cta-banner__author-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border: 2px solid #F9FFE6;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    overflow: hidden;
    border-radius: 50%;
}

.faq__cta .cta-banner__author-name {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
}

.faq__cta .cta-banner__author-role {
    font-size: 12px;
}

.faq__cta .cta-banner__text {
    margin-bottom: 24px;
}

.faq__cta .cta-banner__btn {
    align-items: center;
    gap: 0 12px;
}

.faq__cta .cta-banner__btn::after {
    content: "";
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.51262 11.8563C0.512012 13.8727 1.04303 15.8417 2.0527 17.5771L0.416016 23.5066L6.53149 21.9156C8.21629 22.8267 10.1134 23.3077 12.044 23.3082H12.0491C18.4067 23.3082 23.5821 18.1748 23.5847 11.8653C23.5859 8.80785 22.3871 5.93292 20.2089 3.76996C18.0311 1.60713 15.1347 0.415389 12.0486 0.414062C5.69024 0.414062 0.515293 5.54708 0.51262 11.8563Z' fill='url(%23paint0_linear_1924_95602)'/%3E%3Cpath d='M0.100371 11.8527C0.099642 13.9417 0.649739 15.9811 1.69537 17.7786L0 23.9207L6.3348 22.2726C8.08024 23.2169 10.0454 23.7147 12.0451 23.7154H12.0502C18.636 23.7154 23.9972 18.3975 24 11.8622C24.0011 8.69486 22.7591 5.71659 20.5032 3.47611C18.2469 1.23587 15.2468 0.0013263 12.0502 0C5.4633 0 0.103044 5.31714 0.100371 11.8527ZM3.87279 17.4691L3.63633 17.0965C2.64197 15.5277 2.11715 13.7149 2.11788 11.8534C2.12007 6.42134 6.5754 2.00199 12.054 2.00199C14.707 2.00307 17.2005 3.02927 19.0759 4.89127C20.9512 6.7534 21.9831 9.22875 21.9824 11.8615C21.9799 17.2936 17.5245 21.7136 12.0502 21.7136H12.0464C10.2639 21.7126 8.51575 21.2377 6.9911 20.3401L6.62826 20.1266L2.86908 21.1046L3.87279 17.4691Z' fill='url(%23paint1_linear_1924_95602)'/%3E%3Cpath d='M9.06389 6.89774C8.84019 6.40436 8.60481 6.39447 8.39204 6.38579C8.21791 6.37844 8.01875 6.37891 7.81983 6.37891C7.62067 6.37891 7.29719 6.45319 7.02366 6.74956C6.74989 7.04605 5.97852 7.76273 5.97852 9.22033C5.97852 10.6781 7.04857 12.0866 7.19767 12.2845C7.34701 12.4819 9.2633 15.5689 12.2981 16.7564C14.8204 17.7433 15.3337 17.547 15.8811 17.4975C16.4285 17.4482 17.6477 16.7811 17.8964 16.0892C18.1453 15.3975 18.1453 14.8045 18.0707 14.6807C17.9961 14.5572 17.7969 14.4831 17.4984 14.335C17.1997 14.1868 15.7318 13.47 15.4581 13.3712C15.1843 13.2724 14.9853 13.2231 14.7861 13.5197C14.5871 13.816 14.0153 14.4831 13.841 14.6807C13.6669 14.8787 13.4926 14.9034 13.1941 14.7552C12.8954 14.6066 11.9337 14.294 10.7929 13.2848C9.90526 12.4996 9.30607 11.5298 9.13182 11.2332C8.95769 10.9369 9.11323 10.7764 9.26294 10.6287C9.39709 10.496 9.56162 10.2828 9.71096 10.1099C9.85994 9.9369 9.90964 9.81343 10.0092 9.61581C10.1088 9.41807 10.059 9.24505 9.98437 9.09687C9.90964 8.94868 9.3294 7.48361 9.06389 6.89774Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1924_95602' x1='1158.85' y1='2309.68' x2='1158.85' y2='0.415164' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231FAF38'/%3E%3Cstop offset='1' stop-color='%2360D669'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1924_95602' x1='1200' y1='2392.07' x2='1200' y2='-0.00313673' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9F9F9'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
}

.credibility .logo-swiper {
    padding-top: 34px;
}

.credibility__stats {
    display: grid;
}

.credibility__stats.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media screen and (max-width: 720px) {
    .credibility__stats.grid-3 {
        grid-template-columns: auto;
    }
}

.credibility__stats-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px 0;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 1299px) {
    .credibility__stats-item {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .credibility__stats-item {
        font-size: 16px;
    }
}

.credibility__stats-number {
    line-height: 80px;
    font-weight: 600;
    font-size: 56px;
    color: #D3FB52;
}

.credibility__stats-number--plus::before {
    content: "+";
}

.credibility__stats-number--avarage::after {
    content: "/5";
}

@media screen and (max-width: 1299px) {
    .credibility__stats-number {
        line-height: normal;
        font-size: 48px;
    }
}

@media screen and (max-width: 991px) {
    .credibility__stats-number {
        font-size: 42px;
    }
}

@media screen and (max-width: 768px) {
    .credibility__stats-number {
        font-size: 40px;
    }
}

.request-form {
    position: relative;
    padding-bottom: 183px !important;
    margin-bottom: -165px !important;
    background-position: top right !important;
    z-index: 1;
}

.request-form .container {
    display: flex;
    align-items: flex-start;
    gap: 0 145px;
}

@media screen and (max-width: 1599px) {
    .request-form .container {
        gap: 0 100px;
    }
}

@media screen and (max-width: 1199px) {
    .request-form .container {
        gap: 0 50px;
    }
}

@media screen and (max-width: 1080px) {
    .request-form .container {
        flex-direction: column;
        gap: 48px 0;
    }
}

.request-form .request-form__text {
    flex-grow: 1;
    color: #F9FFE6;
}

.request-form .request-form__text .section-heading-holder {
    margin-bottom: 24px;
}

.request-form .request-form__text h3 {
    margin: 0 0 12px 0;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
}

.request-form .request-form__text ul {
    display: flex;
    flex-direction: column;
    gap: 11px 0;
    line-height: normal;
}

.request-form .request-form__text ul li {
    position: relative;
    padding: 0 0 0 28px;
}

.request-form .request-form__text ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icons/request-form-dot-icon.svg") center center no-repeat;
    transform: translateY(-50%);
}

.request-form .request-form__text ul li b,
.request-form .request-form__text ul li strong {
    font-weight: 600;
}

@media screen and (min-width: 1081px) {
    .request-form__form {
        flex-shrink: 0;
        width: 49.2%;
    }
}

.request-form__form form {
    width: 100%;
    padding: 48px;
    background-color: #fff;
    border: 8px solid #243d41;
    border-radius: 24px;
}

@media screen and (max-width: 1599px) {
    .request-form__form form {
        padding: 32px;
    }
}

@media screen and (max-width: 1080px) {
    .request-form__form form {
        padding: 32px 24px;
    }
}

.request-form__form form .form-row {
    display: flex;
    gap: 24px;
}

@media screen and (max-width: 1499px) and (min-width: 1081px) {
    .request-form__form form .form-row {
        flex-direction: column;
        gap: 12px;
    }
}

@media screen and (max-width: 768px) {
    .request-form__form form .form-row {
        flex-direction: column;
        gap: 12px;
    }
}

.request-form__form form .form-row:not(:last-child) {
    margin-bottom: 24px;
}

.request-form__form form .form-row .col-6 {
    flex: 1 1 0;
}

.request-form__form .form-services {
    margin: 24px 0 32px 0;
}

.request-form__form .form-services__title {
    margin: 0 0 13px 0;
    line-height: 28px;
    font-size: 20px;
}

.request-form__form .form-services__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.request-form__form .form-services__tags .form-services__tag label {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 8px;
    margin: 0;
    background: #fff;
    border: 1px solid #CACFCE;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    border-radius: 35px;
}

.request-form__form .form-services__tags .form-services__tag label::before {
    content: "";
    position: relative;
    top: -1px;
    flex-grow: 0;
    height: 16px;
    width: 0;
    background: url("../images/icons/tag-check-icon.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.request-form__form .form-services__tags .form-services__tag-input {
    display: none;
}

.request-form__form .form-services__tags .form-services__tag-input:checked+label {
    background-color: #052326;
    border-color: #052326;
    color: #fff;
}

.request-form__form .form-services__tags .form-services__tag-input:checked+label::before {
    width: 16px;
}

.request-form__form .form-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 410px) {
    .request-form__form .form-submit {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }
}

.request-form__form .form-submit__email {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: #4C524B;
    text-align: right;
}

.request-form__form .form-submit__email a {
    font-weight: 600;
}

.trust-section .container {
    gap: 0 270px;
}

@media screen and (max-width: 1599px) {
    .trust-section .container {
        gap: 0 150px;
    }
}

@media screen and (max-width: 1399px) {
    .trust-section .container {
        gap: 0 100px;
    }
}

@media screen and (max-width: 1299px) {
    .trust-section .container {
        gap: 0 50px;
    }
}

@media screen and (max-width: 768px) {
    .trust-section .container {
        flex-direction: column;
        align-items: flex-start;
        gap: 48px 0;
    }
}

.trust-section__content,
.trust-section__media {
    flex: 1 1 0;
}

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

    .trust-section__content,
    .trust-section__media {
        max-width: 586px;
    }
}

@media screen and (max-width: 768px) {

    .trust-section__content,
    .trust-section__media {
        width: 100%;
    }
}

.trust-section__content-description {
    margin: 0;
    color: #4C524B;
}

.trust-section__content-guarantee {
    padding: 8px 50px 8px 12px;
    background-color: #F9FFE6;
    line-height: 20px;
    color: #4C524B;
    font-size: 12px;
    border-radius: 8px;
}

.trust-section__content-guarantee b,
.trust-section__content-guarantee strong {
    font-weight: 600;
    color: #010708;
}

.trust-section__media {
    display: flex;
    position: relative;
    padding: 8px;
    border: 1px solid #E6E6E6;
    border-radius: 24px;
}

.trust-section__media img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 16px;
}

@media screen and (max-width: 768px) {
    .trust-section__media img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.trust-section__media-stat {
    display: flex;
    align-items: center;
    gap: 0 12px;
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    padding: 24px;
    background: rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(24px);
    font-weight: 500;
    color: #010708;
    border-radius: 12px;
}

@media screen and (max-width: 1199px) {
    .trust-section__media-stat {
        padding: 12px 24px;
    }
}

.trust-section__media-stat .trust-section__stat-value {
    line-height: 56px;
    font-weight: 600;
    font-size: 40px;
    color: #052326;
}

@media screen and (max-width: 1199px) {
    .trust-section__media-stat .trust-section__stat-value {
        line-height: 40px;
        font-size: 32px;
    }
}

.trust-section__badges {
    gap: 0 16px;
    margin: 48px 0 40px 0;
}

@media screen and (max-width: 1199px) {
    .trust-section__badges {
        margin: 32px 0;
    }
}

.trust-section__badges img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.team-reviews-swiper {
    padding: 0 !important;
}

.team-reviews-swiper .team-review-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
}

@media screen and (max-width: 991px) {
    .team-reviews-swiper .team-review-card {
        grid-template-columns: 1fr;
    }
}

.team-reviews-swiper .team-review-card__image {
    position: relative;
}

@media screen and (max-width: 991px) {
    .team-reviews-swiper .team-review-card__image {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .team-reviews-swiper .team-review-card__image img {
        max-height: 382px;
    }
}

.team-reviews-swiper .team-review-card__image::before,
.team-reviews-swiper .team-review-card__image::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 140px;
    background: linear-gradient(173.85deg, #052326 37.44%, rgba(5, 35, 38, 0) 94.36%);
}

@media screen and (max-width: 991px) {

    .team-reviews-swiper .team-review-card__image::before,
    .team-reviews-swiper .team-review-card__image::after {
        height: 80px;
    }
}

.team-reviews-swiper .team-review-card__image::after {
    top: auto;
    bottom: 0;
    transform: rotate(180deg);
}

.team-reviews-swiper .team-review-card__content {
    position: relative;
    padding: 128px 0 95px 0;
    z-index: 1;
}

@media screen and (max-width: 1199px) {
    .team-reviews-swiper .team-review-card__content {
        padding-top: 80px;
    }
}

@media screen and (max-width: 991px) {
    .team-reviews-swiper .team-review-card__content {
        margin-top: -65px;
        padding-top: 0;
    }
}

.team-reviews-swiper .team-review-card__content::before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 0 48px 0;
    background: url(../images/icons/team-review-quote-icon.svg) left center no-repeat;
}

.team-reviews-swiper .team-review-card__quote {
    padding: 0;
    margin: 0 0 48px 0;
    line-height: 32px;
    font-size: 24px;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .team-reviews-swiper .team-review-card__quote {
        font-size: 20px;
    }
}

.team-reviews-swiper .team-review-card__author {
    display: flex;
    flex-direction: column;
    gap: 1px 0;
    color: #fff;
    font-size: 14px;
}

.team-reviews-swiper .team-review-card__author-name {
    font-weight: 600;
    font-size: 20px;
}

.team-reviews-swiper .swiper-navigation {
    margin-top: 64px;
}

@media screen and (max-width: 991px) {
    .team-reviews-swiper .swiper-navigation {
        margin-top: 46px;
    }
}

/* Blocks */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    z-index: 999999;
}

.site-header .top-bar {
    height: 40px;
    padding: 3px 0;
    background-color: #010708;
}

.site-header .top-bar .container {
    height: 100%;
}

.site-header .top-bar__cta-link {
    display: inline-flex;
    align-items: center;
    gap: 0 8px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
}

.site-header .top-bar__cta-link::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #D3FB52;
    box-shadow: 0px 0px 8px 0px rgba(211, 251, 82, 0.25);
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
}

.site-header .top-bar__cta-link:hover {
    text-decoration: underline;
}

.site-header .top-bar__cta-link:hover::before {
    background-color: #fff;
}

.site-header .lang-bar {
    position: relative;
}

@media screen and (max-width: 991px) {
    .site-header .lang-bar {
        display: none;
    }
}

.site-header .lang-bar__button {
    position: relative;
    padding: 0 15px 0 0;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 6px;
    border-radius: 0;
    cursor: pointer;
}

.site-header .lang-bar__button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 6px;
    margin: auto 0;
    background: url("../images/icons/lang-bar-arrow.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.site-header .lang-bar__button.opened {
    text-decoration: none;
}

.site-header .lang-bar__button.opened::after {
    transform: rotate(-180deg);
}

.site-header .lang-bar__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 8px;
    padding: 0;
    background-color: #010708;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    border-radius: 5px;
}

.site-header .lang-bar__dropdown .lang-bar__dropdown-link {
    display: block;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}

.site-header .lang-bar__dropdown .lang-bar__dropdown-link:hover {
    background-color: #A1DE3B;
    color: #000;
}

.site-header .main-bar {
    margin-top: 24px;
    padding-bottom: 24px;
}

@media screen and (max-width: 991px) {
    .site-header .main-bar {
        margin-top: 12px;
        padding-bottom: 12px;
    }
}

.site-header .main-bar .container {
    display: flex;
    align-items: center;
    height: 56px;
}

@media screen and (min-width: 992px) {
    .site-header .main-bar .container {
        justify-content: space-between;
    }
}

.site-header .site-logo {
    position: relative;
    display: flex;
    flex-shrink: 0;
    margin: 0;
}

.site-header .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    margin: 0 0 0 auto;
    padding: 0;
    border: 0;
    background: rgba(76, 94, 89, 0.12);
    backdrop-filter: blur(16px);
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    z-index: 99999;
}

@media screen and (min-width: 992px) {
    .site-header .menu-toggle {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .site-header .menu-toggle {
        order: 1;
    }
}

.site-header .menu-toggle .icon {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 18px;
    height: 2px;
    background: transparent;
    backface-visibility: hidden;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
}

.site-header .menu-toggle .icon::before,
.site-header .menu-toggle .icon::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 18px;
    height: 2px;
    background: #fff;
    backface-visibility: hidden;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
}

.site-header .menu-toggle .icon::before {
    top: -5px;
}

.site-header .menu-toggle .icon::after {
    top: 5px;
}

.site-header .menu-toggle.opened .icon {
    background-color: transparent;
}

.site-header .menu-toggle.opened .icon::before {
    transform: rotate(45deg) translate(4px, 4px);
}

.site-header .menu-toggle.opened .icon::after {
    transform: rotate(-45deg) translate(3px, -4px);
}

.site-header #site-navigation {
    position: static;
    height: 100%;
    padding: 0 15px;
    background: rgba(76, 94, 89, 0.12);
    border-radius: 99px;
}

.site-header #site-navigation .mobile-view {
    padding: 0 20px;
}

.site-header #site-navigation .mobile-view .lang-bar {
    position: absolute;
    top: 34px;
    left: 20px;
    display: inline-flex;
}

@media screen and (min-width: 992px) {
    .site-header #site-navigation .mobile-view {
        display: none;
    }
}

.site-header #site-navigation .mobile-view--bottom {
    margin-top: 30px;
}

.site-header #site-navigation .mobile-view .header-lang-bar {
    margin-left: 0;
}

.site-header #site-navigation #primary-menu-list {
    display: flex;
    align-items: center;
    gap: 0 24px;
    height: 100%;
}

@media screen and (max-width: 1199px) {
    .site-header #site-navigation #primary-menu-list {
        gap: 0 20px;
    }
}

@media screen and (max-width: 991px) {
    .site-header #site-navigation #primary-menu-list {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px 0;
        padding: 0;
        height: auto;
    }
}

.site-header #site-navigation #primary-menu-list>li {
    position: relative;
    height: 100%;
}

@media screen and (max-width: 1120px) {
    .site-header #site-navigation #primary-menu-list>li {
        width: 100%;
    }
}

.site-header #site-navigation #primary-menu-list>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0;
    font-weight: 500;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    border-radius: 0;
}

.site-header #site-navigation #primary-menu-list>li>a span {
    display: block;
    padding: 4px 12px;
    border-radius: 35px;
    transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 991px) {
    .site-header #site-navigation #primary-menu-list>li>a {
        width: 100%;
        padding: 10px 15px;
        font-size: 20px;
    }
}

.site-header #site-navigation #primary-menu-list>li>a:hover span {
    background-color: #F9FFE6;
    color: #010708;
}

.site-header #site-navigation #primary-menu-list>li.menu-current-item a {
    pointer-events: none;
}

.site-header #site-navigation #primary-menu-list>li.menu-current-item a span {
    background-color: #F9FFE6;
    color: #010708;
}

@media screen and (max-width: 991px) {
    .site-header #site-navigation {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 400px;
        height: auto;
        padding: 0;
        padding-top: 95px;
        padding-bottom: 50px;
        background-color: #042023;
        overflow: auto;
        transform: translateX(120%);
        transition: all 0.3s ease-in-out;
        border-radius: 0;
        z-index: 99999;
    }
}

@media screen and (max-width: 575px) {
    .site-header #site-navigation {
        width: 100%;
    }
}

.site-header .buttons {
    display: flex;
    align-items: center;
    gap: 0 30px;
}

.site-header .buttons a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1199px) {
    .site-header .buttons a.btn {
        display: none;
    }
}

.site-header--dark .site-logo img {
    transition: all 0.3s ease-in-out;
}

.site-header--dark .menu-toggle:not(.opened) .icon::before,
.site-header--dark .menu-toggle:not(.opened) .icon::after {
    background: #010708;
}

@media screen and (min-width: 992px) {
    .site-header--dark:not(.on-scroll) #site-navigation {
        background: rgba(76, 94, 89, 0.12);
        backdrop-filter: blur(16px);
    }

    .site-header--dark:not(.on-scroll) #site-navigation #primary-menu-list>li>a {
        color: #010708;
    }

    .site-header--dark:not(.on-scroll) #site-navigation #primary-menu-list>li>a:hover span {
        background-color: #052326;
        color: #fff;
    }

    .site-header--dark:not(.on-scroll) #site-navigation #primary-menu-list>li.menu-current-item a {
        pointer-events: none;
    }

    .site-header--dark:not(.on-scroll) #site-navigation #primary-menu-list>li.menu-current-item a span {
        background-color: #052326;
        color: #fff;
    }

    .site-header--dark:not(.on-scroll) .lang-bar__button {
        color: #010708;
    }

    .site-header--dark:not(.on-scroll) .lang-bar__button::after {
        filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%);
    }
}

.site-header--dark.on-scroll .site-logo img {
    filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%);
}

.site-header--dark.on-scroll .menu-toggle:not(.opened) .icon::before,
.site-header--dark.on-scroll .menu-toggle:not(.opened) .icon::after {
    background: #fff;
}

.site-header.on-scroll {
    background-color: #042023;
}

.site-header.on-scroll:has(.top-bar) {
    top: -40px;
}

@media screen and (max-width: 991px) {
    .mobile-nav-open {
        overflow: hidden;
    }

    .mobile-nav-open body {
        transition: padding 0.2s ease-in-out;
        padding-top: 0;
    }

    .mobile-nav-open .menu-toggle {
        position: fixed;
        top: 15px;
        right: 15px;
    }

    .mobile-nav-open #masthead {
        top: -130px;
    }

    .mobile-nav-open #masthead #site-navigation {
        transform: translateX(0);
    }

    .mobile-nav-open .content-overlay {
        opacity: 1;
        visibility: visible;
    }
}

#main-footer {
    position: relative;
    margin: 124px 0 0 0;
    padding: 64px 0 16px 0;
    background-color: #010708;
    color: #fff;
    border-radius: 48px 48px 0 0;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    #main-footer {
        padding-bottom: 0;
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    #main-footer {
        padding: 48px 0 0 0;
        border-radius: 24px 24px 0 0;
    }
}

#main-footer .footer-top {
    padding: 0 0 48px 0;
    margin: 0 0 48px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

@media screen and (max-width: 768px) {
    #main-footer .footer-top {
        padding: 0 0 32px 0;
        margin: 0 0 32px 0;
    }
}

#main-footer .footer-top img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

#main-footer .footer-top__hiring-cta {
    display: inline-flex;
    align-items: center;
    gap: 0 10px;
    font-weight: 600;
    color: #D3FB52;
}

#main-footer .footer-top__hiring-cta::before {
    content: "";
    width: 20px;
    height: 18px;
    background: url("../images/icons/footer-hiring-icon.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

#main-footer .footer-top__hiring-cta:hover {
    color: #fff;
}

#main-footer .footer-top__hiring-cta:hover::before {
    filter: brightness(0) invert(1);
}

#main-footer .footer-services-list {
    position: relative;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 48px 0;
    overflow: hidden;
}

@keyframes footerServicesScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

#main-footer .footer-services-list__row {
    gap: 12px;
    animation: footerServicesScroll 28s linear infinite;
}

#main-footer .footer-services-list__row:not(:last-child) {
    margin: 0 0 12px 0;
}

#main-footer .footer-services-list__row:last-child {
    animation-direction: reverse;
}

#main-footer .footer-services-list__row:hover {
    animation-play-state: paused;
}

#main-footer .footer-services-list::before,
#main-footer .footer-services-list::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 124px;
    background: linear-gradient(270deg, #010708 0%, rgba(1, 7, 8, 0) 100%);
    z-index: 1;
}

#main-footer .footer-services-list::before {
    left: 0;
    transform: rotate(180deg);
}

#main-footer .footer-services-list::after {
    right: 0;
    background: linear-gradient(270deg, #010708 0%, rgba(1, 7, 8, 0) 100%);
}

#main-footer .footer-services-list .footer-services-list__item {
    padding: 16px 32px;
    background: rgba(255, 255, 255, 0.12);
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    border-radius: 35px;
}

#main-footer .widget-title {
    margin: 0 0 32px 0;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

@media screen and (max-width: 991px) {
    #main-footer .widget-title {
        position: relative;
        margin: 0;
        width: 100%;
        padding: 16px 40px 16px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        cursor: pointer;
    }

    #main-footer .widget-title::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 20px;
        height: 20px;
        background: url("../images/icons/footer-plus-icon.svg") center center no-repeat;
        transform: translateY(-50%);
        transition: all 0.3s ease-in-out;
    }

    #main-footer .widget-title+* {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    #main-footer .widget-title.opened {
        border-color: transparent;
    }

    #main-footer .widget-title.opened::after {
        background: url("../images/icons/footer-minus-icon.svg") center center no-repeat;
        transform: translateY(-50%) rotate(180deg);
    }
}

#main-footer .footer-menu-holder {
    display: flex;
    gap: 0 24px;
    padding: 0 0 47px 0;
}

@media screen and (max-width: 991px) {
    #main-footer .footer-menu-holder {
        flex-direction: column;
        gap: 0;
    }
}

#main-footer .footer-menu-holder__links {
    display: flex;
    flex-grow: 1;
    gap: 0 24px;
}

@media screen and (max-width: 991px) {
    #main-footer .footer-menu-holder__links {
        flex-direction: column;
        gap: 0;
    }
}

#main-footer .footer-menu-holder .menu {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
}

#main-footer .footer-menu-holder .menu li a {
    color: #868C8C;
}

#main-footer .footer-menu-holder .menu li a:hover {
    color: #fff;
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    #main-footer .footer-menu-holder .menu-col:has(.opened) {
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 992px) {
    #main-footer .footer-menu-holder .menu-col--small {
        width: 220px;
    }
}

#main-footer .footer-menu-holder .menu-col:not(#main-footer .footer-menu-holder .menu-col--small) {
    flex-grow: 1;
}

@media screen and (min-width: 1300px) {
    #main-footer .footer-menu-holder .menu-col:not(#main-footer .footer-menu-holder .menu-col--small) .menu {
        display: block;
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 12px;
        column-gap: 12px;
    }

    #main-footer .footer-menu-holder .menu-col:not(#main-footer .footer-menu-holder .menu-col--small) .menu li {
        -moz-column-break-inside: avoid;
        break-inside: avoid;
    }

    #main-footer .footer-menu-holder .menu-col:not(#main-footer .footer-menu-holder .menu-col--small) .menu li:not(:last-child) {
        margin: 0 0 12px 0;
    }
}

@media screen and (max-width: 768px) {
    #main-footer .footer-menu-holder .menu-col.opened .widget-title {
        border-bottom: transparent;
    }

    #main-footer .footer-menu-holder .menu-col.opened .widget-title::after {
        filter: none;
        transform: translateY(-50%) rotate(-180deg);
    }
}

@media screen and (max-width: 991px) {
    #main-footer .certificates-holder {
        position: relative;
        flex-direction: column;
        gap: 30px 0;
    }

    #main-footer .certificates-holder::after {
        content: "";
        position: absolute;
        top: 0;
        right: -30px;
        height: 68px;
        width: 64px;
        background: linear-gradient(270deg, #010708 0%, rgba(1, 7, 8, 0) 100%);
        z-index: 1;
    }
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
    #main-footer .certificates-holder__list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #main-footer .certificates-holder__list {
        position: relative;
        width: calc(100% + 60px);
        padding: 0 30px;
        overflow: auto;
    }

    #main-footer .certificates-holder__list::-webkit-scrollbar {
        display: none;
    }

    #main-footer .certificates-holder__list {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}

@media screen and (max-width: 768px) {
    #main-footer .certificates-holder__list {
        width: calc(100% + 40px);
        padding: 0 20px;
    }
}

#main-footer .certificates-holder__list-item {
    display: flex;
    align-items: center;
    gap: 0 12px;
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
    #main-footer .certificates-holder__list-item {
        justify-content: center;
        padding: 0 15px;
    }
}

@media screen and (max-width: 991px) {
    #main-footer .certificates-holder__list-item {
        flex-shrink: 0;
    }
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
    #main-footer .certificates-holder__list-item:not(:last-child) {
        border-right: 1px solid rgba(255, 255, 255, 0.12);
    }
}

#main-footer .certificates-holder__list-item:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 68px;
    margin: 0 24px 0 12px;
    background-color: rgba(255, 255, 255, 0.12);
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
    #main-footer .certificates-holder__list-item:not(:last-child)::after {
        content: none;
    }
}

#main-footer .certificates-holder__list-logo {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#main-footer .certificates-holder__list-details {
    display: flex;
    flex-direction: column;
    color: #868C8C;
    font-size: 14px;
}

@media screen and (max-width: 1199px) {
    #main-footer .certificates-holder__list-details {
        line-height: normal;
    }
}

#main-footer .certificates-holder__list-details strong {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

@media screen and (max-width: 991px) {
    #main-footer .certificates-holder__list-details span {
        white-space: nowrap;
    }
}

@media screen and (max-width: 1299px) and (min-width: 992px) {
    #main-footer .certificates-holder .btn--call-cta {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    #main-footer .certificates-holder .btn--call-cta {
        width: 100%;
    }
}

#main-footer .insights-output {
    flex-basis: 32.25%;
}

@media screen and (max-width: 1299px) {
    #main-footer .insights-output {
        flex-basis: 40%;
    }
}

#main-footer .insights-output__list {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

#main-footer .insights-output__item {
    align-items: flex-start;
    gap: 0 20px;
}

#main-footer .insights-output__item-image {
    flex-shrink: 0;
    width: 114px;
    outline: 1px solid rgba(230, 230, 230, 0.3);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
}

#main-footer .insights-output__item-image:hover {
    outline-color: #A1DE3B;
}

#main-footer .insights-output__item-image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

#main-footer .insights-output__item-title {
    margin: 0 0 4px 0;
    font-weight: 600px;
    color: #fff;
}

#main-footer .insights-output__item-title a {
    color: #fff;
}

#main-footer .insights-output__item-title a:hover {
    color: #A1DE3B;
}

#main-footer .insights-output__item-added {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

#main-footer .social-media {
    align-items: center;
    gap: 0 20px;
}

#main-footer .social-media a {
    display: flex;
}

#main-footer .social-media a svg path {
    transition: all 0.3s ease-in-out;
}

#main-footer .social-media a:hover svg path {
    fill: #d2fb54;
}

#main-footer .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 48px 0;
    margin: 48px 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    #main-footer .footer-bottom {
        padding: 32px 0;
    }
}

@media screen and (max-width: 640px) {
    #main-footer .footer-bottom {
        flex-direction: column-reverse;
        gap: 24px 0;
        margin-top: 32px;
        text-align: center;
    }
}

.logo-swiper {
    position: relative;
    padding: 64px 0;
    overflow: hidden;
}

.logo-swiper::before,
.logo-swiper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 115px;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
}

.logo-swiper::after {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}

.logo-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none !important;
}

@keyframes ticker-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

.logo-swiper .swiper-wrapper {
    animation-name: ticker-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
    transition-property: none !important;
}

@media screen and (min-width: 992px) {
    .logo-swiper .swiper-wrapper {
        animation-duration: 50s;
    }
}

@media screen and (max-width: 991px) {
    .logo-swiper .swiper-wrapper {
        animation-duration: 30s;
    }
}

@media screen and (max-width: 768px) {
    .logo-swiper .swiper-wrapper {
        animation-duration: 20s;
    }
}

.logo-swiper .swiper-wrapper:hover {
    animation-play-state: paused;
}

.logo-swiper--dark-gradient::before,
.logo-swiper--dark-gradient::after {
    background: linear-gradient(90deg, rgb(5, 35, 38) 0%, rgba(255, 255, 255, 0) 100%);
}

.dark-bg .logo-swiper img {
    filter: brightness(0) invert(1);
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.dark-bg .logo-swiper .swiper-slide:hover img {
    opacity: 1;
}

.features-grid {
    display: grid;
}

.features-grid.grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

@media screen and (max-width: 768px) {
    .features-grid.grid-2 {
        grid-template-columns: auto;
        gap: 12px;
    }
}

.features-grid.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media screen and (max-width: 1199px) {
    .features-grid.grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 991px) {
    .features-grid.grid-3 {
        gap: 12px;
    }
}

@media screen and (max-width: 575px) {
    .features-grid.grid-3 {
        grid-template-columns: auto;
    }
}

.features-grid.grid-3 .notice-item {
    grid-column: span 3;
    padding: 0;
    line-height: 32px;
    font-weight: 600;
    font-size: 20px;
}

@media screen and (max-width: 1199px) {
    .features-grid.grid-3 .notice-item {
        grid-column: span 2;
    }
}

.features-grid__item {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
}

@media screen and (max-width: 1399px) {
    .features-grid__item {
        padding: 24px;
    }
}

.features-grid__item-header {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
    padding: 0 0 20px 0;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #E6E6E6;
}

.features-grid__item-header .features-grid__item-title {
    padding: 0;
    margin: 0;
    border: 0;
}

.features-grid__item-icon {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.features-grid__item-icon:not(.has-text) {
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 0 16px 0;
}

.features-grid__item-icon.has-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
}

.features-grid__item-icon.has-text span {
    line-height: 40px;
    font-size: 32px;
}

.features-grid__item-icon.has-text span.green-text {
    color: #A1DE3B;
}

.features-grid__item-title {
    padding: 0 0 13px 0;
    margin: 0 0 16px 0;
    line-height: normal;
    border-bottom: 1px solid #E6E6E6;
    line-height: 28px;
    font-size: 20px;
}

.features-grid__item-description p {
    margin: 0 0 23px 0;
}

.features-grid__item-description p:last-child {
    margin: 0;
}

.features-grid__item-description ul {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    font-size: 16px;
}

.features-grid__item-description ul li {
    position: relative;
    padding: 0 0 0 28px;
}

.features-grid__item-description ul li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: #A1DE3B;
    box-shadow: 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32);
    border-radius: 50%;
}

.features-grid__item--dark {
    background-color: #052326;
    color: #fff;
}

.features-grid__item--dark .features-grid__item-title {
    color: #F9FFE6;
}

.features-grid__item--dark ul li::before {
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url("../images/icons/features-grid-dark-li-dot.svg") center center no-repeat;
    box-shadow: none;
}

.features-grid__item-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column: span 2;
    gap: 0 20px;
    padding-top: 8px;
}

@media screen and (max-width: 768px) {
    .features-grid__item-cta {
        grid-column: span 1;
    }
}

@media screen and (max-width: 575px) {
    .features-grid__item-cta {
        flex-direction: column;
        gap: 24px 0;
        align-items: stretch;
    }
}

.features-grid__item-cta span {
    line-height: 32px;
    font-size: 20px;
    font-weight: 600;
}

.cards-grid.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media screen and (max-width: 1299px) {
    .cards-grid-swiper {
        width: calc(100% + 100px);
        margin-left: -50px;
    }
}

@media screen and (max-width: 1299px) and (max-width: 991px) {
    .cards-grid-swiper {
        width: calc(100% + 60px);
        margin-left: -30px;
    }
}

@media screen and (max-width: 1299px) {
    .cards-grid-swiper .swiper {
        padding: 0 50px;
    }
}

@media screen and (max-width: 1299px) and (max-width: 991px) {
    .cards-grid-swiper .swiper {
        padding: 0 30px;
    }
}

.cards-grid__item-image {
    display: flex;
    margin: 0 0 24px 0;
    outline: 2px solid rgba(230, 230, 230, 0.3);
    outline-offset: -2px;
    border-radius: 18px;
}

.cards-grid__item-image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 18px;
}

.cards-grid__item-title {
    margin: 0 0 12px 0;
    line-height: 40px;
    font-size: 32px;
}

@media screen and (max-width: 1499px) {
    .cards-grid__item-title {
        line-height: normal;
        font-size: 28px;
    }
}

@media screen and (max-width: 1399px) {
    .cards-grid__item-title {
        font-size: 24px;
    }
}

@media screen and (min-width: 1200px) {
    .cards-grid-section .swiper-navigation {
        display: none;
    }
}

.services-grid {
    display: grid;
}

.services-grid.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media screen and (max-width: 1060px) {
    .services-grid.grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 680px) {
    .services-grid.grid-3 {
        gap: 16px;
    }
}

@media screen and (max-width: 575px) {
    .services-grid.grid-3 {
        grid-template-columns: auto;
    }
}

.services-grid__item {
    border-radius: 24px;
    border: 1px solid #E6E6E6;
    overflow: hidden;
}

.services-grid__item .p-32 {
    padding: 32px;
}

@media screen and (max-width: 575px) {
    .services-grid__item .p-32 {
        padding: 24px;
    }
}

.services-grid__item .pt-0 {
    padding-top: 0;
}

.services-grid__item-image {
    display: flex;
}

@media screen and (max-width: 575px) {
    .services-grid__item-image img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.services-grid__item-details {
    padding: 20px 24px 24px 24px;
}

.services-grid__item-details.mt-minus-15 {
    margin-top: -15px;
}

.services-grid__item-title {
    margin: 0 0 12px 0;
    line-height: 28px;
    font-size: 20px;
}

.services-grid__item-title:hover a {
    color: #4C5E59;
}

.video-testimonial {
    max-width: 952px;
    margin: 0 auto;
}

.video-testimonial__media {
    position: relative;
    display: flex;
    border: 8px solid #485d60;
    margin: 0 0 32px 0;
    overflow: hidden;
    border-radius: 32px;
}

.video-testimonial__media iframe {
    width: 100%;
    height: 100%;
    min-height: 350px;
}

@media screen and (min-width: 992px) {
    .video-testimonial__media iframe {
        min-height: 500px;
    }
}

@media screen and (max-width: 991px) {
    .video-testimonial__media {
        border-radius: 12px;
    }
}

@media screen and (max-width: 768px) {
    .video-testimonial__media {
        margin: 0 0 24px 0;
        border-width: 4px;
    }
}

.video-testimonial__media img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
    border-radius: 24px;
}

@media screen and (max-width: 991px) {
    .video-testimonial__media img {
        border-radius: 10px;
    }
}

.video-testimonial__media .video-btn.btn {
    gap: 0 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 20px !important;
    height: 48px !important;
    transform: translate(-50%, -50%);
}

.video-testimonial__media .video-btn.btn::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/icons/play-icon.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.video-testimonial__media .video-btn.btn:hover {
    background: rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(16px);
    color: #fff;
}

.video-testimonial__media .video-btn.btn:hover::before {
    filter: brightness(0) invert(1);
}

.video-testimonial__media:hover img {
    transform: rotate(2deg) scale(1.1);
}

.video-testimonial__footer {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .video-testimonial__footer {
        gap: 16px 0;
    }
}

.video-testimonial__quote {
    line-height: 40px;
    font-size: 32px;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .video-testimonial__quote {
        line-height: normal;
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .video-testimonial__quote {
        line-height: 32px;
        font-size: 24px;
    }
}

.video-testimonial__quote::before {
    content: "“";
}

.video-testimonial__quote::after {
    content: "”";
}

.video-testimonial__author {
    gap: 0 50px;
    color: #F9FFE6;
}

.video-testimonial__author-name {
    margin: 0 0 6px 0;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .video-testimonial__brand-logo {
        max-height: 20px;
    }
}

.tabs-holder {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.tabs-holder .nav-tabs-holder {
    width: 100%;
    margin-bottom: 48px;
}

@media screen and (max-width: 1299px) {
    .tabs-holder .nav-tabs-holder {
        flex-direction: column;
        gap: 20px 0;
    }
}

.tabs-holder .nav-tabs-holder .nav-tabs {
    margin-bottom: 0;
}

.tabs-holder .nav-tabs {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 4px;
    margin: 0 0 52px 0;
    padding: 4px;
    border: 1px solid #E6E6E6;
    border-radius: 35px;
}

@media screen and (max-width: 991px) {
    .tabs-holder .nav-tabs {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 870px) {
    .tabs-holder .nav-tabs {
        width: calc(100% + 30px);
        padding-right: 20px;
        margin-right: -30px;
        border-right: 0;
        overflow: auto;
        border-radius: 35px 0 0 35px;
    }

    .tabs-holder .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .tabs-holder .nav-tabs {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}

@media screen and (max-width: 768px) {
    .tabs-holder .nav-tabs {
        width: calc(100% + 20px);
        padding-right: 20px;
        margin-right: -20px;
        margin-bottom: 32px;
    }
}

.tabs-holder .nav-tabs__active-indicator {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    background-color: #051c1c;
    /* Tavo tamsi spalva */
    border-radius: 35px;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

@media screen and (max-width: 870px) {
    .tabs-holder .nav-tabs__active-indicator {
        display: none;
    }
}

.tabs-holder .nav-tabs__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 20px;
    border: 0;
    background: none;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
    z-index: 3;
    transition: all 0.3s ease-in-out;
    border-radius: 35px;
}

.tabs-holder .nav-tabs__item--active {
    color: #fff;
}

@media screen and (max-width: 870px) {
    .tabs-holder .nav-tabs__item--active {
        background-color: #051c1c;
        border-radius: 35px;
    }
}

.tabs-holder .tab-content {
    width: 100%;
}

.tabs-holder .tab-pane {
    display: none;
}

.tabs-holder .tab-pane--active {
    display: block;
}

.tabs-holder .search-post,
.tabs-holder form {
    display: flex;
    gap: 0 20px;
    border: 1px solid #E6E6E6;
    border-radius: 30px;
}

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

    .tabs-holder .search-post,
    .tabs-holder form {
        min-width: 405px;
    }
}

@media screen and (max-width: 870px) {

    .tabs-holder .search-post,
    .tabs-holder form {
        width: 100%;
    }
}

.tabs-holder .search-post input[type=search],
.tabs-holder .search-post input[type=text],
.tabs-holder form input[type=search],
.tabs-holder form input[type=text] {
    flex-grow: 1;
    height: 54px;
    border: 0;
    border-radius: 0;
    padding: 0 0 0 24px;
    border-radius: 30px 0 0 30px;
}

.tabs-holder .search-post input[type=search]::-webkit-input-placeholder,
.tabs-holder .search-post input[type=text]::-webkit-input-placeholder,
.tabs-holder form input[type=search]::-webkit-input-placeholder,
.tabs-holder form input[type=text]::-webkit-input-placeholder {
    color: #4C524B;
}

.tabs-holder .search-post input[type=search]::-moz-placeholder,
.tabs-holder .search-post input[type=text]::-moz-placeholder,
.tabs-holder form input[type=search]::-moz-placeholder,
.tabs-holder form input[type=text]::-moz-placeholder {
    color: #4C524B;
}

.tabs-holder .search-post input[type=search]:-ms-input-placeholder,
.tabs-holder .search-post input[type=text]:-ms-input-placeholder,
.tabs-holder form input[type=search]:-ms-input-placeholder,
.tabs-holder form input[type=text]:-ms-input-placeholder {
    color: #4C524B;
}

.tabs-holder .search-post input[type=search]:-moz-placeholder,
.tabs-holder .search-post input[type=text]:-moz-placeholder,
.tabs-holder form input[type=search]:-moz-placeholder,
.tabs-holder form input[type=text]:-moz-placeholder {
    color: #4C524B;
}

.tabs-holder .search-post button[type=submit],
.tabs-holder form button[type=submit] {
    flex-shrink: 0;
    width: 70px;
    height: 54px;
    padding: 0;
    border: 0;
    background: url("../images/icons/search-icon.svg") center center no-repeat;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.tabs-holder .search-post button[type=submit]:hover,
.tabs-holder form button[type=submit]:hover {
    opacity: 0.85;
}

@media screen and (min-width: 992px) {
    .awards-grid {
        display: grid;
    }
}

@media screen and (max-width: 991px) {
    .awards-grid {
        display: flex;
        gap: 0 24px;
        flex-wrap: nowrap;
        width: calc(100% + 60px);
        padding: 0 30px;
        margin-left: -30px;
        overflow: auto;
    }

    .awards-grid::-webkit-scrollbar {
        display: none;
    }

    .awards-grid {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

@media screen and (max-width: 768px) {
    .awards-grid {
        width: calc(100% + 40px);
        padding: 0 20px;
        margin-left: -20px;
    }
}

.awards-grid.grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 24px;
}

@media screen and (max-width: 1399px) {
    .awards-grid.grid-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 48px 24px;
    }
}

.awards-grid__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px 0;
    font-size: 14px;
    text-align: center;
}

.awards-grid__item-icon {
    width: 100%;
    height: 124px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

@media screen and (max-width: 991px) {
    .awards-grid__item-text {
        max-width: 220px;
    }
}

@media screen and (max-width: 991px) {
    .awards-grid__item {
        flex-shrink: 0;
    }
}

.post-item__image {
    display: flex;
    margin: 0 0 16px 0;
    overflow: hidden;
    border-radius: 16px;
}

.post-item__image img {
    outline: 2px solid rgba(230, 230, 230, 0.3);
    outline-offset: -2px;
    transition: all 0.3s ease-in-out;
    border-radius: 16px;
}

.post-item__image:hover img {
    transform: scale(1.05);
}

.post-item__details-title {
    margin: 0 0 6px 0;
    line-height: 28px;
    font-size: 20px;
}

.post-item__details-title.white {
    color: #fff;
}

.post-item__details-title.white a {
    color: #fff;
}

.post-item__details-title.white a:hover {
    color: #F9FFE6;
}

.post-item__details .post-item__read-time {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #4C524B;
}

.post-item--type-2 {
    border: 1px solid #E6E6E6;
    border-radius: 24px;
}

.post-item--type-2 .post-item__image {
    margin: 0;
    border-radius: 24px 24px 0 0;
}

.post-item--type-2 .post-item__image img {
    width: 100%;
    height: auto;
    border: 0;
    outline: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 24px 24px 0 0;
}

.post-item--type-2 .post-item__details {
    padding: 24px;
}

.post-item--type-2 .post-item__details-title {
    margin-bottom: 12px;
}

.post-item--type-2 .post-item__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px 15px;
    margin: 0 0 12px 0;
}

.post-item--type-2 .post-item__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.post-item--type-2 .post-item__tags-item {
    display: inline-flex;
    padding: 4px 8px;
    background-color: #4C5E59;
    color: #F9FFE6;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 30px;
}

.post-item--type-2 .post-item__tags-item:hover {
    background-color: #D3FB52;
    color: #023A3F;
}

.post-item--type-2 .post-item__read-time {
    font-weight: 400;
}

.posts-grid {
    display: grid;
}

.posts-grid.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media screen and (max-width: 991px) {
    .posts-grid.grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 768px) {
    .posts-grid.grid-3 {
        gap: 16px;
    }
}

@media screen and (max-width: 575px) {
    .posts-grid.grid-3 {
        grid-template-columns: 1fr;
    }
}

.posts-grid.grid-3 .load-more-cta {
    grid-column: 1/-1;
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

@media screen and (min-width: 576px) {
    .posts-grid.grid-3 .load-more-cta .btn {
        min-width: 372px;
    }
}

@media screen and (max-width: 575px) {
    .posts-grid.grid-3 .load-more-cta .btn {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .posts-swiper {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .posts-swiper .swiper {
        padding: 0 30px;
    }
}

@media screen and (max-width: 768px) {
    .posts-swiper {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .posts-swiper .swiper {
        padding: 0 20px;
    }
}

.cta-block {
    overflow: hidden;
    border-radius: 32px;
}

.cta-block--hiring {
    position: relative;
    padding: 48px 64px 64px 64px;
    background: #052326 url("../images/hiring-cta-bg-image.svg") center center/cover no-repeat;
    color: #fff;
}

@media screen and (max-width: 1199px) {
    .cta-block--hiring {
        padding: 40px;
    }
}

@media screen and (max-width: 768px) {
    .cta-block--hiring {
        display: flex;
        flex-direction: column;
        min-height: 732px;
        background: #4c5e59 url("../images/hiring-cta-bg-image-mobile.svg") left bottom no-repeat;
        text-align: center;
    }

    .cta-block--hiring::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url("../images/hiring-cta-bg-image-mobile-top.svg") left top no-repeat;
        z-index: 1;
    }
}

@media screen and (max-width: 575px) {
    .cta-block--hiring {
        padding: 32px 18px;
    }
}

.cta-block--hiring h2,
.cta-block--hiring p,
.cta-block--hiring div {
    position: relative;
    z-index: 1;
}

.cta-block--hiring::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 440px;
    height: 384px;
}

@media screen and (max-width: 1199px) {
    .cta-block--hiring::after {
        right: -80px;
    }
}

@media screen and (min-width: 769px) {
    .cta-block--hiring::after {
        background: url("../images/hiring-cta-valdis-photo.png") right bottom no-repeat;
    }
}

@media screen and (max-width: 768px) {
    .cta-block--hiring::after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        width: 100%;
        background: url("../images/hiring-cta-valdis-photo-mobile.png") center bottom no-repeat;
    }
}

.cta-block--hiring .cta-block__heading {
    margin: 0 0 24px 0;
    line-height: 56px;
    font-size: 48px;
    color: #fff;
}

@media screen and (max-width: 1199px) {
    .cta-block--hiring .cta-block__heading {
        font-size: 36px;
        line-height: 42px;
    }
}

@media screen and (max-width: 768px) {
    .cta-block--hiring .cta-block__heading {
        margin: 0 0 12px 0;
        font-size: 32px;
        line-height: 40px;
    }
}

.cta-block--hiring p {
    max-width: 50%;
    margin: 0;
    color: #F9FFE6;
}

@media screen and (max-width: 1399px) {
    .cta-block--hiring p {
        max-width: 60%;
    }
}

@media screen and (max-width: 768px) {
    .cta-block--hiring p {
        max-width: 100%;
    }
}

.cta-block--hiring .cta-block__footer {
    display: flex;
    margin: 64px 0 0 0;
}

@media screen and (min-width: 1200px) {
    .cta-block--hiring .cta-block__footer {
        align-items: center;
        justify-content: space-between;
        gap: 0 50px;
    }
}

@media screen and (max-width: 1199px) {
    .cta-block--hiring .cta-block__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px 0;
        margin: 25px 0 0 0;
    }
}

@media screen and (max-width: 768px) {
    .cta-block--hiring .cta-block__footer {
        flex-direction: column-reverse;
        margin-top: auto;
        align-items: center;
        text-align: center;
    }

    .cta-block--hiring .cta-block__footer a,
    .cta-block--hiring .cta-block__footer ul {
        position: relative;
        z-index: 2;
    }

    .cta-block--hiring .cta-block__footer .btn {
        width: 100%;
    }

    .cta-block--hiring .cta-block__footer::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 200px;
        background: linear-gradient(360deg, #4C5E59 -4.33%, rgba(76, 94, 89, 0) 96.63%);
        border-radius: 0 0 16px 16px;
        z-index: 1;
    }
}

@media screen and (max-width: 575px) {
    .cta-block--hiring .cta-block__footer {
        gap: 22px 0;
    }
}

.cta-block--hiring .cta-block__footer ul {
    font-size: 20px;
}

@media screen and (max-width: 1299px) {
    .cta-block--hiring .cta-block__footer ul {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .cta-block--hiring .cta-block__footer ul {
        flex-direction: column;
        gap: 10px 0;
    }
}

@media screen and (min-width: 769px) {
    .cta-block--hiring .cta-block__footer ul li {
        display: flex;
        align-items: center;
    }

    .cta-block--hiring .cta-block__footer ul li:not(:last-child)::after {
        content: "";
        width: 1px;
        height: 48px;
        margin: 0 24px;
        background-color: #828e8c;
    }
}

.review-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 32px;
    border: 1px solid rgba(202, 207, 206, 0.3);
    background: linear-gradient(90deg, rgba(2, 58, 63, 0.3) 0%, rgba(2, 58, 63, 0.09) 100%);
    color: #F9FFE6;
    border-radius: 24px;
}

@media screen and (max-width: 575px) {
    .review-item {
        padding: 32px 24px;
    }
}

.review-item__header {
    gap: 0 20px;
    margin: 0 0 24px 0;
}

.review-item__author {
    gap: 0 12px;
}

.review-item__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border: 2px solid #F9FFE6;
    border-radius: 50%;
}

.review-item__author-info {
    line-height: normal;
}

.review-item__author-name {
    display: flex;
    align-items: center;
    gap: 0 4px;
    line-height: normal;
    font-weight: 500;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.review-item__author-badge {
    width: 14px;
    height: 14px;
    background: url("../images/icons/author-badge.svg") center center no-repeat;
}

.review-item__author-role {
    line-height: normal;
    font-size: 12px;
}

.review-item__rating {
    display: flex;
    align-items: center;
    gap: 0 6px;
}

.review-item__rating-score {
    font-weight: 500;
    font-size: 12px;
}

.review-item__stars {
    display: flex;
    align-items: center;
    gap: 0 4px;
}

.review-item__star {
    width: 14px;
    height: 14px;
}

@media screen and (max-width: 575px) {
    .review-item__star:not(:first-child) {
        display: none;
    }
}

.review-item__star--filled {
    background: url("../images/icons/star-filled.svg") center center no-repeat;
}

.review-item__body {
    margin-bottom: 24px;
    line-height: 32px;
    font-size: 18px;
}

.review-item__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: auto;
}

.review-item:hover {
    background: linear-gradient(90deg, #023A3F 0%, rgba(2, 58, 63, 0.3) 100%);
}

.review-item:hover .review-item__author-name {
    color: #D3FB52;
}

.reviews-swiper>.container {
    flex-direction: column;
    align-items: center;
}

.reviews-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
    animation: reviewsScroll 35s linear infinite;
}

@keyframes reviewsScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.reviews-swiper:hover .swiper-wrapper {
    animation-play-state: paused;
}

.reviews-swiper .mobile-view-all {
    display: none;
    margin: 47px 0 24px 0;
}

@media screen and (max-width: 768px) {
    .reviews-swiper .mobile-view-all {
        display: flex;
        justify-content: center;
    }
}

.reviews-swiper__cta {
    gap: 0 60px;
    margin: 64px 0 0 0;
    padding: 4px;
    background-color: #4C5E59;
    font-size: 14px;
    color: #F9FFE6;
    backdrop-filter: blur(16px);
    border-radius: 35px;
}

@media screen and (max-width: 768px) {
    .reviews-swiper__cta {
        margin-top: 48px;
    }
}

@media screen and (max-width: 640px) {
    .reviews-swiper__cta {
        gap: 0 17px;
    }
}

.reviews-swiper__cta-photos {
    display: flex;
}

@media screen and (min-width: 641px) {
    .reviews-swiper__cta-photos {
        margin-right: 8px;
    }
}

.reviews-swiper__cta-photos img {
    border: 2px solid #4C5E59;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 50%;
}

.reviews-swiper__cta-photos img:not(:first-child) {
    position: relative;
    margin-left: -24px;
    z-index: 1;
}

@media screen and (max-width: 640px) {
    .reviews-swiper__cta span {
        display: none;
    }
}

.reviews-swiper__cta .btn {
    height: 48px;
    padding: 0 20px;
}

.process-grid {
    display: grid;
    gap: 24px;
}

.process-grid__item {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}

.process-grid .process-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
}

.process-grid .process-card .mb-auto {
    margin-top: 0;
    margin-bottom: auto;
}

@media screen and (max-width: 768px) {
    .process-grid .process-card .mb-auto {
        margin-bottom: 24px;
    }
}

.process-grid .process-card .mt-auto {
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

.process-grid .process-card .mt-12 {
    margin-top: 12px;
}

.process-grid .process-card .fz-14 {
    font-size: 14px;
}

.process-grid .process-card .fw-400 {
    font-weight: 400;
}

.process-grid .process-card .fw-600 {
    font-weight: 600;
}

.process-grid .process-card .fz-16 {
    font-size: 16px;
}

.process-grid .process-card.h-auto {
    flex-grow: 1;
    height: auto;
}

.process-grid .process-card--dark {
    background: #4C5E59;
    color: #fff;
}

.process-grid .process-card--dark .process-card__title {
    color: #fff;
}

.process-grid .process-card--light-green {
    background: #D3FB52 url("../images/process-grid-card-light-green-blur.png") top right no-repeat;
}

.process-grid .process-card--light-green .process-card__title--has-icon .process-card__title-icon {
    background-color: #fff;
}

.process-grid .process-card--light-purple {
    background: #DCB4FF url("../images/process-grid-card-light-purple-blur.png") top right no-repeat;
}

.process-grid .process-card--light-purple .process-card__title--has-icon .process-card__title-icon {
    background-color: #fff;
}

.process-grid .process-card--dark-green {
    background: #023A3F url("../images/process-card--dark-green-blur.png") top right no-repeat;
    background-size: 0;
    transition: all 1s ease-in-out;
    color: #fff;
}

.process-grid .process-card--dark-green .process-card__title {
    color: #fff;
}

.process-grid .process-card--has-border {
    border: 1px solid #E6E6E6;
}

.process-grid .process-card__title {
    margin: 0 0 12px 0;
    line-height: 28px;
    font-size: 20px;
}

.process-grid .process-card__title.fz-32 {
    margin: 0 0 12px 0;
    line-height: 40px;
    font-size: 32px;
}

@media screen and (max-width: 1199px) {
    .process-grid .process-card__title.fz-32 {
        line-height: 32px;
        font-size: 24px;
    }
}

.process-grid .process-card__title--has-icon {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin: 0 0 12px 0;
}

.process-grid .process-card__title--has-icon.mt-88 {
    margin-top: 88px;
}

.process-grid .process-card__title--has-icon .process-card__title-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #D3FB52;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 4px;
}

.process-grid .process-card__title--has-icon .process-card__title-icon--white {
    background-color: #fff;
}

.process-grid .process-card__title--has-icon .process-card__title-icon--orange {
    background-color: #FABB05;
}

.process-grid .process-card__title--has-icon .process-card__title-icon--purple {
    background-color: #EA3CE8;
}

.process-grid .process-card__title--has-icon .speedometer-svg {
    overflow: visible;
}

.process-grid .process-card__title--has-icon .speedometer-needle {
    transform-origin: 32px 37.3332px;
    transform: rotate(-120deg);
    transition: transform 2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.process-grid .process-card__title--has-icon.flex-column {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px 0;
}

.process-grid .process-card__title--has-icon.flex-column .process-card__title-icon {
    width: 64px;
    height: 64px;
    background-color: transparent;
}

.process-grid .process-card__description:not(:last-child) {
    margin-bottom: 24px;
}

.process-grid .process-card__description ul {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    margin-top: 12px;
    font-weight: 600;
}

.process-grid .process-card__description ul li {
    position: relative;
    padding: 0 0 0 28px;
}

.process-grid .process-card__description ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: #A1DE3B;
    box-shadow: 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32);
    border-radius: 50%;
}

.process-grid .process-card__featured-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 0 24px 0;
}

@keyframes wiggle {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.process-grid .process-card__featured-image.wiggle-animation img {
    animation: wiggle 3s ease-in-out infinite;
}

.process-grid .process-card__featured-image--has-border {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.process-grid .process-card__featured-image .product-insight-image__product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 50px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #E6E6E6;
}

.process-grid .process-card__featured-image .product-insight-image__product-title {
    margin: 0 0 4px 0;
    line-height: 32px;
    font-weight: 600;
    font-size: 24px;
}

.process-grid .process-card__featured-image .product-insight-image__product-meta {
    font-size: 12px;
    color: #4C524B;
}

.process-grid .process-card__featured-image .product-insight-image__product-image {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card__featured-image .product-insight-image__product-image img {
    border-radius: 8px;
}

.process-grid .process-card__featured-image .experience-led-architecture-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 336px;
}

.process-grid .process-card__featured-image .experience-led-architecture-image svg,
.process-grid .process-card__featured-image .experience-led-architecture-image img {
    max-height: 9999px;
    max-width: 9999px;
}

.process-grid .process-card__featured-image .experience-led-architecture-image__img-1 {
    opacity: 0.2;
    transition: all 0.5s ease-in-out;
}

.process-grid .process-card__featured-image .experience-led-architecture-image__img-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transform-origin: center center;
    transition: all 0.5s ease-in-out;
}

.process-grid .process-card__featured-image .custom-logic-image .toggle-circle-holder {
    fill: #ececec;
    transition: all 0.5s ease-in-out;
}

.process-grid .process-card__featured-image .custom-logic-image .toggle-circle {
    transform: translateX(-20px);
    transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.process-grid .process-card__featured-image .custom-logic-image .cursor-pointer {
    transform: translate(-20px, -2px);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.process-grid .process-card__featured-image .animated-code-quality-image {
    position: relative;
    width: 392px;
    height: 148px;
    padding: 48px 0 0 0;
    background: url("../images/animated-code-quality-image.svg") center top no-repeat;
    box-shadow: 0px -4px 4px 0px rgba(134, 140, 140, 0.2);
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

@media screen and (max-width: 991px) and (min-width: 769px) {
    .process-grid .process-card__featured-image .animated-code-quality-image {
        width: 100%;
        height: 115px;
        background-size: 100%;
    }
}

@media screen and (max-width: 495px) {
    .process-grid .process-card__featured-image .animated-code-quality-image {
        width: 100%;
        height: 115px;
        background-size: 100%;
    }
}

.process-grid .process-card__featured-image .animated-code-quality-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    z-index: 1;
}

.process-grid .process-card__featured-image .animated-code-quality-image__code {
    padding: 0 40px 0 20px;
    height: 200px;
    line-height: 16px;
    font-size: 10px;
    color: #052326;
    overflow: hidden;
}

.process-grid .process-card__featured-image .animated-code-quality-image__code code {
    display: block;
    animation: scrollUp 40s linear infinite;
    font-size: 10px;
    white-space: pre-wrap;
}

.process-grid .process-card__featured-image .animated-code-quality-image__code:hover code {
    animation-play-state: paused;
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

.process-grid .process-card__featured-image .site-health-animated-image .gauge-fill {
    transform: rotate(-180deg);
    transform-origin: 200px 176px;
    opacity: 0;
    transition: transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.3s ease;
}

.process-grid .process-card__featured-image .site-health-animated-image .gauge-number {
    opacity: 0;
    transition: opacity 0.5s ease 1s;
}

.process-grid .process-card__featured-image .audit-report-chart-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px 0;
    width: 100%;
    padding: 24px;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.process-grid .process-card__featured-image .audit-report-chart-image svg .bar {
    transform: scaleY(0);
    transform-origin: center 156px;
    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.process-grid .process-card__featured-image .audit-report-chart-image svg .bar-1 {
    transition-delay: 0s;
}

.process-grid .process-card__featured-image .audit-report-chart-image svg .bar-2 {
    transition-delay: 0.1s;
}

.process-grid .process-card__featured-image .audit-report-chart-image svg .bar-3 {
    transition-delay: 0.2s;
}

.process-grid .process-card__featured-image .audit-report-chart-image svg .bar-4 {
    transition-delay: 0.3s;
}

.process-grid .process-card__featured-image .audit-report-chart-image svg .bar-5 {
    transition-delay: 0.4s;
}

.process-grid .process-card__featured-image .audit-report-chart-image svg .bar-6 {
    transition-delay: 0.5s;
}

.process-grid .process-card__featured-image .audit-report-chart-image__stats {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 288px;
    line-height: 16px;
    font-size: 12px;
    color: #4C524B;
}

.process-grid .process-card__featured-image .audit-report-chart-image__stats strong {
    line-height: 40px;
    font-size: 32px;
    font-weight: 600;
    color: #010708;
}

.process-grid .process-card__featured-image .audit-report-chart-image__stats strong::after {
    content: "%";
}

.process-grid .process-card__featured-image .friendly-reporting-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 235px;
}

.process-grid .process-card__featured-image .friendly-reporting-image .floating-cursor {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {

    0%,
    100% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(-12px, -6px);
    }

    50% {
        transform: translate(-8px, 7px);
    }

    75% {
        transform: translate(6px, 4px);
    }
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image .chart-line {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    transition: stroke-dashoffset 2.5s ease-in-out;
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image {
    /* 2. Area fade in */
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image .chart-area {
    opacity: 0;
    transition: opacity 1s ease 1.5s;
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image {
    /* 3. Dot pop in */
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image .chart-dot {
    transform: scale(0);
    transform-origin: 398px 32px;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 2s;
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image {
    /* 4. Cards slide up + fade */
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image .card {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image .card-1 {
    transition-delay: 2.2s;
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image .card-2 {
    transition-delay: 2.4s;
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image .card-3 {
    transition-delay: 2.6s;
}

.process-grid .process-card__featured-image .strategic-planning-architecture-image .card-4 {
    transition-delay: 2.8s;
}

.process-grid .process-card__featured-image .performance-optimized-development-image .bar {
    transform: scaleY(0);
    transform-origin: center 424px;
    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.process-grid .process-card__featured-image .performance-optimized-development-image .bar-1 {
    transition-delay: 0s;
}

.process-grid .process-card__featured-image .performance-optimized-development-image .bar-2 {
    transition-delay: 0.1s;
}

.process-grid .process-card__featured-image .performance-optimized-development-image .bar-3 {
    transition-delay: 0.2s;
}

.process-grid .process-card__featured-image .performance-optimized-development-image .bar-4 {
    transition-delay: 0.3s;
}

.process-grid .process-card__featured-image .performance-optimized-development-image .bar-5 {
    transition-delay: 0.4s;
}

.process-grid .process-card__featured-image .performance-optimized-development-image .bar-6 {
    transition-delay: 0.5s;
}

.process-grid .process-card__featured-image .custom-plugin-development-image {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 236px;
    padding-top: 25px;
    overflow: hidden;
}

.process-grid .process-card__featured-image .custom-plugin-development-image img,
.process-grid .process-card__featured-image .custom-plugin-development-image svg {
    max-width: 9999px;
    max-height: 9999px;
}

.process-grid .process-card__featured-image .custom-plugin-development-image svg {
    position: relative;
    top: -70px;
    animation: snapBounce 4s cubic-bezier(0.19, 1, 0.22, 1) infinite;
    will-change: transform;
}

@keyframes snapBounce {
    0% {
        transform: translateY(0);
    }

    7% {
        transform: translateY(-95px);
    }

    20% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

.process-grid .process-card__featured-image .custom-plugin-development-image::before,
.process-grid .process-card__featured-image .custom-plugin-development-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 66px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.process-grid .process-card__featured-image .custom-plugin-development-image::after {
    top: auto;
    bottom: 0;
    transform: rotate(180deg);
}

.process-grid .process-card__featured-image:last-child {
    margin: 0;
}

.process-grid .process-card__featured-icon {
    display: flex;
    margin: 0 0 110px 0;
}

.process-grid .process-card__featured-icon--has-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 12px;
    font-size: 14px;
    text-align: right;
}

.process-grid .process-card__featured-icon--has-text .value--percents::after {
    content: "%";
}

.process-grid .process-card__featured-icon--has-text .fz-32 {
    line-height: 40px;
    font-size: 32px;
}

.process-grid .process-card--contact-specialist {
    position: relative;
    padding-top: 60px;
    padding-bottom: 0;
    background: #4C5E59 url("../images/process-grid-contact-specialist-lines-bg.svg") center center/cover no-repeat;
}

.process-grid .process-card--contact-specialist::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background: linear-gradient(180deg, rgba(76, 94, 89, 0) -0.67%, #4C5E59 99.33%);
    border-radius: 0 0 16px 16px;
}

.process-grid .process-card--contact-specialist .process-card__featured-image {
    margin: 0;
}

.process-grid .process-card--contact-specialist .process-card__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    bottom: 40px;
    z-index: 1;
}

.process-grid .process-card--contact-specialist .process-card__text .process-card__title {
    margin: 0;
    color: #F9FFE6;
}

.process-grid .process-card .process-card__features {
    display: grid;
}

@media screen and (min-width: 769px) {
    .process-grid .process-card .process-card__features {
        margin-top: 64px;
    }
}

.process-grid .process-card .process-card__features.grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

@media screen and (max-width: 575px) {
    .process-grid .process-card .process-card__features.grid-2 {
        grid-template-columns: auto;
    }
}

.process-grid .process-card .process-card__feature {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    padding: 8px 12px;
    background-color: #F4F4F4;
    font-size: 14px;
    border-radius: 8px;
}

.process-grid .process-card .process-card__feature-icon {
    width: 32px;
    height: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card .process-card__feature-title {
    margin: 0 0 4px 0;
    font-size: 16px;
}

.process-grid .process-card .plain-ul {
    margin-top: auto;
    font-size: 14px;
}

.process-grid .process-card .plain-ul li {
    display: flex;
    align-items: center;
    gap: 0 11px;
}

.process-grid .process-card .plain-ul li:not(:last-child) {
    margin-bottom: 8px;
}

.process-grid .process-card .progress-bar {
    margin-top: auto;
}

.process-grid .process-card .progress-bar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 4px 0;
    font-size: 14px;
}

.process-grid .process-card .progress-bar__header-value {
    font-weight: 600;
    color: #A1DE3B;
}

.process-grid .process-card .progress-bar__track {
    position: relative;
    height: 8px;
    background-color: #E6E6E6;
    border-radius: 4px;
}

.process-grid .process-card .progress-bar__track-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 8px;
    background-color: #A1DE3B;
    transition: all 2.5s ease-out;
    border-radius: 4px;
}

.process-grid .process-card .link-width-icon {
    display: inline-flex;
    align-items: center;
    gap: 0 7px;
    margin-top: 12px;
    font-size: 14px;
    color: #4C524B;
}

.process-grid .process-card .link-width-icon:hover {
    color: #000;
}

.process-grid .process-card .text-swiper {
    width: 465px;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: auto;
}

@media screen and (max-width: 1299px) {
    .process-grid .process-card .text-swiper {
        width: calc(100% + 48px);
    }
}

.process-grid .process-card .text-swiper .swiper {
    padding: 0 24px;
}

.process-grid .process-card .text-swiper .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    min-height: 80px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 8px;
}

.process-grid .process-card .text-swiper .swiper .swiper-slide:has(.swiper-slide__icon) {
    gap: 8px 0;
}

.process-grid .process-card .text-swiper .swiper .swiper-slide__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card .text-swiper .swiper .swiper-slide__stat-value {
    line-height: 24px;
    font-weight: 600;
    color: #D3FB52;
}

.process-grid .process-card .text-swiper .swiper .swiper-slide:has(.swiper-slide__stat-value) {
    gap: 4px 0;
    min-height: 1px;
    padding: 12px;
}

.process-grid .process-card .notice-msg {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin-top: 16px;
}

.process-grid .process-card .notice-msg::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../images/icons/process-grid-trending-icon.svg") left center no-repeat;
}

.process-grid .process-card .stat-badges {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

@media screen and (max-width: 575px) {
    .process-grid .process-card .stat-badges {
        grid-template-columns: 1fr;
    }
}

.process-grid .process-card .stat-badges .stat-badge {
    padding: 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.process-grid .process-card .stat-badges .stat-badge__icon {
    width: 32px;
    height: 32px;
    margin: 0 0 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card .stat-badges .stat-badge__label {
    display: block;
    margin-bottom: 4px;
}

.process-grid .process-card .stat-badges .stat-badge__value {
    font-weight: 600;
    color: #D3FB52;
}

.process-grid .process-card .ab-test__variant {
    padding: 8px;
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
}

.process-grid .process-card .ab-test__variant:not(:last-child) {
    margin-bottom: 8px;
}

.process-grid .process-card .ab-test__variant:nth-child(2n) {
    background-color: #F9FFE6;
    border: 1px solid #D3FB52;
}

.process-grid .process-card .ab-test__variant:nth-child(2n) .ab-test__variant-letter {
    background-color: #D3FB52;
}

.process-grid .process-card .ab-test__variant-header {
    display: flex;
    align-items: center;
    gap: 0 4px;
    margin: 0 0 12px 0;
}

.process-grid .process-card .ab-test__variant-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 4px;
}

.process-grid .process-card .ab-test__variant-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card .ab-test__stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.process-grid .process-card .ab-test__stat:not(:last-child) {
    margin-bottom: 12px;
}

.process-grid .process-card .ab-test__stat-value {
    font-weight: 600;
    font-size: 16px;
}

.process-grid .process-card .ab-test__stat-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    margin-left: 4px;
    background-color: #D3FB52;
    line-height: 24px;
    font-size: 12px;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 12px;
}

.process-grid .process-card .product-tags {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
    .process-grid .process-card .product-tags {
        grid-template-columns: auto;
        margin-bottom: 32px;
    }
}

.process-grid .process-card .product-tags__col {
    gap: 0 24px;
}

.process-grid .process-card .product-tags__col-icon {
    display: flex;
}

.process-grid .process-card .product-tags .process-card__tags {
    margin: 0;
}

.process-grid .process-card .icons-with-text {
    display: grid;
}

.process-grid .process-card .icons-with-text.mb-50 {
    margin-bottom: 50px;
}

.process-grid .process-card .icons-with-text.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.process-grid .process-card .icons-with-text__item {
    padding: 8px 12px;
    box-shadow: 0px 0px 3.32px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.process-grid .process-card .icons-with-text__item-heading {
    margin: 0 0 4px 0;
    padding-right: 20px;
}

.process-grid .process-card .icons-with-text__item-icon {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

@keyframes shakeBit {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-3px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(3px);
    }
}

@keyframes shakeBitHover {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-3px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(3px);
    }
}

.process-grid .process-card .error-handling-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 30px;
    padding: 12px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.process-grid .process-card .error-handling-cta:hover {
    animation: shakeBitHover 0.5s ease-in-out;
}

.process-grid .process-card .error-handling-cta__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #F9FFE6;
}

.process-grid .process-card .error-handling-cta__text {
    gap: 0 12px;
    line-height: normal;
    font-size: 12px;
    color: #4C524B;
}

.process-grid .process-card .error-handling-cta__btn {
    display: inline-flex;
    padding: 0 24px;
    background-color: #fff;
    line-height: 40px;
    font-weight: 600;
    font-size: 14px;
    color: #010708;
    letter-spacing: 0.02em;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.process-grid .process-card .error-handling-cta__btn:hover {
    background-color: #042023;
    color: #fff;
}

.process-grid .process-card .cart-preview {
    display: flex;
    align-items: center;
    gap: 0 20px;
    justify-content: space-between;
    padding: 12px;
    background-color: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2), 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.process-grid .process-card .cart-preview__content {
    line-height: normal;
}

.process-grid .process-card .cart-preview__title {
    margin: 0 0 4px 0;
    line-height: 32px;
    font-size: 20px;
    color: #010708;
    text-transform: uppercase;
}

.process-grid .process-card .cart-preview__text {
    font-size: 12px;
    color: #4C524B;
}

.process-grid .process-card .cart-preview__text b,
.process-grid .process-card .cart-preview__text strong {
    color: #F95001;
}

.process-grid .process-card .cart-preview__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2), 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.process-grid .process-card__checklist {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    margin-top: auto;
}

.process-grid .process-card__checklist .purple {
    color: #EA3CE8;
}

.process-grid .process-card__checklist.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.process-grid .process-card__checklist.grid-2 .process-card__checklist-item.green-highlight {
    grid-column: 1/-1;
    padding: 12px;
}

.process-grid .process-card__checklist.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.process-grid .process-card__checklist.grid-3 .process-card__checklist-title {
    margin: 0;
    font-size: 14px;
}

.process-grid .process-card__checklist.grid-3 .process-card__checklist-item.green-highlight {
    grid-column: 1/-1;
    padding: 12px;
}

.process-grid .process-card__checklist-item {
    position: relative;
    padding: 8px 12px 8px 55px;
    background-color: #F6FCEC;
    font-size: 14px;
    border-radius: 8px;
}

.process-grid .process-card__checklist-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 32px;
    height: 32px;
    background: url("../images/icons/process-card-check-icon.svg") center center no-repeat;
    transform: translateY(-50%);
}

.process-grid .process-card__checklist-item--decline {
    background-color: #F4F4F4;
}

.process-grid .process-card__checklist-item--decline::before {
    background: url("../images/icons/process-card-decline-icon.svg") center center no-repeat;
}

.process-grid .process-card__checklist-title {
    margin: 0 0 4px 0;
    font-size: 16px;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item {
    background-color: #EFEFEF;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item.custom-icon {
    display: flex;
    align-items: center;
    gap: 0 12px;
    padding-left: 12px;
    color: #010708;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item.custom-icon.flex-column {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item.custom-icon.flex-column svg,
.process-grid .process-card__checklist--grey .process-card__checklist-item.custom-icon.flex-column img {
    margin-bottom: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item.custom-icon svg,
.process-grid .process-card__checklist--grey .process-card__checklist-item.custom-icon img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item.custom-icon::before {
    content: none;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item.green-highlight {
    padding: 8px 12px;
    background-color: #D3FB52;
    text-align: center;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item.green-highlight .process-card__checklist-title {
    margin: 0 0 4px 0;
    line-height: 40px;
    font-size: 32px;
}

.process-grid .process-card__checklist--grey .process-card__checklist-item.green-highlight::before {
    content: none;
}

.process-grid .process-card__tags-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 30px;
}

.process-grid .process-card__tags-holder>span {
    font-size: 12px;
    color: #4C524B;
}

.process-grid .process-card__tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: auto;
}

.process-grid .process-card__tags.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.process-grid .process-card__tags-item {
    display: flex;
    align-items: center;
    gap: 0 10px;
    padding: 8px;
    background-color: #D3FB52;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.process-grid .process-card__tags-item:has(svg) {
    padding-left: 12px;
}

.process-grid .process-card__tags-item--orange {
    background-color: #FABB05;
}

.process-grid .process-card__tags-item--full-width {
    grid-column: span 2;
}

.process-grid .process-card__tags--white .process-card__tags-item {
    background-color: #fff;
    color: #010708;
}

.process-grid .process-card__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    color: #010708;
}

@media screen and (max-width: 575px) {
    .process-grid .process-card__metrics {
        grid-template-columns: 1fr;
    }
}

.process-grid .process-card__metrics .process-card__metric {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
    background-color: #F6FCEC;
    border-radius: 8px;
}

.process-grid .process-card__metrics .process-card__metric__icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.process-grid .process-card__metrics .process-card__metric__icon svg,
.process-grid .process-card__metrics .process-card__metric__icon img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card__metrics .process-card__metric__icon .number-value {
    padding: 4px;
    line-height: 16px;
    font-weight: 600;
    font-size: 12px;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 12px;
}

.process-grid .process-card__metrics .process-card__metric__icon .number-value--green {
    background-color: #D3FB52;
}

.process-grid .process-card__metrics .process-card__metric__icon .number-value--red {
    background-color: #F95001;
    color: #fff;
}

.process-grid .process-card__metrics .process-card__metric__icon .number-value--plus-percents::before {
    content: "+";
}

.process-grid .process-card__metrics .process-card__metric__icon .number-value--plus-percents::after {
    content: "%";
}

.process-grid .process-card__metrics .process-card__metric__icon .number-value--minus-percents::before {
    content: "-";
}

.process-grid .process-card__metrics .process-card__metric__icon .number-value--minus-percents::after {
    content: "%";
}

.process-grid .process-card__metrics .process-card__metric-value {
    font-weight: 600;
}

.process-grid .process-card__metrics .process-card__metric-value.fz-24 {
    line-height: 32px;
    font-size: 24px;
}

.process-grid .process-card__metrics .process-card__metric-label {
    font-size: 14px;
}

.process-grid .process-card__metrics .process-card__metric--white {
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
}

.process-grid .process-card__metrics .process-card__metric--has-icon {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 0 14px;
}

.process-grid .process-card__metrics .process-card__metric--has-icon .process-card__metric-icon {
    display: flex;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.process-grid .process-card__metrics .process-card__metric--has-icon .spin-animation svg {
    animation: spin-ease 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.process-grid .process-card__metrics .process-card__metric:has(.process-card__metric__icon) .process-card__metric-value {
    line-height: normal;
}

.process-grid .process-card__metrics.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media screen and (max-width: 991px) {
    .process-grid .process-card__metrics.grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .process-grid .process-card__metrics.grid-3 .process-card__metric:last-child {
        grid-column: 1/-1;
    }
}

.process-grid .process-card__metrics.grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media screen and (max-width: 1299px) {
    .process-grid .process-card__metrics.grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.process-grid .process-card__metrics.grid-4 .process-card__metric-value {
    padding-top: 4px;
    font-size: 24px;
}

.process-grid .process-card__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 12px;
    margin-top: auto;
    padding: 12px;
    background-color: #fff;
    color: #010708;
    border-radius: 8px;
}

.process-grid .process-card__stats.grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media screen and (max-width: 991px) {
    .process-grid .process-card__stats.grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

@media screen and (max-width: 575px) {
    .process-grid .process-card__stats.grid-3 {
        grid-template-columns: 1fr;
    }
}

.process-grid .process-card__stats .process-card__stat {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
    font-weight: 600;
}

.process-grid .process-card__stats .process-card__stat-value {
    line-height: 32px;
    font-size: 24px;
    color: #4C524B;
}

.process-grid .process-card__stats .process-card__stat-value--percents::after {
    content: "%";
}

@media screen and (max-width: 991px) {
    .process-grid .process-card__stats .process-card__stat-value {
        line-height: normal;
        font-size: 20px;
    }
}

.process-grid .process-card__stats .process-card__stat--white-bg {
    background-color: #fff !important;
}

.process-grid .process-card__stats--separated {
    padding: 0;
    background: transparent;
}

.process-grid .process-card__stats--separated.mt-12 {
    margin-top: 12px;
}

.process-grid .process-card__stats--separated .process-card__stat {
    background-color: #F9FFE6;
    padding: 8px 12px;
    border-radius: 8px;
}

.process-grid .process-card__stats--separated .process-card__stat .process-card__stat-value {
    color: #010708;
}

.process-grid .process-card__stats--separated .process-card__stat .process-card__stat-label {
    font-weight: 400;
    font-size: 14px;
    color: #010708;
}

.process-grid .process-card__stats-ul-list {
    display: flex;
    flex-direction: column;
    gap: 7px 0;
    margin-top: auto;
}

.process-grid .process-card__stats-ul-list:has(.has-bg) {
    gap: 12px 0;
}

.process-grid .process-card__stats-ul-list li {
    display: flex;
    justify-content: space-between;
    line-height: 20px;
    font-size: 14px;
}

.process-grid .process-card__stats-ul-list li.has-check-animation svg {
    transform: scale(0.5);
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.process-grid .process-card__stats-ul-list li.has-check-animation svg path {
    opacity: 0.3;
    transition: fill 0.4s ease, opacity 0.4s ease;
}

.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(1) svg,
.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(1) svg path {
    transition-delay: 0.5s;
}

.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(2) svg,
.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(2) svg path {
    transition-delay: 1s;
}

.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(3) svg,
.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(3) svg path {
    transition-delay: 1.5s;
}

.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(4) svg,
.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(4) svg path {
    transition-delay: 2s;
}

.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(5) svg,
.process-grid .process-card__stats-ul-list li.has-check-animation:nth-child(5) svg path {
    transition-delay: 2.5s;
}

.process-grid .process-card__stats-ul-list li .value {
    gap: 0 4px;
    font-weight: 600;
    color: #A1DE3B;
}

.process-grid .process-card__stats-ul-list li .value--percents::after {
    content: "%";
}

.process-grid .process-card__stats-ul-list li .value--plus-percents::before {
    content: "+";
}

.process-grid .process-card__stats-ul-list li .value--plus-percents::after {
    content: "%";
}

.process-grid .process-card__stats-ul-list li .value.has-bg {
    padding: 0 11px;
    background-color: #D3FB52;
    line-height: 24px;
    font-weight: 500;
    color: #010708;
    border-radius: 12px;
}

.process-grid .process-card__cta-btn {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    text-align: center;
}

.process-grid .process-card__cta-btn span {
    display: block;
    font-weight: 600;
    color: #fff;
}

.process-grid--shopify {
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1199px) {
    .process-grid--shopify {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .process-grid--shopify {
        display: flex;
        flex-direction: column;
        gap: 16px 0;
    }
}

.process-grid--shopify .process-grid__item--large {
    grid-column: 1/3;
}

.process-grid--ecommerce-strategy {
    grid-template-columns: repeat(3, 1fr);
}

.process-grid--ecommerce-strategy .process-grid__item--featured {
    grid-column: 1/2;
    grid-row: 1/2;
}

.process-grid--ecommerce-strategy .process-grid__item--main {
    grid-column: 2/3;
    grid-row: 1/3;
}

.process-grid--ecommerce-strategy .process-grid__item--top-right {
    grid-column: 3/4;
    grid-row: 1/2;
}

.process-grid--ecommerce-strategy .process-grid__item--bottom-left {
    grid-column: 1/2;
    grid-row: 2/4;
}

.process-grid--ecommerce-strategy .process-grid__item--bottom-right {
    grid-column: 3/4;
    grid-row: 2/3;
}

.process-grid--ecommerce-strategy .process-grid__item--wide {
    grid-column: 2/4;
    grid-row: 3/4;
}

@media (max-width: 1299px) {
    .process-grid--ecommerce-strategy {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--ecommerce-strategy .process-grid__item {
        width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .process-grid--ecommerce-strategy {
        gap: 16px;
    }

    .process-grid--ecommerce-strategy .process-grid__item {
        width: 100%;
    }
}

.process-grid--performance-support {
    grid-template-columns: repeat(3, 1fr);
}

.process-grid--performance-support .process-grid__item--top-left,
.process-grid--performance-support .process-grid__item--top-center {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.process-grid--performance-support .process-grid__item--top-left .process-card,
.process-grid--performance-support .process-grid__item--top-center .process-card {
    flex: 1;
}

.process-grid--performance-support .process-grid__item--top-left {
    grid-column: 1/2;
    grid-row: 1/2;
}

.process-grid--performance-support .process-grid__item--top-center {
    grid-column: 2/3;
    grid-row: 1/2;
}

.process-grid--performance-support .process-grid__item--top-right {
    grid-column: 3/4;
    grid-row: 1/3;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.process-grid--performance-support .process-grid__item--top-right .process-card {
    flex: 1;
}

.process-grid--performance-support .process-grid__item--bottom-wide {
    grid-column: 1/3;
    grid-row: 2/3;
}

@media (max-width: 1299px) {
    .process-grid--performance-support {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--performance-support .process-grid__item {
        width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .process-grid--performance-support {
        gap: 16px;
    }

    .process-grid--performance-support .process-grid__item {
        width: 100%;
    }
}

.process-grid--email-programs {
    grid-template-columns: repeat(6, 1fr);
}

.process-grid--email-programs .text-swiper {
    width: auto !important;
}

.process-grid--email-programs .process-grid__item--featured {
    grid-column: 1/4;
    grid-row: 1/2;
}

.process-grid--email-programs .process-grid__item--top-right {
    grid-column: 4/7;
    grid-row: 1/2;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.process-grid--email-programs .process-grid__item--top-right .process-card {
    flex: 1;
}

.process-grid--email-programs .process-grid__item--bottom-left {
    grid-column: 1/3;
    grid-row: 2/3;
}

.process-grid--email-programs .process-grid__item--bottom-center {
    grid-column: 3/5;
    grid-row: 2/3;
}

.process-grid--email-programs .process-grid__item--bottom-right {
    grid-column: 5/7;
    grid-row: 2/3;
}

@media screen and (max-width: 1299px) {
    .process-grid--email-programs {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--email-programs .process-grid__item {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 768px) {
    .process-grid--email-programs {
        gap: 16px;
    }

    .process-grid--email-programs .process-grid__item {
        width: 100%;
    }
}

.process-grid--support-maintenance {
    display: flex;
    gap: 24px;
}

.process-grid--support-maintenance .process-grid__item {
    display: flex;
    gap: 24px;
}

.process-grid--support-maintenance .process-grid__item process-card {
    height: auto;
}

.process-grid--support-maintenance .process-grid__item--left {
    flex-shrink: 0;
    flex-direction: column;
    flex-basis: 32.22%;
}

.process-grid--support-maintenance .process-grid__item--main {
    flex-direction: row;
    flex-wrap: wrap;
}

.process-grid--support-maintenance .process-grid__item--main .process-card {
    flex: 1 1 calc(50% - 12px);
    height: auto;
}

.process-grid--support-maintenance .process-grid__item--main .process-card--full-width {
    flex: 1 1 100%;
}

@media (max-width: 1299px) {
    .process-grid--support-maintenance {
        flex-wrap: wrap;
    }

    .process-grid--support-maintenance .process-grid__item {
        width: calc(50% - 12px);
    }

    .process-grid--support-maintenance .process-grid__item--left,
    .process-grid--support-maintenance .process-grid__item--main {
        flex-basis: 100%;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .process-grid--support-maintenance {
        gap: 16px;
    }

    .process-grid--support-maintenance .process-grid__item {
        width: 100%;
    }

    .process-grid--support-maintenance .process-grid__item--main .process-card {
        flex: 1 1 100%;
    }
}

.process-grid--cro-methodology {
    grid-template-columns: repeat(6, 1fr);
}

.process-grid--cro-methodology .process-grid__item--featured {
    grid-column: 1/4;
    grid-row: 1/2;
}

.process-grid--cro-methodology .process-grid__item--top-right {
    grid-column: 4/7;
    grid-row: 1/2;
}

.process-grid--cro-methodology .process-grid__item--bottom-left {
    grid-column: 1/3;
    grid-row: 2/3;
}

.process-grid--cro-methodology .process-grid__item--bottom-center {
    grid-column: 3/5;
    grid-row: 2/3;
}

.process-grid--cro-methodology .process-grid__item--bottom-right {
    grid-column: 5/7;
    grid-row: 2/3;
}

@media (max-width: 1299px) {
    .process-grid--cro-methodology {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--cro-methodology .process-grid__item {
        width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .process-grid--cro-methodology {
        gap: 16px;
    }

    .process-grid--cro-methodology .process-grid__item {
        width: 100%;
    }
}

.process-grid--core-deliverables {
    grid-template-columns: repeat(3, 1fr);
}

.process-grid--core-deliverables .process-grid__item--wide {
    grid-column: span 2;
}

@media (max-width: 1299px) {
    .process-grid--core-deliverables {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--core-deliverables .process-grid__item {
        width: calc(50% - 12px);
    }

    .process-grid--core-deliverables .process-grid__item--wide {
        grid-column: auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .process-grid--core-deliverables {
        gap: 16px;
    }

    .process-grid--core-deliverables .process-grid__item {
        width: 100%;
    }
}

.process-grid--tech-approach {
    grid-template-columns: repeat(6, 1fr);
}

.process-grid--tech-approach .process-grid__item--top-left {
    grid-column: 1/3;
}

.process-grid--tech-approach .process-grid__item--top-center {
    grid-column: 3/5;
}

.process-grid--tech-approach .process-grid__item--top-right {
    grid-column: 5/7;
}

.process-grid--tech-approach .process-grid__item--mid-left {
    grid-column: 1/5;
}

.process-grid--tech-approach .process-grid__item--mid-right {
    grid-column: 5/7;
}

.process-grid--tech-approach .process-grid__item--bot-left {
    grid-column: 1/4;
}

.process-grid--tech-approach .process-grid__item--bot-right {
    grid-column: 4/7;
}

@media (max-width: 1299px) {
    .process-grid--tech-approach {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--tech-approach .process-grid__item {
        width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .process-grid--tech-approach {
        gap: 16px;
    }

    .process-grid--tech-approach .process-grid__item {
        width: 100%;
    }
}

.process-grid--what-you-receive {
    grid-template-columns: repeat(3, 1fr);
}

.process-grid--what-you-receive .process-grid__item--top-left {
    grid-column: 1/2;
}

.process-grid--what-you-receive .process-grid__item--top-center {
    grid-column: 2/3;
}

.process-grid--what-you-receive .process-grid__item--top-right {
    grid-column: 3/4;
}

.process-grid--what-you-receive .process-grid__item--mid-left {
    grid-column: 1/2;
}

.process-grid--what-you-receive .process-grid__item--mid-right {
    grid-column: span 2;
}

.process-grid--what-you-receive .process-grid__item--bot-left {
    grid-column: 1/2;
}

.process-grid--what-you-receive .process-grid__item--bot-center {
    grid-column: 2/3;
}

.process-grid--what-you-receive .process-grid__item--bot-right {
    grid-column: 3/4;
}

@media (max-width: 1299px) {
    .process-grid--what-you-receive {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--what-you-receive .process-grid__item {
        width: calc(50% - 12px);
    }

    .process-grid--what-you-receive .process-grid__item--mid-right {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .process-grid--what-you-receive {
        gap: 16px;
    }

    .process-grid--what-you-receive .process-grid__item {
        width: 100%;
    }
}

.process-grid--problems-this-solves {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(140px, auto);
    gap: 24px;
}

.process-grid--problems-this-solves .process-grid__item--top-left {
    grid-column: 1/2;
    grid-row: 1/3;
}

.process-grid--problems-this-solves .process-grid__item--top-center {
    grid-column: 2/3;
    grid-row: 1/2;
}

.process-grid--problems-this-solves .process-grid__item--top-right {
    grid-column: 3/4;
    grid-row: 1/2;
}

.process-grid--problems-this-solves .process-grid__item--mid-right {
    grid-column: 2/4;
    grid-row: 2/3;
}

.process-grid--problems-this-solves .process-grid__item--mid-center {
    grid-column: 2/3;
    grid-row: 3/4;
}

.process-grid--problems-this-solves .process-grid__item--bot-left {
    grid-column: 1/2;
    grid-row: 3/4;
}

.process-grid--problems-this-solves .process-grid__item--bot-right {
    grid-column: 3/4;
}

@media (max-width: 1299px) {
    .process-grid--problems-this-solves {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--problems-this-solves .process-grid__item {
        width: calc(50% - 12px);
    }

    .process-grid--problems-this-solves .process-grid__item--top-left,
    .process-grid--problems-this-solves .process-grid__item--mid-right {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .process-grid--problems-this-solves {
        gap: 16px;
    }

    .process-grid--problems-this-solves .process-grid__item {
        width: 100% !important;
    }
}

.process-grid--technical-architecture {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

.process-grid--technical-architecture .process-grid__item {
    display: flex;
    flex-direction: column;
}

.process-grid--technical-architecture .process-grid__item.process-grid__item--top-left {
    grid-column: span 4;
    grid-row: 1;
}

.process-grid--technical-architecture .process-grid__item.process-grid__item--top-center {
    grid-column: span 4;
    grid-row: 1;
}

.process-grid--technical-architecture .process-grid__item.process-grid__item--top-right {
    grid-column: span 4;
    grid-row: 1;
}

.process-grid--technical-architecture .process-grid__item.process-grid__item--mid-left {
    grid-column: span 3;
    grid-row: 2;
}

.process-grid--technical-architecture .process-grid__item.process-grid__item--mid-center {
    grid-column: span 3;
    grid-row: 2;
}

.process-grid--technical-architecture .process-grid__item.process-grid__item--bottom-wide {
    grid-column: span 6;
    grid-row: 2;
}

@media (max-width: 1299px) {
    .process-grid--technical-architecture {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--technical-architecture .process-grid__item {
        width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .process-grid--technical-architecture {
        gap: 16px;
    }

    .process-grid--technical-architecture .process-grid__item {
        width: 100%;
    }
}

.process-grid--woocommerce-architecture {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

.process-grid--woocommerce-architecture .process-grid__item {
    display: flex;
    flex-direction: column;
}

.process-grid--woocommerce-architecture .process-grid__item--top-left {
    grid-column: 1/9;
    grid-row: 1;
}

.process-grid--woocommerce-architecture .process-grid__item--top-right {
    grid-column: 9/13;
    grid-row: 1;
}

.process-grid--woocommerce-architecture .process-grid__item--mid-left {
    grid-column: 1/5;
    grid-row: 2/4;
}

.process-grid--woocommerce-architecture .process-grid__item--mid-center {
    grid-column: 5/9;
    grid-row: 2;
}

.process-grid--woocommerce-architecture .process-grid__item--mid-right {
    grid-column: 9/13;
    grid-row: 2;
}

.process-grid--woocommerce-architecture .process-grid__item--bottom-wide {
    grid-column: 5/13;
    grid-row: 3;
}

@media (max-width: 1299px) {
    .process-grid--woocommerce-architecture {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }

    .process-grid--woocommerce-architecture .process-grid__item {
        width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .process-grid--woocommerce-architecture {
        gap: 16px;
    }

    .process-grid--woocommerce-architecture .process-grid__item {
        width: 100%;
    }
}

.process-grid--grid-3 {
    display: block;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.process-grid--grid-3 .process-grid__item {
    margin-bottom: 24px;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

@media screen and (min-width: 992px) {
    .process-grid--grid-3 .process-grid__item.min-484 {
        min-height: 484px;
    }
}

@media (max-width: 1299px) {
    .process-grid--grid-3 {
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 768px) {
    .process-grid--grid-3 {
        -moz-column-count: 1;
        column-count: 1;
    }
}

.process-grid+.notice-message {
    margin: 32px 0 0 0;
    line-height: 32px;
    font-weight: 600;
    font-size: 20px;
}

.process-grid+.notice-message b,
.process-grid+.notice-message strong {
    font-weight: 600;
    color: #D3FB52;
}

.process-grid+.notice-message--white {
    color: #fff;
}

.accordion {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    width: 100%;
}

.accordion:has(.accordion-item--no-shadow) {
    gap: 0;
}

.accordion.gap-8 {
    gap: 8px 0;
}

.accordion.mw-1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.accordion .accordion-item {
    background-color: #fff;
}

.accordion .accordion-item .accordion-title {
    position: relative;
    width: 100%;
    padding: 24px 70px 24px 24px;
    border: 0;
    background: #fff;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}

@media screen and (max-width: 575px) {
    .accordion .accordion-item .accordion-title {
        padding: 20px 60px 20px 12px;
    }
}

.accordion .accordion-item .accordion-title::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 27px;
    height: 27px;
    margin: auto 0;
    background: url("../images/icons/accordion-plus-icon.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.accordion .accordion-item .accordion-title:has(.accordion-title__icon) {
    display: flex;
    align-items: center;
    gap: 0 8px;
}

.accordion .accordion-item .accordion-title:has(.accordion-title__icon) svg path {
    stroke: #4C5E59;
    transition: all 0.3s ease-in-out;
}

.accordion .accordion-item .accordion-title:has(.accordion-title__icon):hover svg path {
    stroke: #A1DE3B;
}

.accordion .accordion-item .accordion-title:has(.accordion-title__icon)+.accordion-content {
    padding-left: 64px;
}

.accordion .accordion-item .accordion-title__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.accordion .accordion-item .accordion-content {
    display: none;
    padding: 0 24px 24px 24px;
}

@media screen and (max-width: 575px) {
    .accordion .accordion-item .accordion-content {
        padding: 0 12px 12px 12px;
    }
}

.accordion .accordion-item .accordion-content h3 {
    margin: 0 0 8px 0;
    line-height: 24px;
    font-size: 18px;
}

.accordion .accordion-item .accordion-content b,
.accordion .accordion-item .accordion-content strong {
    font-weight: 600;
}

.accordion .accordion-item .accordion-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}

.accordion .accordion-item .accordion-content ul li {
    position: relative;
    padding: 0 0 0 28px;
}

.accordion .accordion-item .accordion-content ul li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: #A1DE3B;
    box-shadow: 0px 0px 6px 0px rgba(211, 251, 82, 0.32);
    box-shadow: 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32);
    border-radius: 50%;
}

.accordion .accordion-item:not(.accordion-item--no-shadow) {
    box-shadow: 0px 0px 8px 0px rgba(134, 140, 140, 0.2);
    border-radius: 16px;
}

.accordion .accordion-item:not(.accordion-item--no-shadow) .accordion-title {
    border-radius: 16px;
}

.accordion .accordion-item:not(.accordion-item--no-shadow) .accordion-title::after {
    right: 27px;
}

@media screen and (max-width: 575px) {
    .accordion .accordion-item:not(.accordion-item--no-shadow) .accordion-title::after {
        right: 15px;
    }
}

.accordion .accordion-item--no-shadow {
    border-bottom: 1px solid #E6E6E6;
    box-shadow: none;
}

.accordion .accordion-item--no-shadow .accordion-title {
    padding-left: 0 !important;
}

.accordion .accordion-item--no-shadow .accordion-content {
    padding-left: 0;
    padding-right: 0;
}

.accordion .accordion-item.opened .accordion-title::after {
    background: url("../images/icons/accordion-minus-icon.svg") center center no-repeat;
    transform: rotate(180deg);
}

.accordion .accordion-item.opened .accordion-title:has(.accordion-title__icon) svg path {
    stroke: #A1DE3B;
}

.dark-bg .accordion .accordion-item {
    box-shadow: none;
}

.details-banner {
    position: relative;
    padding: 48px;
    background: #052326 url("../images/details-banner-dark-bg-image.svg") right bottom/cover no-repeat;
    overflow: hidden;
    border-radius: 32px;
}

@media screen and (max-width: 840px) {
    .details-banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 32px 24px 0 24px;
        background: #052326 url("../images/details-banner-dark-bg-image-mobile.svg") left bottom no-repeat;
        text-align: center;
    }

    .details-banner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 210px;
        background: url("../images/details-banner-dark-bg-image-mobile-top.svg") left top no-repeat;
    }
}

.details-banner--light-bg {
    background: #052326 url("../images/details-banner-light-bg-image.svg") right top/cover no-repeat;
}

.details-banner--light-bg::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 140px;
    background: linear-gradient(360deg, #4C5E59 -4.33%, rgba(76, 94, 89, 0) 96.63%);
}

@media screen and (max-width: 840px) {
    .details-banner--light-bg {
        background: #4c5e59 url("../images/details-banner-dark-bg-image-mobile.svg") left bottom no-repeat;
    }
}

.details-banner--light-purple-bg {
    background: #2c0034 url("../images/details-banner-light-purple-bg-image.svg") right top/cover no-repeat;
}

@media screen and (max-width: 840px) {
    .details-banner--light-purple-bg {
        background: #2c0034 url("../images/details-banner-purple-bg-image-mobile.svg") left bottom no-repeat;
    }

    .details-banner--light-purple-bg::before {
        background: url("../images/details-banner-purple-bg-image-mobile-top.svg") left top no-repeat;
    }
}

.details-banner--light-purple-bg .details-banner__stat-value {
    color: #EA3CE8 !important;
}

@media screen and (max-width: 1199px) and (min-width: 841px) {
    .details-banner--light-purple-bg .details-banner__floating-image {
        right: 40px;
    }
}

.details-banner--light-purple-bg .details-banner__floating-image picture {
    padding-top: 30px;
}

@media screen and (max-width: 840px) {
    .details-banner--light-purple-bg .details-banner__floating-image picture {
        padding-top: 48px;
    }
}

.details-banner--woocommerce-environments {
    min-height: 396px;
}

.details-banner--woocommerce-environments .stats-banner__title,
.details-banner--woocommerce-environments .stats-banner__description {
    position: relative;
    max-width: 66%;
    z-index: 1;
}

.details-banner__title,
.details-banner__description {
    position: relative;
    word-break: break-word;
    z-index: 1;
}

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

    .details-banner__title,
    .details-banner__description {
        max-width: 50%;
    }
}

.details-banner__title {
    margin: 0 0 24px 0;
    line-height: 56px;
    font-size: 48px;
    color: #F9FFE6;
    text-transform: capitalize;
}

@media screen and (max-width: 1599px) {
    .details-banner__title {
        font-size: 40px;
        line-height: 48px;
    }
}

@media screen and (max-width: 1499px) {
    .details-banner__title {
        font-size: 32px;
        line-height: 40px;
    }
}

@media screen and (max-width: 991px) {
    .details-banner__title {
        max-width: 80%;
    }
}

@media screen and (max-width: 840px) {
    .details-banner__title {
        max-width: 100%;
        margin-bottom: 14px;
    }
}

.details-banner__description {
    margin: 0;
    color: #F9FFE6;
}

@media screen and (max-width: 840px) {
    .details-banner__description {
        max-width: 100%;
    }
}

.details-banner__description b,
.details-banner__description strong {
    color: #D3FB52;
    font-weight: 600;
}

.details-banner__stats {
    position: relative;
    display: flex;
    margin: 48px 0 0 0;
    z-index: 1;
}

@media screen and (max-width: 1499px) {
    .details-banner__stats {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1199px) {
    .details-banner__stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 50%;
        gap: 14px 20px;
    }
}

@media screen and (max-width: 991px) and (min-width: 840px) {
    .details-banner__stats:has(img) {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 840px) {
    .details-banner__stats {
        width: 60%;
    }

    .details-banner__stats:has(img) {
        display: flex;
        justify-content: center;
        gap: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .details-banner__stats {
        width: 100%;
    }
}

.details-banner__stats .details-banner__stat {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}

@media screen and (max-width: 1599px) {
    .details-banner__stats .details-banner__stat {
        font-size: 18px;
    }
}

@media screen and (max-width: 1499px) {
    .details-banner__stats .details-banner__stat {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .details-banner__stats .details-banner__stat {
        line-height: normal;
        font-size: 12px;
    }
}

@media screen and (max-width: 840px) {
    .details-banner__stats .details-banner__stat {
        justify-content: center;
    }
}

@media screen and (min-width: 1200px) {
    .details-banner__stats .details-banner__stat:not(:last-child)::after {
        content: "";
        width: 1px;
        height: 48px;
        margin: 0 24px;
        background-color: rgba(255, 255, 255, 0.3);
    }

    .details-banner__stats .details-banner__stat:not(:last-child):has(.details-banner__stat-value)::after {
        height: 68px;
    }
}

.details-banner__stats .details-banner__stat-value {
    display: block;
    margin-bottom: 3px;
    line-height: 40px;
    font-size: 32px;
    color: #D3FB52;
}

.details-banner__stats .details-banner__stat-value--plus::before {
    content: "+";
}

@media screen and (max-width: 1599px) {
    .details-banner__stats .details-banner__stat-value {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (max-width: 1499px) {
    .details-banner__stats .details-banner__stat-value {
        font-size: 24px;
        line-height: 32px;
    }
}

@media screen and (max-width: 991px) {
    .details-banner__stats .details-banner__stat-value {
        margin-bottom: 7px;
    }
}

@media screen and (max-width: 1599px) {
    .details-banner__stats .details-banner__stat-value {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (max-width: 1499px) {
    .details-banner__stats .details-banner__stat-value {
        font-size: 24px;
        line-height: 32px;
    }
}

@media screen and (max-width: 991px) {
    .details-banner__stats .details-banner__stat-value {
        margin-bottom: 7px;
    }
}

.details-banner__stats .details-banner__stat:has(img) {
    gap: 0 12px;
    text-align: left;
}

@media screen and (max-width: 840px) {
    .details-banner__stats .details-banner__stat:has(img)>div {
        display: none;
    }
}

.details-banner__stats .details-banner__stat:has(img) .details-banner__stat-value {
    color: #fff;
}

.details-banner__stats .details-banner__stat:has(img) img {
    max-width: 64px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.details-banner__stats:has(.details-banner__stats-heading) {
    flex-wrap: wrap;
}

@media screen and (max-width: 991px) {
    .details-banner__stats:has(.details-banner__stats-heading) {
        grid-template-columns: 1fr;
        font-size: 16px;
    }

    .details-banner__stats:has(.details-banner__stats-heading) .details-banner__stat {
        font-size: 16px;
    }
}

.details-banner__stats:has(.details-banner__stats-heading) .details-banner__stats-heading {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #F9FFE6;
}

@media screen and (min-width: 992px) {
    .details-banner__stats:has(.details-banner__stats-heading) .details-banner__stats-heading {
        margin: 0 0 12px 0;
        padding: 12px 0 0 0;
    }
}

.details-banner__cta {
    position: relative;
    margin-top: 64px;
    z-index: 1;
}

.details-banner__cta .btn {
    position: relative;
    z-index: 1;
}

.details-banner__cta:has(.btn--shopify-partner) {
    position: static;
}

@media screen and (max-width: 840px) {
    .details-banner__cta:has(.btn--shopify-partner) {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-top: 24px;
    }

    .details-banner__cta:has(.btn--shopify-partner) .details-banner__stats {
        display: flex;
        flex-direction: column;
        gap: 12px 0;
        width: 100%;
    }

    .details-banner__cta:has(.btn--shopify-partner) .details-banner__stats .details-banner__stat {
        font-size: 16px;
    }

    .details-banner__cta:has(.btn--shopify-partner) .details-banner__cta-btns-holder {
        position: absolute;
        bottom: 32px;
        left: 24px;
        right: 24px;
    }
}

.details-banner__cta .details-banner__stats {
    position: relative;
    margin: 0;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    .details-banner__cta-btns-holder {
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
    }
}

.details-banner__cta-btns-holder .btn--shopify-partner {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(39px);
    z-index: 1;
}

@media screen and (min-width: 992px) {
    .details-banner__cta-btns-holder .btn--shopify-partner {
        position: absolute;
        top: 48px;
        right: 48px;
    }
}

.details-banner__floating-image {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 0;
}

@media screen and (min-width: 841px) {
    .details-banner__floating-image {
        justify-content: flex-end;
        align-items: flex-end;
        width: 55%;
        position: absolute;
        right: 98px;
        top: 0;
        bottom: 0;
    }
}

.details-banner__floating-image picture {
    display: flex;
}

@media screen and (max-width: 1199px) {
    .details-banner__floating-image picture {
        align-items: flex-end;
        padding-top: 20px;
        height: auto;
    }

    .details-banner__floating-image picture img {
        height: auto !important;
    }
}

@media screen and (min-width: 841px) {
    .details-banner__floating-image picture {
        position: absolute;
        top: 0;
        bottom: 0;
    }
}

.details-banner__floating-image.right-0 {
    right: 0;
}

.details-banner__floating-image.img-h-100 {
    right: 55px;
}

@media screen and (max-width: 991px) {
    .details-banner__floating-image.img-h-100 {
        right: 20px;
    }
}

.details-banner__floating-image.img-h-100 img {
    height: 100%;
    width: auto;
}

.contact-expert-cta {
    display: flex;
    align-items: center;
    margin: 32px 0 0 0;
    font-size: 20px;
}

@media screen and (min-width: 769px) {
    .contact-expert-cta {
        justify-content: space-between;
        gap: 0 50px;
    }
}

@media screen and (max-width: 768px) {
    .contact-expert-cta {
        flex-direction: column;
        gap: 24px 0;
        margin: 24px 0 0 0;
        text-align: center;
    }

    .contact-expert-cta .btn {
        width: 100%;
    }
}

.contact-expert-cta span {
    line-height: 32px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .contact-expert-cta span {
        padding: 0 15px;
    }
}

.pain-point {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    background: linear-gradient(180deg, #052326 0%, #023A3F 100%);
    color: #F9FFE6;
    border-radius: 32px;
}

@media screen and (max-width: 1199px) {
    .pain-point {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    .pain-point {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 64px 20px 0 20px;
        border-radius: 24px 24px 0 0;
    }
}

.pain-point__content {
    width: 49%;
    padding: 64px 0 64px 64px;
}

@media screen and (max-width: 1199px) {
    .pain-point__content {
        width: 100%;
        padding: 64px 48px 0 48px;
    }
}

@media screen and (max-width: 768px) {
    .pain-point__content {
        padding: 0;
    }
}

.pain-point__title {
    margin: 0 0 24px 0;
    line-height: 56px;
    font-size: 48px;
    color: #fff;
}

@media screen and (max-width: 1199px) {
    .pain-point__title {
        line-height: normal;
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .pain-point__title {
        line-height: 40px;
        font-size: 32px;
    }
}

.pain-point__text {
    margin: 0 0 40px 0;
}

@media screen and (max-width: 575px) {
    .pain-point__text {
        font-size: 14px;
    }
}

.pain-point__text p:not(:last-child) {
    margin: 0 0 23px 0;
}

.pain-point__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    padding: 24px 32px;
    background: rgba(255, 255, 255, 0.24);
    border-radius: 12px;
}

@media screen and (max-width: 1199px) {
    .pain-point__stats {
        padding: 14px 24px;
    }
}

.pain-point__stat {
    display: flex;
    align-items: center;
    gap: 0 12px;
}

@media screen and (min-width: 1200px) {
    .pain-point__stat:not(:last-child)::after {
        content: "";
        flex-shrink: 0;
        width: 1px;
        height: 48px;
        margin-left: auto;
        background: #CACFCE;
    }
}

@media screen and (max-width: 1199px) {
    .pain-point__stat {
        justify-content: center;
    }

    .pain-point__stat:not(:last-child) {
        border-right: 1px solid #CACFCE;
    }
}

@media screen and (max-width: 575px) {
    .pain-point__stat {
        padding: 0 10px;
        font-size: 12px;
    }
}

.pain-point__stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
}

.pain-point__stat-icon.spin-animation svg {
    animation: spin-ease 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.pain-point__stat-value {
    font-weight: 500;
    font-size: 20px;
}

@media screen and (max-width: 575px) {
    .pain-point__stat-value {
        font-size: 16px;
    }
}

.pain-point__stat-label {
    font-size: 14px;
}

@media screen and (max-width: 1199px) {
    .pain-point__stat-label {
        line-height: normal;
    }
}

.pain-point__media {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 48px 0 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.pain-point__media picture {
    display: flex;
}

.pain-point__video {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex: 1 1 0;
    padding: 48px 0 0 0;
}

@media screen and (min-width: 1200px) {
    .pain-point__video {
        padding-right: 105px;
    }
}

.pain-point__video::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 600px;
    height: 600px;
    background: url("../images/phone-glow-image.svg") center bottom no-repeat;
    opacity: 0.8;
    background-size: cover;
}

@media screen and (max-width: 1200px) {
    .pain-point__video::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.pain-point__video-holder {
    position: relative;
    width: 360px;
    height: 652px;
    background: url("../images/phone-video-image.svg") center top no-repeat;
    z-index: 1;
}

@media (max-width: 1199px) {
    .pain-point__video-holder {
        height: 516px;
    }
}

.pain-point__video-holder .video-tag {
    position: absolute;
    top: 68px;
    left: 15px;
    right: 15px;
    bottom: 0;
    z-index: 1;
}

.pain-point__video-holder .video-tag img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.media-text:not(:has(.container)) {
    display: flex;
    align-items: center;
    gap: 0 145px;
}

.media-text .container {
    display: flex;
    align-items: center;
    gap: 0 145px;
}

@media screen and (max-width: 1399px) {
    .media-text .container {
        gap: 0 100px;
    }
}

@media screen and (max-width: 1299px) {
    .media-text .container {
        gap: 0 70px;
    }
}

@media screen and (max-width: 991px) {
    .media-text .container {
        flex-direction: column-reverse;
        gap: 32px 0;
    }
}

.media-text__image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 50%;
    flex-shrink: 0;
    border: 1px solid #E6E6E6;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 24px;
}

@media screen and (max-width: 991px) {
    .media-text__image {
        width: 100%;
    }
}

.media-text__image--why-move-top-shopify {
    position: relative;
    justify-content: flex-start;
    overflow: hidden;
}

@keyframes why-list-scroll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(calc(-100% + 700px));
    }
}

.media-text__image--why-move-top-shopify::before,
.media-text__image--why-move-top-shopify::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 191px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.media-text__image--why-move-top-shopify::after {
    top: auto;
    bottom: 0;
    transform: rotate(180deg);
}

.media-text__image--why-move-top-shopify .why-list {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    position: absolute;
    top: -84px;
    left: 0;
    right: 0;
    width: 300px;
    margin: 0 auto;
    animation: why-list-scroll 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate;
    transition: all 0.3s ease-in-out;
}

.media-text__image--why-move-top-shopify .why-list__item {
    padding: 24px;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    color: #4C524B;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.media-text__image--why-move-top-shopify .why-list__item-icon {
    height: 24px;
    margin: 0 0 32px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.media-text__image--why-move-top-shopify .why-list__item-title {
    margin: 0 0 8px 0;
    line-height: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #010708;
}

.media-text__image--why-move-top-shopify .why-list__item .progress-bar {
    display: flex;
    align-items: center;
    gap: 0 7px;
    color: #4C524B;
    font-size: 16px;
    font-weight: 600;
}

.media-text__image--why-move-top-shopify .why-list__item .progress-bar__track {
    position: relative;
    height: 8px;
    flex-grow: 1;
    background-color: #E6E6E6;
    border-radius: 4px;
}

.media-text__image--why-move-top-shopify .why-list__item .progress-bar__track-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 8px;
    background-color: #A1DE3B;
    transition: all 2.5s ease-out;
    border-radius: 4px;
}

.media-text__content {
    flex: 1 1 0;
}

@media screen and (max-width: 991px) {
    .media-text__content {
        width: 100%;
    }

    .media-text__content .accordion .accordion-item--no-shadow:last-child {
        border-bottom: 0;
    }
}

.media-text__content .block-heading-holder,
.media-text__content .section-heading-holder,
.media-text__content .page-heading-holder {
    margin-bottom: 40px;
}

@media screen and (max-width: 991px) {

    .media-text__content .block-heading-holder,
    .media-text__content .section-heading-holder,
    .media-text__content .page-heading-holder {
        margin-bottom: 8px;
    }
}

.case-study {
    border: 1px solid #F5F5F7;
    border-radius: 24px;
}

@media screen and (max-width: 575px) {
    .case-study {
        border-radius: 16px;
    }
}

.case-study__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 48px 48px 24px 48px;
}

@media screen and (max-width: 1199px) {
    .case-study__header {
        padding: 30px;
    }
}

@media screen and (max-width: 575px) {
    .case-study__header {
        padding: 24px;
    }
}

.case-study__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 0 6px;
    height: 28px;
    padding: 0 8px;
    margin: 0 0 16px 0;
    background-color: #4C5E59;
    color: #F9FFE6;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 35px;
}

.case-study__header-badge::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    background-color: #F9FFE6;
    border-radius: 50%;
}

.case-study__header-client,
.case-study__header h2 {
    line-height: 40px;
    font-size: 32px;
    font-weight: 600;
}

.case-study__badge {
    display: inline-flex;
    align-items: center;
    gap: 0 6px;
    height: 28px;
    padding: 0 8px;
    margin: 0 0 16px 0;
    background-color: #4C5E59;
    color: #F9FFE6;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 35px;
}

.case-study__badge::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    background-color: #F9FFE6;
    border-radius: 50%;
}

.case-study__body {
    display: flex;
    gap: 0 24px;
    padding: 48px 48px 0 48px;
    background-color: #F5F5F7;
    border-radius: 24px;
}

@media screen and (max-width: 1199px) {
    .case-study__body {
        padding: 30px 30px 0 30px;
    }
}

@media screen and (max-width: 991px) {
    .case-study__body {
        flex-direction: column;
        gap: 24px 0;
    }
}

@media screen and (max-width: 575px) {
    .case-study__body {
        padding: 24px 24px 0 24px;
        border-radius: 16px;
    }
}

.case-study__body.gap-48 {
    gap: 0 48px;
}

@media screen and (min-width: 992px) {
    .case-study__content {
        width: 58.28%;
        padding-bottom: 75px;
    }
}

.case-study__content-title {
    margin: 0 0 8px 0;
    line-height: 28px;
    font-size: 20px;
}

.case-study__description h3 {
    margin: 0 0 12px 0;
    line-height: 24px;
    font-size: 16px;
}

.case-study__description p {
    margin: 0;
}

.case-study__description p:not(:last-child) {
    margin: 0 0 24px 0;
}

.case-study__tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.case-study__tag {
    display: inline-flex;
    padding: 4px 8px;
    background-color: #fff;
    border: 1px solid #A1DE3B;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border-radius: 8px;
}

.case-study__media {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-grow: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.case-study__video {
    display: flex;
    position: relative;
    flex-grow: 1;
    padding: 8px;
    background-color: #fff;
    border-radius: 32px;
}

@media screen and (max-width: 575px) {
    .case-study__video {
        padding: 4px;
        border-radius: 16px;
    }
}

.case-study__video img,
.case-study__video video,
.case-study__video iframe {
    border-radius: 24px;
}

@media screen and (max-width: 575px) {

    .case-study__video img,
    .case-study__video video,
    .case-study__video iframe {
        border-radius: 12px;
    }
}

.case-study__video iframe,
.case-study__video video {
    width: 100%;
    height: auto;
}

.case-study__video img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.case-study__video .video-btn.btn {
    display: flex;
    align-items: center;
    gap: 0 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 20px !important;
    height: 48px !important;
    transform: translate(-50%, -50%);
}

.case-study__video .video-btn.btn::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/icons/play-icon.svg") center center no-repeat;
}

.case-study:not(:has(.case-study__header)) h2 {
    margin-bottom: 32px;
    line-height: 40px;
    font-size: 32px;
    font-weight: 600;
}

.case-study:not(:has(.case-study__header)) .case-study__body {
    padding-bottom: 48px;
}

@media screen and (max-width: 1199px) {
    .case-study:has(.case-study__video) .case-study__body {
        flex-direction: column;
        gap: 32px 0;
    }
}

.case-study:has(.case-study__video) .case-study__body .case-study__content {
    width: 44%;
}

@media screen and (max-width: 1199px) {
    .case-study:has(.case-study__video) .case-study__body .case-study__content {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .case-study:has(.case-study__video) .case-study__body {
        padding-bottom: 32px;
    }
}

.media-grid {
    display: grid;
    margin-top: 64px;
}

.media-grid.grid-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

@media screen and (max-width: 768px) {
    .media-grid.grid-2 {
        grid-template-columns: 1fr;
        gap: 16px 0;
    }
}

.media-card {
    padding: 32px;
    background: linear-gradient(90deg, rgba(2, 58, 63, 0.7) 0%, rgba(2, 58, 63, 0.21) 100%);
    border: 1px solid rgba(202, 207, 206, 0.3);
    color: #fff;
    border-radius: 16px;
}

@media screen and (max-width: 575px) {
    .media-card {
        padding: 24px;
    }
}

.media-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 32px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

@media screen and (min-width: 1300px) {
    .media-card__image {
        height: 370px;
    }
}

@media screen and (max-width: 1299px) {
    .media-card__image {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .media-card__image {
        height: 180px;
    }
}

@media screen and (max-width: 575px) {
    .media-card__content {
        font-size: 14px;
    }
}

.media-card__title {
    margin: 0 0 12px 0;
    line-height: 40px;
    font-size: 32px;
    color: #fff;
}

@media screen and (max-width: 1199px) {
    .media-card__title {
        font-size: 24px;
        line-height: 32px;
    }
}

.media-card__description {
    margin: 0 0 12px 0;
}

.media-card__list {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
}

@media screen and (min-width: 576px) {
    .media-card__list {
        font-size: 16px;
    }
}

.media-card__list li {
    position: relative;
    padding: 0 0 0 28px;
}

.media-card__list li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: #A1DE3B;
    box-shadow: 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32);
    border-radius: 50%;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media screen and (max-width: 991px) {
    .pricing-grid {
        grid-template-columns: 1fr;
        gap: 16px 0;
    }
}

.pricing-card {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background: linear-gradient(90deg, rgba(2, 58, 63, 0.7) 0%, rgba(2, 58, 63, 0.21) 100%);
    border: 1px solid rgba(202, 207, 206, 0.3);
    color: #fff;
    border-radius: 16px;
}

@media screen and (max-width: 1199px) {
    .pricing-card {
        padding: 24px;
    }
}

.pricing-card--featured {
    position: relative;
    padding-top: 64px;
    background: linear-gradient(90deg, #023A3F 0%, rgba(2, 58, 63, 0.3) 100%);
    border-color: #D3FB52;
}

@media screen and (min-width: 992px) {
    .pricing-card--featured {
        top: -16px;
        height: calc(100% + 32px);
    }
}

.pricing-card__badge {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    line-height: 32px;
    background-color: #D3FB52;
    font-weight: 600;
    font-size: 12px;
    color: #010708;
    text-align: center;
    border-radius: 16px 16px 0 0;
}

.pricing-card__header {
    padding: 0 0 24px 0;
    margin: 0 0 24px 0;
    border-bottom: 1px solid rgba(202, 207, 206, 0.3);
}

.pricing-card__title {
    display: block;
    margin: 0 0 16px 0;
    font-weight: 600;
    font-size: 20px;
    color: #F9FFE6;
}

.pricing-card__price {
    margin: 0 0 12px 0;
    line-height: 40px;
    font-weight: 600;
    font-size: 32px;
}

@media screen and (max-width: 1199px) {
    .pricing-card__price {
        line-height: 32px;
        font-size: 24px;
    }
}

.pricing-card__price-period {
    font-size: 16px;
    font-weight: 400;
    color: #F9FFE6;
}

@media screen and (max-width: 1199px) {
    .pricing-card__price-period {
        font-size: 14px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pricing-card__price-period {
        display: block;
    }
}

.pricing-card__features {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    margin-bottom: 24px;
    font-size: 16px;
}

.pricing-card__features li {
    position: relative;
    padding: 0 0 0 28px;
}

.pricing-card__features li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: #A1DE3B;
    box-shadow: 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32);
    border-radius: 50%;
}

.pricing-card__footer {
    margin-top: auto;
    text-align: center;
}

.pricing-card__footer .btn {
    height: auto;
    min-height: 56px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 12px;
    white-space: wrap;
}

@media screen and (max-width: 991px) {
    .pricing-card__footer .btn {
        margin-bottom: 0;
    }
}

.pricing-card__footer-note {
    font-weight: 600;
    color: #F9FFE6;
}

@media screen and (max-width: 1199px) {
    .pricing-card__footer-note {
        font-size: 14px;
    }
}

.platforms-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

@media screen and (max-width: 991px) {
    .platforms-grid {
        grid-template-columns: auto;
        gap: 16px 0;
    }
}

.platform-card {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid #E6E6E6;
    overflow: hidden;
    border-radius: 8px;
}

.platform-card--dark {
    background: #023A3F url("../images/process-card--dark-green-blur.png") top right no-repeat;
    color: #fff;
}

.platform-card--dark .platform-card__title {
    color: #fff;
}

.platform-card__logos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
    .platform-card__logos {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 575px) {
    .platform-card__logos {
        grid-template-columns: 1fr;
        gap: 12px 0;
    }
}

.platform-card__logos-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    padding: 10px;
    box-shadow: 0px 0px 4px 0px rgba(134, 140, 140, 0.2);
    border-radius: 8px;
}

.platform-card__title {
    margin: 0 0 12px 0;
}

.platform-card__title.fz-32 {
    font-size: 32px;
}

@media screen and (max-width: 768px) {
    .platform-card__title.fz-32 {
        font-size: 24px;
    }
}

.platform-card__tags {
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.platform-card__tags.mt-auto {
    margin-bottom: 0;
}

@media screen and (min-width: 992px) {
    .platform-card__tags.mt-auto {
        margin-top: auto;
    }
}

@media screen and (max-width: 991px) {
    .platform-card__tags.mt-auto {
        margin-top: 58px;
    }
}

.platform-card__tags--row {
    display: flex;
    gap: 4px;
    flex-wrap: nowrap;
    animation: tagsScroll 15s linear infinite;
}

.platform-card__tags--row:not(:first-child) {
    margin-top: 4px;
}

.platform-card__tags--row:nth-child(2) {
    animation-direction: reverse;
}

.platform-card__tags--row:hover {
    animation-play-state: paused;
}

.platform-card__tag {
    padding: 8px 12px;
    border: 1px solid rgba(202, 207, 206, 0.3);
    background: linear-gradient(90deg, #023A3F 0%, rgba(2, 58, 63, 0.3) 100%);
    line-height: 32px;
    font-size: 24px;
    white-space: nowrap;
    backdrop-filter: blur(12px);
    border-radius: 8px;
}

@keyframes tagsScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.brands-static-logos {
    display: grid;
}

.brands-static-logos.grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media screen and (max-width: 1299px) {
    .brands-static-logos.grid-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px 20px;
    }
}

@media screen and (max-width: 991px) {
    .brands-static-logos.grid-6 {
        display: flex;
        flex-wrap: nowrap;
        width: calc(100% + 60px);
        padding: 0 30px;
        margin-left: -30px;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .brands-static-logos.grid-6::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .brands-static-logos.grid-6 {
        width: calc(100% + 40px);
        padding: 0 20px;
        margin-left: -20px;
    }
}

.brands-static-logos__logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .brands-static-logos__logo {
        flex-shrink: 0;
        width: 220px;
    }
}

.service-list {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
}

.service-list__item {
    display: flex;
    align-items: flex-start;
    gap: 0 16px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 0px 8px 0px rgba(134, 140, 140, 0.2);
    border-radius: 16px;
}

.service-list__icon {
    position: relative;
    top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background-color: #D3FB52;
    border-radius: 8px;
}

.service-list__details {
    line-height: normal;
    font-weight: 600;
    color: #4C524B;
}

.service-list__title {
    margin: 0 0 4px 0;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    color: #010708;
}

.downloads-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media screen and (max-width: 991px) {
    .downloads-grid {
        gap: 16px;
    }
}

@media screen and (max-width: 880px) {
    .downloads-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 575px) {
    .downloads-grid {
        grid-template-columns: 1fr;
    }
}

.download-item {
    display: flex;
    flex-direction: column;
    border: 1px solid #E6E6E6;
    border-radius: 24px;
}

@media screen and (max-width: 880px) {
    .download-item:last-child {
        grid-column: 1/-1;
    }
}

.download-item__image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-item__details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 24px;
    text-align: center;
}

.download-item__title {
    margin: 0 0 24px 0;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
}

.download-item .btn span {
    display: flex;
    align-items: center;
    gap: 0 16px;
}

.download-item .btn span::after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../images/icons/download-icon.svg") center center no-repeat;
}

.webinar-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(230, 230, 230, 0.3);
    border-radius: 24px;
}

.webinar-item__image {
    display: flex;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
}

.webinar-item__image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 24px 24px 0 0;
    transition: transform 0.3s ease;
}

.webinar-item__image:hover img {
    transform: scale(1.05) rotate(2deg);
}

.webinar-item__details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 24px;
    background-color: #fff;
    border-radius: 0 0 24px 24px;
}

.webinar-item__title {
    margin: 0 0 12px 0;
    line-height: 28px;
    font-size: 20px;
}

.webinar-item__author {
    line-height: 20px;
    font-size: 14px;
    color: #4C524B;
}

.webinar-item__author-name {
    line-height: 26px;
    font-weight: 600;
    font-size: 18px;
    color: #010708;
}

@media screen and (max-width: 991px) {
    .webinar-swiper .swiper {
        width: calc(100% + 60px);
        padding: 0 30px;
        margin-left: -30px;
    }
}

@media screen and (max-width: 768px) {
    .webinar-swiper .swiper {
        width: calc(100% + 40px);
        padding: 0 20px;
        margin-left: -20px;
    }
}

.webinar-swiper .swiper .swiper-slide {
    min-height: 100%;
    height: auto;
}

.members-grid {
    display: grid;
}

.members-grid.grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 48px 24px;
}

@media screen and (max-width: 1199px) {
    .members-grid.grid-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .members-grid.grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.members-grid .member-item__photo {
    position: relative;
    display: flex;
    margin: 0 0 16px 0;
    overflow: hidden;
    border-radius: 16px;
}

.members-grid .member-item__photo img {
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
    border-radius: 16px;
}

.members-grid .member-item__photo .member-item__schedule-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -50%;
    left: 0;
    right: 0;
    gap: 0 15px;
    padding: 24px;
    background: linear-gradient(180deg, rgba(1, 7, 8, 0) 0%, #010708 100%);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.members-grid .member-item__photo .member-item__schedule-cta .whatsapp-link {
    display: inline-flex;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: url("../images/whatsapp-icon.svg") center center no-repeat;
}

.members-grid .member-item__photo .member-item__schedule-cta .whatsapp-link:hover {
    transform: scale(1.08);
}

@media screen and (max-width: 991px) {
    .members-grid .member-item__photo .member-item__schedule-cta {
        justify-content: flex-end;
        padding: 12px;
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }

    .members-grid .member-item__photo .member-item__schedule-cta span {
        display: none;
    }
}

.members-grid .member-item__details {
    display: flex;
    flex-direction: column;
    gap: 7px 0;
    font-size: 14px;
    color: #4C524B;
}

@media screen and (max-width: 991px) {
    .members-grid .member-item__details {
        gap: 3px 0;
    }
}

.members-grid .member-item__details .member-item__name {
    line-height: normal;
    font-size: 18px;
    font-weight: 600;
    color: #010708;
}

.members-grid .member-item:hover .member-item__photo img {
    filter: grayscale(0%);
}

@media screen and (min-width: 992px) {
    .members-grid .member-item:hover .member-item__photo .member-item__schedule-cta {
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }
}

.members-grid__why {
    display: flex;
    gap: 0 24px;
    grid-column: span 4;
    font-size: 18px;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    .members-grid__why {
        grid-column: span 3;
    }
}

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

.members-grid__why-title {
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
}

.members-grid__why .list-holder {
    flex: 1;
    overflow: hidden;
}

.members-grid__why ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    animation: tagsScroll 15s linear infinite;
    overflow: hidden;
}

.members-grid__why ul:hover {
    animation-play-state: paused;
}

.members-grid__why ul li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.members-grid__why ul li:not(:last-child)::after {
    content: "";
    width: 6px;
    height: 6px;
    margin: 0 24px;
    background-color: #A1DE3B;
    border-radius: 50%;
}

@keyframes tagsScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.team-photo {
    max-width: 1200px;
    margin: 0 auto 138px;
}

@media screen and (max-width: 1199px) {
    .team-photo {
        margin-bottom: 64px;
    }
}

.team-photo__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 95px;
    margin-bottom: 64px;
}

@media screen and (max-width: 991px) {
    .team-photo__logos {
        width: calc(100% + 60px);
        padding: 0 30px;
        margin-left: -30px;
        justify-content: flex-start;
        overflow: auto;
    }

    .team-photo__logos::-webkit-scrollbar {
        display: none;
    }

    .team-photo__logos {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

@media screen and (max-width: 991px) {
    .team-photo__logos-item {
        flex-shrink: 0;
    }
}

@media screen and (max-width: 991px) {
    .team-photo__logos {
        margin-bottom: 48px;
    }
}

.team-photo__logos img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.team-photo__photo {
    display: flex;
    padding: 8px;
    background-color: #E6E6E6;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 32px;
}

@media screen and (max-width: 575px) {
    .team-photo__photo {
        padding: 4px;
        border-radius: 12px;
    }
}

.team-photo__photo img {
    border-radius: 24px;
}

@media screen and (max-width: 575px) {
    .team-photo__photo img {
        border-radius: 10px;
    }
}

.case-studies-list {
    display: flex;
    flex-direction: column;
    gap: 48px 0;
}

@media screen and (max-width: 768px) {
    .case-studies-list {
        gap: 32px 0;
        margin-bottom: 64px;
    }
}

.case-study-list-item {
    display: flex;
    gap: 0;
    border-radius: 32px;
}

@media screen and (max-width: 768px) {
    .case-study-list-item {
        flex-direction: column;
        gap: 0;
        border-radius: 24px;
        border: 1px solid #E6E6E6;
    }
}

.case-study-list-item__image {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

@media screen and (min-width: 769px) {
    .case-study-list-item__image {
        flex-shrink: 0;
        width: 40.7%;
    }
}

.case-study-list-item__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 32px 0 0 32px;
}

@media screen and (max-width: 768px) {
    .case-study-list-item__image img {
        border-radius: 24px 24px 0 0;
    }
}

.case-study-list-item__header {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin: 0 0 32px 0;
}

@media screen and (max-width: 991px) {
    .case-study-list-item__header {
        margin-bottom: 24px;
    }
}

.case-study-list-item__content {
    flex-grow: 1;
    padding: 64px 48px;
    border-radius: 0 32px 32px 0;
}

@media screen and (max-width: 1299px) {
    .case-study-list-item__content {
        padding: 48px;
    }
}

@media screen and (max-width: 1199px) {
    .case-study-list-item__content {
        width: 100%;
        padding: 32px;
    }
}

@media screen and (min-width: 769px) {
    .case-study-list-item__content {
        border: 1px solid #E6E6E6;
        border-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .case-study-list-item__content {
        padding: 24px;
    }
}

.case-study-list-item__tech-label {
    font-weight: 600;
}

.case-study-list-item__tech-icons {
    gap: 4px;
}

.case-study-list-item__tech-icons li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #4C524B;
    border-radius: 3px;
}

.case-study-list-item__title {
    margin: 0 0 32px 0;
    line-height: 56px;
    font-size: 48px;
}

@media screen and (max-width: 1299px) {
    .case-study-list-item__title {
        line-height: 40px;
        font-size: 32px;
    }
}

@media screen and (max-width: 991px) {
    .case-study-list-item__title {
        margin-bottom: 24px;
    }
}

.case-study-list-item__view-link {
    display: flex;
    align-items: center;
    gap: 0 12px;
    font-weight: 600;
}

.case-study-list-item__view-link::after {
    content: "";
    width: 18px;
    height: 14px;
    background: url("../images/view-case-study-arrow.svg") center center no-repeat;
}

.case-study-list-item .review-item {
    height: auto;
    margin: 53px 0 20px 0;
    background: none;
    color: #000;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 24px;
}

@media screen and (max-width: 1299px) {
    .case-study-list-item .review-item {
        margin-top: 24px;
        padding: 24px;
    }
}

.case-study-list-item .review-item__author-name {
    color: #010708 !important;
}

.case-study-list-item .review-item__author-info {
    color: #4C524B;
}

.case-study-list-item .review-item__avatar {
    border: 2px solid #E6E6E6;
}

@media screen and (max-width: 575px) {
    .case-study-list-item .review-item__stars .review-item__star:not(:first-child) {
        display: none;
    }
}

.case-study-list-item .review-item__body {
    margin: 0;
}

@media screen and (max-width: 991px) {
    .case-study-list-item .review-item__body {
        line-height: 24px;
        font-size: 16px;
    }
}

.case-study-list-item__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 20px;
}

@media screen and (max-width: 890px) {
    .case-study-list-item__stats {
        gap: 16px 0;
    }
}

@media screen and (max-width: 890px) and (min-width: 769px) {
    .case-study-list-item__stats {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 575px) {
    .case-study-list-item__stats {
        grid-template-columns: 1fr;
        gap: 16px 0;
    }
}

.case-study-list-item__stats-item {
    display: flex;
    flex-direction: column;
}

.case-study-list-item__stats-value {
    margin-bottom: 3px;
    line-height: 40px;
    font-size: 32px;
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .case-study-list-item__stats-value {
        line-height: 32px;
        font-size: 24px;
    }
}

@media screen and (min-width: 992px) {
    .case-study-list-item__stats-label {
        font-size: 18px;
    }
}

.case-study-list-item__stats-description {
    font-size: 14px;
    color: #4C524B;
}

.case-study-list-item:nth-child(even) .review-item__avatar {
    border: 2px solid #010708;
}

.toolbar {
    margin: 64px 0 48px 0;
}

@media screen and (max-width: 1199px) {
    .toolbar {
        flex-direction: column;
        gap: 12px 0;
    }
}

.toolbar__selects {
    gap: 0 12px;
}

@media screen and (max-width: 1199px) {
    .toolbar__selects {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .toolbar__selects {
        flex-direction: column;
        gap: 12px 0;
    }
}

@media screen and (min-width: 1300px) {
    .toolbar__selects .select2-container {
        min-width: 224px;
    }
}

.toolbar__selects .select2-container .selection {
    height: 56px;
}

.toolbar__selects .select2-container .selection .select2-selection {
    padding-left: 24px;
    border-color: #E6E6E6;
    border-radius: 35px;
}

.toolbar__selects .select2-container .selection .select2-selection__placeholder {
    color: #4C524B;
}

.toolbar__selects .select2-container--open .select2-selection {
    border-radius: 8px 8px 0 0 !important;
}

.toolbar .search,
.toolbar form {
    display: flex;
    gap: 0 20px;
    border: 1px solid #E6E6E6;
    border-radius: 30px;
}

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

    .toolbar .search,
    .toolbar form {
        min-width: 405px;
    }
}

@media screen and (max-width: 1299px) {

    .toolbar .search,
    .toolbar form {
        min-width: 370px;
    }
}

@media screen and (max-width: 1199px) {

    .toolbar .search,
    .toolbar form {
        width: 100%;
    }
}

.toolbar .search input[type=search],
.toolbar .search input[type=text],
.toolbar form input[type=search],
.toolbar form input[type=text] {
    flex-grow: 1;
    height: 54px;
    border: 0;
    border-radius: 0;
    padding: 0 0 0 24px;
    border-radius: 30px 0 0 30px;
}

.toolbar .search input[type=search]::-webkit-input-placeholder,
.toolbar .search input[type=text]::-webkit-input-placeholder,
.toolbar form input[type=search]::-webkit-input-placeholder,
.toolbar form input[type=text]::-webkit-input-placeholder {
    color: #4C524B;
}

.toolbar .search input[type=search]::-moz-placeholder,
.toolbar .search input[type=text]::-moz-placeholder,
.toolbar form input[type=search]::-moz-placeholder,
.toolbar form input[type=text]::-moz-placeholder {
    color: #4C524B;
}

.toolbar .search input[type=search]:-ms-input-placeholder,
.toolbar .search input[type=text]:-ms-input-placeholder,
.toolbar form input[type=search]:-ms-input-placeholder,
.toolbar form input[type=text]:-ms-input-placeholder {
    color: #4C524B;
}

.toolbar .search input[type=search]:-moz-placeholder,
.toolbar .search input[type=text]:-moz-placeholder,
.toolbar form input[type=search]:-moz-placeholder,
.toolbar form input[type=text]:-moz-placeholder {
    color: #4C524B;
}

.toolbar .search button[type=submit],
.toolbar form button[type=submit] {
    flex-shrink: 0;
    width: 70px;
    height: 54px;
    padding: 0;
    border: 0;
    background: url("../images/icons/search-icon.svg") center center no-repeat;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.toolbar .search button[type=submit]:hover,
.toolbar form button[type=submit]:hover {
    opacity: 0.85;
}

.highlights-line {
    display: flex;
    gap: 0 48px;
    margin: 32px 0 0 0;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .highlights-line {
        flex-direction: column;
        gap: 24px 0;
    }
}

.highlights-line__rating-holder {
    position: relative;
    flex-shrink: 0;
    gap: 0 12px;
    background-color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;
}

.highlights-line__rating {
    display: flex;
    align-items: center;
    gap: 0 4px;
}

.highlights-line__rating-score {
    font-weight: 500;
    font-size: 12px;
    text-transform: none;
}

.highlights-line__stars {
    display: flex;
    align-items: center;
    gap: 0 2px;
}

.highlights-line__star {
    width: 14px;
    height: 14px;
}

@media screen and (max-width: 575px) {
    .highlights-line__star:not(:first-child) {
        display: none;
    }
}

.highlights-line__star--filled {
    background: url("../images/icons/star-filled.svg") center center no-repeat;
}

@media screen and (min-width: 769px) {
    .highlights-line__swiper {
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    .highlights-line__swiper {
        width: calc(100% + 40px);
        padding: 0;
        margin-left: -20px;
    }
}

@keyframes ticker-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-100%, 0, 0);
    }
}

.highlights-line__swiper-holder {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 48px;
    animation-name: ticker-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
    transition-property: none;
}

@media screen and (min-width: 992px) {
    .highlights-line__swiper-holder {
        animation-duration: 50s;
    }
}

@media screen and (max-width: 991px) {
    .highlights-line__swiper-holder {
        animation-duration: 30s;
    }
}

@media screen and (max-width: 768px) {
    .highlights-line__swiper-holder {
        animation-duration: 20s;
    }
}

.highlights-line__swiper-holder:hover {
    animation-play-state: paused;
}

.highlights-line__swiper-item span {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    white-space: nowrap;
}

.highlights-line__swiper-item span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 18px;
    background-color: var(--global-color);
    -webkit-mask-image: url("../images/icons/highlights-line-swiper-arrow.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("../images/icons/highlights-line-swiper-arrow.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    transform: translateY(-50%);
}



/* Pages */
.single-blog {
    position: relative;
    max-width: 1200px;
    margin: -100px auto 0;
}

@media screen and (max-width: 575px) {
    .single-blog {
        margin-top: -65px;
    }
}

.single-blog .post .entry-header {
    margin-bottom: 48px;
}

@media screen and (max-width: 991px) {
    .single-blog .post .entry-header {
        margin-bottom: 32px;
    }
}

.single-blog .post .featured-image {
    display: flex;
    padding: 8px;
    background-color: #E6E6E6;
    border-radius: 32px;
}

@media screen and (max-width: 575px) {
    .single-blog .post .featured-image {
        padding: 4px;
        border-radius: 12px;
    }
}

.single-blog .post .featured-image img {
    width: 100%;
    height: auto;
    border-radius: 24px;
}

@media screen and (max-width: 575px) {
    .single-blog .post .featured-image img {
        border-radius: 10px;
    }
}

.single-blog .post .entry-content {
    padding: 0 122px;
    line-height: 26px;
    font-size: 18px;
}

@media screen and (max-width: 1199px) {
    .single-blog .post .entry-content {
        padding: 0 50px;
    }
}

@media screen and (max-width: 991px) {
    .single-blog .post .entry-content {
        padding: 0;
    }
}

.single-blog .post .entry-content p:not(:last-child) {
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
    .single-blog .post .entry-content p:not(:last-child) {
        margin-bottom: 22px;
    }
}

.single-blog .post .entry-content h2 {
    margin: 0 0 24px 0;
    line-height: 40px;
    font-size: 32px;
    text-transform: capitalize;
}

@media screen and (max-width: 768px) {
    .single-blog .post .entry-content h2 {
        margin: 0 0 12px 0;
        line-height: 32px;
        font-size: 24px;
    }
}

.single-blog .post .entry-content h3 {
    margin: 0 0 12px 0;
    line-height: 26px;
    font-size: 18px;
    text-transform: capitalize;
}

.single-blog .post .entry-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    margin: 0 0 64px 0;
}

@media screen and (max-width: 768px) {
    .single-blog .post .entry-content ul {
        margin: 0 0 48px 0;
    }
}

.single-blog .post .entry-content ul li {
    position: relative;
    padding: 0 0 0 28px;
}

.single-blog .post .entry-content ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 6px;
    height: 6px;
    background-color: #A1DE3B;
    transform: translateY(-50%);
    box-shadow: 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32), 0px 0px 6px 0px rgba(211, 251, 82, 0.32);
    border-radius: 50%;
}

.single-blog .post .entry-content a {
    font-weight: 600;
    text-decoration: underline;
}

.single-blog .post .entry-content a:hover {
    text-decoration: none;
}

@media screen and (min-width: 992px) {
    .single-blog .post .entry-content .wp-block-image {
        margin: 0 24px 24px 0;
    }
}

@media screen and (max-width: 991px) {
    .single-blog .post .entry-content .wp-block-image {
        display: flex;
        justify-content: center;
        margin: 0 0 12px 0;
    }
}

@media screen and (min-width: 992px) {
    .single-blog .post .entry-content .wp-block-image.alignleft {
        float: left;
    }
}

.single-blog .post footer {
    padding: 0 122px;
}

@media screen and (max-width: 1199px) {
    .single-blog .post footer {
        padding: 0 50px;
    }
}

@media screen and (max-width: 991px) {
    .single-blog .post footer {
        padding: 0;
    }
}

.single-blog .post .post-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    margin: 64px 0 0 0;
    padding: 32px;
    border: 1px solid #E6E6E6;
    border-radius: 32px;
}

@media screen and (max-width: 768px) {
    .single-blog .post .post-nav {
        padding: 24px;
        margin-top: 48px;
    }
}

.single-blog .post .post-nav__item {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    font-weight: 600;
}

.single-blog .post .post-nav__item--prev .post-nav__direction::before {
    content: "";
    width: 18px;
    height: 14px;
    background: url("../images/icons/post-nav-arrow.svg") left center no-repeat;
    transition: all 0.3s ease-in-out;
}

.single-blog .post .post-nav__item--next {
    align-items: flex-end;
    text-align: right;
}

.single-blog .post .post-nav__item--next .post-nav__direction::after {
    content: "";
    width: 18px;
    height: 14px;
    background: url("../images/icons/post-nav-arrow.svg") left center no-repeat;
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
}

.single-blog .post .post-nav__item:hover.post-nav__item--prev .post-nav__direction::before {
    transform: translateX(-5px);
}

.single-blog .post .post-nav__item:hover.post-nav__item--next .post-nav__direction::after {
    transform: rotate(180deg) translateX(-5px);
}

.single-blog .post .post-nav__direction {
    display: flex;
    align-items: center;
    gap: 0 15px;
    transition: all 0.3s ease-in-out;
}

.single-blog .post .post-nav__title {
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .single-blog .post .post-nav__title {
        display: none;
    }
}

.single-blog__cta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 50px;
    padding: 32px 48px;
    margin: 0 0 64px 0;
    background-color: #EDEAE2;
    border-radius: 32px;
}

@media screen and (min-width: 769px) {
    .single-blog__cta {
        justify-content: space-between;
    }
}

@media screen and (max-width: 768px) {
    .single-blog__cta {
        flex-direction: column;
        align-items: center;
        gap: 24px 0;
        text-align: center;
    }
}

.single-blog__cta-content {
    flex: 1;
}

.single-blog__cta-title {
    margin: 0 0 12px 0;
    line-height: 40px;
    font-size: 32px;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .single-blog__cta-title {
        line-height: 32px;
        font-size: 24px;
    }
}

@media screen and (min-width: 769px) {
    .single-blog__cta-title {
        padding-right: 20px;
    }
}

.single-blog__cta-text {
    margin: 0;
    padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 991px) {
    .single-blog__cta-text {
        line-height: 24px;
        font-size: 16px;
    }
}

.single-blog__cta-note {
    margin: 24px 0 0 0;
}

.single-blog__cta-note strong {
    font-weight: 600;
}

.single-blog__cta-floating-image {
    position: absolute;
    right: 65px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.single-blog__cta-button {
    position: relative;
    flex-shrink: 0;
    text-decoration: none !important;
    z-index: 1;
}

.single-blog__cta-button--white {
    background-color: #fff !important;
}

.single-blog__cta--orange {
    background-color: #F3AA4E;
}

.single-blog__cta--orange .single-case-study__cta-text {
    color: rgba(0, 0, 0, 0.7);
}

.single-blog__cta--black {
    background-color: #010708 !important;
}

.single-blog__cta--black .single-case-study__cta-title {
    color: #fff;
}

.single-blog__cta--black .single-case-study__cta-text {
    color: rgba(255, 255, 255, 0.7);
}

.single-blog__cta--grey {
    background-color: #FAFAFA !important;
}

.single-blog__cta--dark-green {
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 769px) {
    .single-blog__cta--dark-green {
        background: #4C5E59 url("../images/single-blog__cta single-blog__cta--dark-green-right-bg.svg") right center no-repeat;
    }
}

@media screen and (min-width: 769px) {
    .single-blog__cta--dark-green::before {
        content: "";
        position: absolute;
        top: -50px;
        left: 0;
        bottom: -50px;
        width: 50%;
        background: url("../images/single-blog__cta single-blog__cta--dark-green-left-bg.svg") left center no-repeat;
    }
}

@media screen and (max-width: 768px) {
    .single-blog__cta--dark-green {
        background: #4C5E59 url("../images/single-blog__cta single-blog__cta--dark-green-right-bg-mobile.svg") center bottom no-repeat;
    }
}

.single-blog__cta--dark-green .single-blog__cta-content {
    position: relative;
    z-index: 1;
}

.single-blog__cta--search-bar {
    background-image: url("../images/single-blog-cta-search-bar-bg.png");
    background-repeat: no-repeat;
    background-position: right center;
}

@media screen and (max-width: 768px) {
    .single-blog__cta--search-bar {
        background-size: cover;
    }
}

.single-blog .faq {
    padding: 0 122px;
}

@media screen and (max-width: 1199px) {
    .single-blog .faq {
        padding: 0 50px;
    }
}

@media screen and (max-width: 991px) {
    .single-blog .faq {
        padding: 0;
        margin-top: 64px;
    }
}

.single-case-study {
    overflow: hidden;
}

@media screen and (min-width: 992px) {
    .single-case-study {
        margin-bottom: 128px;
        padding: 128px 0 0 0;
    }
}

@media screen and (max-width: 991px) {
    .single-case-study {
        margin-bottom: 64px;
        padding: 64px 0 0 0;
    }
}

.mainSingleStudy .container {
    display: flex;
    flex-direction: column;
    gap: 128px 0;
    max-width: 982px;
}

@media screen and (max-width: 991px) {
    .single-case-study .container {
        gap: 64px 0;
    }
}

.single-case-study__block-title {
    margin: 0 0 24px 0;
    line-height: 56px;
    font-size: 48px;
}

@media screen and (max-width: 991px) {
    .single-case-study__block-title {
        line-height: 40px;
        font-size: 32px;
    }
}

.single-case-study__block-title+p {
    margin: 0 0 48px 0;
    line-height: 26px;
    font-size: 18px;
}

.single-case-study__intro-logo {
    margin: 0 0 32px 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.single-case-study__intro-image {
    position: relative;
    display: flex;
    padding: 8px;
    margin: 0 0 48px 0;
    background-color: #E6E6E6;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 32px;
}

@media screen and (max-width: 991px) {
    .single-case-study__intro-image {
        margin-right: 40px;
        padding: 3px;
        border-radius: 12px;
    }
}

.single-case-study__intro-image img {
    border-radius: 24px;
}

@media screen and (max-width: 991px) {
    .single-case-study__intro-image img {
        border-radius: 8px;
    }
}

.single-case-study__intro-floating-image {
    position: absolute;
    right: -130px;
    bottom: -72px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    .single-case-study__intro-floating-image {
        right: -40px;
        bottom: -30px;
        max-width: 140px;
    }
}

.single-case-study__services-title {
    margin: 0 0 24px 0;
    font-size: 16px;
    font-weight: 600;
}

.single-case-study__services-columns {
    display: flex;
    max-width: 944px;
}

.single-case-study__services-list {
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
}

.single-case-study__services-item {
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 1.4;
}

.single-case-study__services-item::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--global-color);
}

@media screen and (max-width: 768px) {
    .single-case-study__services-columns {
        display: block;
        max-width: 100%;
    }

    .single-case-study__services-list+.single-case-study__services-list {
        margin-top: 0;
    }

    .single-case-study__services-item {
        font-size: 18px;
        line-height: 1.45;
    }
}

.single-case-study__services-item {
    position: relative;
    padding: 0 0 0 18px;
}

.single-case-study__services-item::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--global-color, #232E5C);
    box-shadow: 0px 0px 6px 0px var(--global-color, rgb(131, 151, 233));
}

/* Theme colors for services items handled via global CSS variable */

.single-case-study__challenge-content {
    position: relative;
    display: flex;
    gap: 0 24px;
}

@media screen and (max-width: 768px) {
    .single-case-study__challenge-content {
        flex-direction: column;
        gap: 24px 0;
    }

    .single-case-study__challenge-content::before {
        top: 30% !important;
    }
}

.single-case-study__challenge-content::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -244px;
    width: 557px;
    height: 557px;
    background-image: var(--challenge-bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.single-case-study__challenge-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px 0;
    padding: 48px;
    background-color: #FAFAFA;
    counter-reset: challenge-item;
    border-radius: 32px;
}

@media screen and (max-width: 991px) {
    .single-case-study__challenge-list {
        padding: 32px;
    }
}

@media screen and (max-width: 768px) {
    .single-case-study__challenge-list {
        padding: 24px;
    }
}

.single-case-study__challenge-list--blue {
    background-color: #E8F3FD;
}

.single-case-study__challenge-list--green {
    background-color: #F0FDF2;
}

.single-case-study__challenge-list--orange {
    background-color: #FFF2EB;
}

.single-case-study__challenge-list--mint {
    background-color: #EBFDFC;
}

.single-case-study__challenge-item {
    counter-increment: challenge-item;
}

.single-case-study__challenge-item::before {
    content: counter(challenge-item, decimal-leading-zero);
    display: block;
    margin: 0 0 1px 0;
    line-height: 40px;
    font-weight: 600;
    font-size: 32px;
    color: var(--global-color, #232E5C);
}

@media screen and (max-width: 575px) {
    .single-case-study__challenge-item::before {
        margin: 0 0 4px 0;
        line-height: 32px;
        font-size: 24px;
    }
}

.single-case-study__challenge-item-title {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 575px) {
    .single-case-study__challenge-item-text {
        line-height: 24px;
        font-size: 14px;
    }
}

/* Theme colors handled via global CSS variable */

.single-case-study__challenge-product {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    border-radius: 25px;
    z-index: 1;
}

@media screen and (min-width: 769px) {
    .single-case-study__challenge-product {
        position: sticky;
        top: 125px;
    }
}

.single-case-study__challenge-product img {
    border-radius: 25px;
}

.single-case-study__challenge-sidebar {
    flex: 1 0 auto;
}

.single-case-study__approach-list {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}

.single-case-study__approach-item {
    position: relative;
    padding: 0 0 0 18px;
    line-height: 26px;
    font-size: 18px;
}

.single-case-study__approach-item::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--global-color, #232E5C);
    box-shadow: 0px 0px 6px 0px var(--global-color, rgb(131, 151, 233));
    border-radius: 50%;
}

.single-case-study__approach-item-title {
    margin: 0 0 5px 0;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
}

/* Theme colors for approach items handled via global CSS variable */

.single-case-study__testimonial {
    display: flex;
    align-items: center;
    gap: 0 24px;
}

@media screen and (max-width: 991px) {
    .single-case-study__testimonial {
        gap: 0 50px;
    }
}

@media screen and (max-width: 768px) {
    .single-case-study__testimonial {
        flex-direction: column;
        gap: 48px 0;
    }
}

.single-case-study__testimonial-image {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}

@media screen and (min-width: 992px) {
    .single-case-study__testimonial-image {
        width: 342px;
    }
}

@media screen and (max-width: 991px) {
    .single-case-study__testimonial-image {
        width: 40%;
    }
}

@media screen and (max-width: 768px) {
    .single-case-study__testimonial-image {
        width: 100%;
        min-height: 288px;
    }
}

.single-case-study__testimonial-quote {
    margin: 0;
}

.single-case-study__testimonial-quote::before {
    content: "";
    display: block;
    width: 54px;
    height: 40px;
    margin: 0 0 48px 0;
    background-color: var(--global-color, #232E5C);
    -webkit-mask: url("../images/icons/single-case-quote-icon-orange.svg") no-repeat left center;
    mask: url("../images/icons/single-case-quote-icon-orange.svg") no-repeat left center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Testimonial quote icon color handled via global CSS variable masking */

.single-case-study__testimonial-quote p {
    line-height: 32px;
    font-size: 24px;
}

@media screen and (max-width: 768px) {
    .single-case-study__testimonial-quote p {
        line-height: 32px;
        font-size: 20px;
    }
}

.single-case-study__testimonial-author {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin: 48px 0 0 0;
}

.single-case-study__testimonial-author-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #111820;
    border: 2px solid #E6E6E6;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 50%;
    overflow: hidden;
}

.single-case-study__testimonial-author-info {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
}

.single-case-study__testimonial-author-name {
    font-weight: 600;
    font-size: 20px;
}

.single-case-study__testimonial-author-role,
.single-case-study__testimonial-author-company {
    line-height: 20px;
    font-size: 14px;
}

.single-case-study__cta {
    position: relative;
    display: flex;
    align-items: center;
    padding: 32px 48px;
    background-color: var(--cta-bg-color, #EDEAE2);
    background-image: var(--cta-bg-image, none);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
}

@media screen and (min-width: 1600px) {
    .single-case-study__cta {
        justify-content: space-between;
        gap: 0 50px;
    }
}

@media screen and (max-width: 1599px) {
    .single-case-study__cta {
        flex-direction: column;
        gap: 24px 0;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .single-case-study__cta {
        padding: 32px 24px;
    }
}

.single-case-study__cta-content {
    flex: 1;
    z-index: 1;
}

.single-case-study__cta-title {
    margin: 0 0 12px 0;
    line-height: 40px;
    font-size: 32px;
    color: var(--cta-text-color, #232E5C);
}

@media screen and (min-width: 1600px) {
    .single-case-study__cta-title {
        padding-right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .single-case-study__cta-title {
        line-height: 32px;
        font-size: 24px;
    }
}

.single-case-study__cta-text {
    margin: 0;
    font-size: 18px;
    line-height: 26px;
    color: var(--cta-text-color, #4C524B);
}

@media screen and (min-width: 1600px) {
    .single-case-study__cta-text {
        padding-right: 30px;
    }
}

.single-case-study__cta-note {
    margin: 24px 0 0 0;
    color: var(--cta-text-color, #232E5C);
}

.single-case-study__cta-note strong {
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .single-case-study__cta-note strong {
        display: block;
        margin-bottom: 4px;
    }
}

@media screen and (max-width: 1599px) {
    .single-case-study__cta:has(.single-case-study__cta-floating-image) {
        margin-top: 133px;
    }
}

@media screen and (max-width: 859px) {
    .single-case-study__cta-floating-image {
        display: none;
    }
}

.single-case-study__cta-floating-image {
    position: absolute;
    right: 65px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media screen and (max-width: 859px) {
    .single-case-study__cta-floating-image {
        left: 0;
        right: 0;
        bottom: calc(100% - 65px);
        height: 324px;
    }
}

.single-case-study__cta-button {
    position: relative;
    flex-shrink: 0;
    z-index: 1;
}

.single-case-study__cta-button--white {
    background-color: #fff !important;
}

.single-case-study__cta--orange {
    background-color: #F3AA4E;
}

.single-case-study__cta--orange .single-case-study__cta-text {
    color: rgba(0, 0, 0, 0.7);
}

.single-case-study__cta--black {
    background-color: #010708 !important;
}

.single-case-study__cta--black .single-case-study__cta-title {
    color: #fff;
}

.single-case-study__cta--black .single-case-study__cta-text {
    color: rgba(255, 255, 255, 0.7);
}

.single-case-study__cta--grey {
    background-color: #FAFAFA !important;
}

@media screen and (max-width: 1599px) {
    .single-case-study__cta--grey.single-case-study__cta--no-mobile-image {
        background: #FAFAFA !important;
    }
}

.single-case-study__results-stats {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding: 48px;
    background-color: var(--results-bg, var(--global-color, #000));
    color: #fff;
    border-radius: 32px;
}

@media screen and (max-width: 1199px) {
    .single-case-study__results-stats {
        padding: 32px;
    }
}

@media screen and (max-width: 768px) {
    .single-case-study__results-stats {
        grid-template-columns: 1fr;
        padding: 24px;
        text-align: center;
        border-radius: 24px;
    }
}

/* Theme colors for results stats handled via global CSS variable */

.single-case-study__results-stats-image {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    transform: translate(50%, -50%);
    z-index: 1;
}

@media screen and (min-width: 1200px) {
    .single-case-study__results-stats-image {
        display: inline;
    }
}

.single-case-study__results-stat {
    display: flex;
    flex-direction: column;
    font-size: 18px;
}

@media screen and (max-width: 880px) {
    .single-case-study__results-stat {
        font-size: 16px;
    }
}

.single-case-study__results-stat-value {
    margin: 0 0 4px 0;
    line-height: 40px;
    font-weight: 600;
    font-size: 32px;
}

@media screen and (max-width: 880px) {
    .single-case-study__results-stat-value {
        line-height: 32px;
        font-size: 24px;
    }
}

.single-case-study__results-stat-label {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

@media screen and (min-width: 1200px) {
    .single-case-study__results-stat-label {
        padding-right: 35px;
    }
}

.single-case-study__pagination {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 64px 0 0 0;
    padding-bottom: 8px;
}

.single-case-study__pagination::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    background: url("../images/icons/case-study-pagination-dots-icon.svg") center center no-repeat;
    border: 1px solid #E6E6E6;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.single-case-study__pagination-link {
    position: relative;
    display: flex;
    flex-direction: column;
    font-weight: 600;
}

.single-case-study__pagination-link::before {
    content: "";
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    background: url("../images/icons/case-study-nav-arrow.svg") center center no-repeat;
    transition: all 0.3s ease-in-out;
}

.single-case-study__pagination-link-name {
    font-size: 14px;
    font-weight: 400;
    color: #4C524B;
}

.single-case-study__pagination-link--prev {
    padding-left: 36px;
}

.single-case-study__pagination-link--prev::before {
    left: 0;
}

.single-case-study__pagination-link--prev:hover::before {
    transform: translateX(-4px);
}

.single-case-study__pagination-link--next {
    padding-right: 36px;
    align-items: flex-end;
}

.single-case-study__pagination-link--next::before {
    right: 0;
    transform: rotate(180deg);
}

.single-case-study__pagination-link--next:hover::before {
    transform: translateX(4px) rotate(180deg);
}

.single-case-study--profcentrs .single-case-study__challenge-content::before {
    left: -244px;
    width: 557px;
    height: 557px;
    background: url("../images/single-case-study__challenge-list-profcentrs--before-img.png") center center no-repeat;
}

@media screen and (min-width: 992px) {
    .single-case-study--profcentrs .single-case-study__challenge-list {
        flex-shrink: 0;
        width: 61.555%;
    }
}

@media screen and (max-width: 991px) {
    .single-case-study--profcentrs .single-case-study__challenge-list {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .single-case-study--profcentrs .single-case-study__challenge-list {
        width: 100%;
    }
}

.single-case-study--amozoli .single-case-study__challenge-content {
    position: relative;
}

.single-case-study--amozoli .single-case-study__challenge-content::before {
    content: "";
    left: -244px;
    width: 557px;
    height: 557px;
    background-image: var(--challenge-bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}


.single-case-study--astravelo .single-case-study__challenge-content {
    position: relative;
}

.single-case-study--astravelo .single-case-study__challenge-content::before {
    content: "";
    left: -244px;
    width: 557px;
    height: 557px;
    background: url("../images/single-case-study__challenge-list-astravelo--before-img.png") center center no-repeat;
}

.single-case-study--dssriga .single-case-study__challenge-content {
    position: relative;
}

.single-case-study--dssriga .single-case-study__challenge-content::before {
    content: "";
    left: -244px;
    width: 557px;
    height: 557px;
    background: url("../images/single-case-study__challenge-list-dssriga--before-img.png") center center no-repeat;
}

.single-case-study--saules-aptieka .single-case-study__challenge-content {
    position: relative;
}

.single-case-study--saules-aptieka .single-case-study__challenge-content::before {
    content: "";
    left: -244px;
    width: 557px;
    height: 557px;
    background: url("../images/single-case-study__challenge-list-saules-aptieka--before-img.png") center center no-repeat;
}

.contact-us {
    padding: 64px 0 0 0;
}

@media screen and (max-width: 991px) {
    .contact-us {
        padding-bottom: 24px;
    }
}

.contact-us__cta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 50px;
    max-width: 952px;
    padding: 32px 48px;
    margin: 0 auto 128px;
    background: #010708 url("../images/contact-us-cta-bg-image.svg") right bottom no-repeat;
    border-radius: 32px;
}

@media screen and (max-width: 991px) {
    .contact-us__cta {
        margin-bottom: 64px;
    }
}

@media screen and (min-width: 769px) {
    .contact-us__cta {
        justify-content: space-between;
    }
}

@media screen and (max-width: 768px) {
    .contact-us__cta {
        flex-direction: column;
        align-items: center;
        gap: 24px 0;
        background: #010708 url("../images/contact-us-cta-bg-image-mobile.svg") right calc(100% + 50px) no-repeat;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .contact-us__cta {
        padding: 32px 24px;
    }
}

.contact-us__cta-content {
    flex: 1;
}

.contact-us__cta-title {
    margin: 0 0 12px 0;
    line-height: 40px;
    font-size: 32px;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .contact-us__cta-title {
        line-height: 32px;
        font-size: 24px;
    }
}

@media screen and (min-width: 769px) {
    .contact-us__cta-title {
        padding-right: 20px;
    }
}

.contact-us__cta-text {
    margin: 0;
    padding-right: 50px;
    font-size: 18px;
    line-height: 26px;
    color: #F9FFE6;
}

@media screen and (max-width: 991px) {
    .contact-us__cta-text {
        line-height: 24px;
        font-size: 16px;
    }
}

.contact-us__cta-note {
    margin: 24px 0 0 0;
}

.contact-us__cta-note strong {
    font-weight: 600;
}

.contact-us__cta-button {
    position: relative;
    flex-shrink: 0;
    min-width: 167px;
    text-decoration: none !important;
    z-index: 1;
}

.contact-us__cta-button--white {
    background-color: #fff !important;
}

.contact-us .our-base__block {
    display: flex;
    border-radius: 24px;
}

@media screen and (max-width: 768px) {
    .contact-us .our-base__block {
        flex-direction: column-reverse;
        gap: 0;
    }
}

.contact-us .our-base__info {
    flex-grow: 1;
    padding: 48px;
    border: 1px solid #E6E6E6;
    border-right: 0;
    border-radius: 24px 0 0 24px;
}

@media screen and (max-width: 991px) {
    .contact-us .our-base__info {
        padding: 32px;
    }
}

@media screen and (max-width: 768px) {
    .contact-us .our-base__info {
        padding: 24px;
        border: 1px solid #E6E6E6;
        border-top: 0;
        border-radius: 0 0 24px 24px;
    }
}

.contact-us .our-base__info-title {
    margin: 0 0 24px 0;
    line-height: 40px;
    font-size: 32px;
}

@media screen and (max-width: 575px) {
    .contact-us .our-base__info-title {
        line-height: 32px;
        font-size: 24px;
    }
}

.contact-us .our-base__info-country {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin: 0 0 16px 0;
    font-weight: 600;
    font-size: 20px;
}

.contact-us .our-base__info-country img,
.contact-us .our-base__info-country svg {
    border-radius: 5px;
}

.contact-us .our-base__info-details {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
}

.contact-us .our-base__info-details li {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
}

.contact-us .our-base__info-details li span {
    font-size: 14px;
    color: #4C524B;
    text-transform: uppercase;
}

.contact-us .our-base__info .team-expertise {
    display: flex;
    align-items: center;
    gap: 0 12px;
    margin: 24px 0 0 0;
}

@media screen and (max-width: 1199px) {
    .contact-us .our-base__info .team-expertise {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px 0;
    }
}

.contact-us .our-base__info .team-expertise__photos {
    display: flex;
}

@media screen and (min-width: 641px) {
    .contact-us .our-base__info .team-expertise__photos {
        margin-right: 8px;
    }
}

.contact-us .our-base__info .team-expertise__photos img {
    border: 2px solid #4C5E59;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    border-radius: 50%;
}

.contact-us .our-base__info .team-expertise__photos img:not(:first-child) {
    position: relative;
    margin-left: -24px;
    z-index: 1;
}

.contact-us .our-base__info .team-expertise__details {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.contact-us .our-base__info .team-expertise__details strong {
    font-size: 20px;
    font-weight: 500;
}

.contact-us .our-base__image {
    display: flex;
    border-radius: 0 24px 24px 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.contact-us .our-base__image img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .contact-us .our-base__image img {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .contact-us .our-base__image {
        flex-shrink: 0;
    }
}

@media screen and (max-width: 768px) {
    .contact-us .our-base__image {
        border-radius: 24px 24px 0 0;
    }
}

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

    .contact-us .our-base__info,
    .contact-us .our-base__image {
        flex: 1 1 100%;
    }
}

@media screen and (max-width: 768px) {

    .contact-us .our-base__info,
    .contact-us .our-base__image {
        width: 100%;
    }
}

/* Global animations */
@keyframes spin-ease {
    0% {
        transform: rotate(0deg);
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }

    50% {
        transform: rotate(270deg);
        animation-timing-function: cubic-bezier(0, 0, 0.6, 1);
    }

    100% {
        transform: rotate(360deg);
    }
}

@property --num {
    syntax: "<integer>";
    inherits: false;
    initial-value: 0;
}

.animate .process-grid .process-card .progress-bar__track-fill.animate-100 {
    width: 100%;
    transition-delay: 1s;
}

.animate .process-grid .process-card .progress-bar__track-fill.animate-80 {
    width: 80%;
    transition-delay: 1s;
}

.animate .process-grid .process-card--dark-green {
    background-size: 75%;
    transition-delay: 0.5s;
}

.animate .speedometer-needle {
    transform: rotate(50deg) !important;
    transition-delay: 0.5s;
}

.animate {
    /* SVG animations */
}

@keyframes growUp {
    from {
        transform: scaleY(0);
    }

    to {
        transform: scaleY(1);
    }
}

@keyframes growUpGrey {
    from {
        transform: scaleY(0);
    }

    to {
        transform: scaleY(1);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.82;
    }
}

.animate .product-insights-animated-image .bar-green {
    transform-box: fill-box;
    transform-origin: bottom center;
    animation: growUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both, pulse 2.4s ease-in-out 1.2s infinite;
}

.animate .product-insights-animated-image .bar-green:nth-child(1) {
    animation-delay: 0.1s, 1.2s;
}

.animate .product-insights-animated-image .bar-green:nth-child(2) {
    animation-delay: 0.2s, 1.2s;
}

.animate .product-insights-animated-image .bar-green:nth-child(3) {
    animation-delay: 0.3s, 1.2s;
}

.animate .product-insights-animated-image .bar-green:nth-child(4) {
    animation-delay: 0.4s, 1.2s;
}

.animate .product-insights-animated-image .bar-green:nth-child(5) {
    animation-delay: 0.5s, 1.2s;
}

.animate .product-insights-animated-image .bar-grey {
    transform-box: fill-box;
    transform-origin: bottom center;
    animation: growUpGrey 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.animate .product-insights-animated-image .bar-grey:nth-child(1) {
    animation-delay: 0.65s;
}

.animate .product-insights-animated-image .bar-grey:nth-child(2) {
    animation-delay: 0.75s;
}

.animate .product-insights-animated-image .bar-grey:nth-child(3) {
    animation-delay: 0.85s;
}

.animate .product-insights-animated-image .bar-grey:nth-child(4) {
    animation-delay: 0.95s;
}

.animate .product-insights-animated-image .bar-grey:nth-child(5) {
    animation-delay: 1.05s;
}

.animate .product-insights-animated-image .text-top {
    animation: fadeIn 0.7s ease both;
    animation-delay: 0.05s;
}

.animate .product-insights-animated-image .text-number-green {
    animation: fadeIn 0.7s ease both;
    animation-delay: 0.7s;
}

.animate .product-insights-animated-image .text-number-grey {
    animation: fadeIn 0.7s ease both;
    animation-delay: 1.2s;
}

@keyframes growWidth {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

.animate .progress-fill-animated {
    animation: growWidth 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both;
    transition-delay: 0.5s;
}

.animate .process-card__featured-image .experience-led-architecture-image__img-1 {
    opacity: 1;
    transition-delay: 0.5s;
}

.animate .process-card__featured-image .experience-led-architecture-image__img-2 {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-delay: 0.5s;
}

.animate .process-grid .process-card__featured-image .custom-logic-image .toggle-circle-holder {
    fill: #171717;
    transition-delay: 1.5s;
}

.animate .process-grid .process-card__featured-image .custom-logic-image .toggle-circle {
    transform: translateX(0);
    transition-delay: 1.5s;
}

.animate .process-grid .process-card__featured-image .custom-logic-image .cursor-pointer {
    transform: translate(0, 0);
    transition-delay: 1.2s;
}

.animate .process-grid .error-handling-cta {
    animation: shakeBit 0.6s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transition-delay: 1.5s;
}

.animate .process-grid .process-card__stats-ul-list li.has-check-animation svg {
    transform: scale(1);
}

.animate .process-grid .process-card__stats-ul-list li.has-check-animation svg path {
    opacity: 1;
}

.animate .process-grid .site-health-animated-image .gauge-fill {
    transform: rotate(0deg);
    opacity: 1;
}

.animate .process-grid .site-health-animated-image .gauge-number {
    opacity: 1;
}

.animate .process-grid .audit-report-chart-image .bar {
    transform: scaleY(1) !important;
}

.animate .process-grid .strategic-planning-architecture-image .chart-line {
    stroke-dashoffset: 0;
    transition-delay: 1.5s;
}

.animate .process-grid .strategic-planning-architecture-image .chart-area {
    opacity: 0.1;
    transition-delay: 1.5s;
}

.animate .process-grid .strategic-planning-architecture-image .chart-dot {
    transform: scale(1);
    transition-delay: 1.5s;
}

.animate .process-grid .strategic-planning-architecture-image .card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.5s;
}

.animate .process-grid .performance-optimized-development-image .bar {
    transform: scaleY(1) !important;
    transition-delay: 1.5s;
}

.hero--contact-us,
.hero--case-studies {
    position: relative;
    padding: 215px 0 150px 0;
    background-color: #042125;
    border-radius: 0 0 29.71px 29.71px;
}


/* /CSS imports */
/*# sourceMappingURL=style.css.map */