/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

:root {
    --font-family: "DM Sans", sans-serif;
    --second-family: "Comfortaa", sans-serif;
    --third-family: "Poppins", sans-serif;
    --font3: "Nunito", sans-serif;
    --font4: "Inter", sans-serif;

    --main-bg: #081c15;
    --main: #01a979;
    --accent: #8FFE0A;
    --2-accent: #2EF6B9;
    --1-additional: #EBF8F4;
    --2-additional: #80D4BC;
    --3-additional: #F5FBF9;
    --white: #fff;
    --light-white: rgba(255, 255, 255, 0.8);
    --black: #242424;
    --txt: #474747;
    --primary: #A3A3A3;
    --destructive: #FF3B30;

    --gradient-light: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.1) 100%);

    --default-setup: all ease 0.3s;
}

input {
    outline: var(--accent);
}

/* Стили для WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
    width: 6px;
}

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

::-webkit-scrollbar-thumb {
    background-color: #01A979;
    border-radius: 3px;
}

body {
    background: var(--main-bg);
    font-family: var(--font-family);
    font-weight: 400;
    overflow-x: hidden;
}

ul:not(#menu-footer-menu) .sub-menu {
    -webkit-box-shadow: 0 12px 40px rgba(1, 169, 121, .32);
            box-shadow: 0 12px 40px rgba(1, 169, 121, .32);
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.custom-input-name.wpcf7-not-valid {
    margin-top: 0!important;
}

h1>span,
h2>span,
h3>span,
h4>span,
h5>span {
    color: var(--accent);
}

.banner :is(h1, h2, h3, h4, h5)>span {
    color: var(--main);
}

.about :is(h1, h2, h3, h4, h5)>span {
    color: var(--2-accent);
}

p {
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}

a {
    cursor: pointer;
}

.fs-20 {
    font-size: 20px;
}

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

a.link-button-large {
    height: 44px;
    min-width: 130px;
    padding: 12px 16px;
    justify-content: center;
    gap: 10px;
    border-radius: 9999px;
    background: #28F6B9;
    font-family: var(--font-family);
    color:#242424 !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    display: flex;
    align-items: center;
    text-decoration: none;
}
a.link-button-large:hover {
    transform: translateY(-1px);
}
a.link-button-large svg {
    transition: transform 0.3s ease;
}

a.link-button-large:hover svg {
    transform: rotate(45deg);
}

.white-text {
    color: var(--white)
}

.black-text {
    color: var(--black)
}

.wrapper {
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
    z-index: 1;
    position: relative;
    height: 100%;
}

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

.heading-large {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 82px;
    line-height: 130%;
    text-transform: uppercase;
    margin: 0;
}

.heading-medium {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 64px;
    line-height: 140%;
}

.heading-small {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 54px;
    line-height: 140%;
}

/* Заголовки средних размеров */
.subheading-large {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 36px;
    line-height: 140%;
}

.subheading-middle {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 140%;
}

.subheading-small {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
}


/* First screen */

.first-screen {
    position: relative;
    height: calc(100vh - 120px);
    background: -o-linear-gradient(269deg, #081c15 0.39%, #063828 100%);
    background: linear-gradient(181deg, #081c15 0.39%, #063828 100%);
}

.page-id-136 .banner-block,
.page-id-220 .team,
.first-screen+div,
.portfolio-block,
.career-content,
.page-id-1298 .first-screen .banner-block,
.page-id-188 .first-screen .banner-block,
.page-id-381 #text-index-1,
.page-id-1738 .banner-block,
.page-id-3188 .first-screen .banner-block,
.term-168 .first-screen~.banner-block:first-of-type,
.archive main>div.first-screen+div.banner-block {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(11.45%, #081c15), to(#063828)) !important;
    background: -o-linear-gradient(bottom, #081c15 11.45%, #063828 100%) !important;
    background: linear-gradient(0deg, #081c15 11.45%, #063828 100%) !important;
}

.banner-block+.banner-block {
    margin-top: 80px;
}

@media (max-width: 768px) {
    .banner-block+.banner-block {
        margin-top: 24px;
    }
}

/* .bg-circle {
    background: url(/wp-content/uploads/2024/07/Component-21.png);
    width: 100%;
    height: 1569px;
    position: absolute;
    z-index: -1;
    top: -120px;
    background-repeat: no-repeat;
    background-size: cover;
} */

.page-id-220 .bg-circle {
    background: url(/wp-content/uploads/2024/08/Group-8295.png);
}

.first-screen-404 .bg-circle {
    background: url(/wp-content/uploads/2024/08/Ellipse-149-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 15%;
}

.first-screen-404 .wrapper {
    max-width: 100%;
}

.first-screen-404.text-overlay.animation-off:after {
    display: none;
}

.first-screen:after {
    overflow: hidden;
    position: absolute;
    content: url(/wp-content/uploads/2024/07/Frame-427320875.png);
    -webkit-animation: none;
    animation: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.7);
        -ms-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7);
}

.text-overlay:before {
    content: 'CORPSOFT';
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: var(--font3);
    font-weight: 700;
    font-size: 451px;
    line-height: 140%;
    color: #fff;
    mix-blend-mode: overlay;
    opacity: 0.1;
    white-space: nowrap;
    -webkit-animation: none;
    animation: none;
}

.first-screen-404.text-overlay:before {
    content: '404';
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: var(--font3);
    font-weight: 700;
    font-size: 451px;
    line-height: 140%;
    color: #fff;
    mix-blend-mode: overlay;
    opacity: 0.1;
    white-space: nowrap;
    -webkit-animation: none;
    animation: none;
}

.first-screen .animated {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), color-stop(90.19%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 90.19%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 90.19%);
    background-clip: text;
    -webkit-background-clip: text;
    /* opacity: 0.5; */
}

.text-overlay.zoom-in:before {
    -webkit-animation: zoomIn 1.5s ease-out forwards;
    animation: zoomIn 1.5s ease-out forwards;
}

.text-overlay.zoom-in:after {
    -webkit-animation: zoomInCybe 1.5s ease-out forwards;
    animation: zoomInCybe 1.5s ease-out forwards;
}

.first-screen-single-career.text-overlay.zoom-in:after {
    -webkit-animation: zoomInCybeCareer 1.5s ease-out forwards;
    animation: zoomInCybeCareer 1.5s ease-out forwards;
}

.text-overlay.zoom-in .animated {
    -webkit-animation: zoomInText 1.5s ease-out forwards;
    animation: zoomInText 1.5s ease-out forwards;
}

.text-overlay.animation-off:before {
    -webkit-animation: zoomIn 0.1s ease-out forwards;
    animation: zoomIn 0.1s ease-out forwards;
}

.text-overlay.animation-off:after {
    -webkit-animation: zoomInCybe 0.1s ease-out forwards;
    animation: zoomInCybe 0.1s ease-out forwards;
}

.text-overlay.animation-off .animated {
    -webkit-animation: zoomInText 0.1s ease-out forwards;
    animation: zoomInText 0.1s ease-out forwards;
}

/* .text-overlay.zoom-in .bg-circle {
    animation: zoomInCircle 1s ease-out forwards;
} */


.content-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}

.content-left {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
}

.text-with-img__content.content-left {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.content-right {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: right;
}

.first-screen__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}

.first-screen__content-buttons {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 44px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.first-screen__content-desc {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 992px) {
    .first-screen__content-desc p>br {
        display: none;
    }
    ul:not(#menu-footer-menu) .sub-menu {
        box-shadow: none;
    }
}

.first-screen__content-desc p:last-child {
    margin-bottom: 0;
}

.btn {
    border-radius: 100px;
    padding: 14px 46px;
    min-height: 58px;
    background: var(--main);
    color: var(--white);
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

.btn:hover {
    background: var(--white);
    color: var(--main);
}

.cta__content-buttons .btn:hover,
.light-gradient .btn:hover,
.estimate-summary.desktop .btn,
.estimate-summary.mobile .btn {
    background: #34ba94;
    color: var(--white);
}

.link-with-arrow {
    position: relative;
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.link-with-arrow:hover::after {
    left: 16px;
}

.cta .link-with-arrow:hover::after {
    left: 8px;
    -webkit-animation: moveDown 1s linear infinite;
    animation: moveDown 1s linear infinite;
    opacity: 1;
}

@-webkit-keyframes moveDown {
    0% {
        top: -2px;
    }

    50% {
        top: 3px;
    }

    100% {
        top: -2px;
    }
}

@keyframes moveDown {
    0% {
        top: -2px;
    }

    50% {
        top: 3px;
    }

    100% {
        top: -2px;
    }
}

.link-with-arrow:after {
    content: url(/wp-content/uploads/2024/07/green-arrow.svg);
    position: relative;
    left: 8px;
    width: 24px;
    height: 24px;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

@media (max-width: 1240px) {
    .first-screen {
        height: auto;
        padding: 100px 0;
        min-height: 720px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;

    }
}

@media (max-width: 992px) {

    .first-screen {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

@media (max-width: 768px) {
    .heading-large {
        font-weight: 600;
        font-size: 32px;
        line-height: 140%;
    }

    .first-screen__content .heading-large {
        font-size: 42px;
    }

    .menu-item a[href*="web-development-in-charlotte-north-carolina"],
    .menu-item a[href*="web-development-in-florida"],
    .menu-item a[href*="web-development-in-jacksonville"],
    .menu-item a[href*="web-development-in-new-jersey"] {
        display: none !important;
    }

    .nav-menu .menu-item {
        width: 100%;
    }

    .first-screen__content-buttons {
        margin-top: 32px;
    }
}

@media (max-width: 620px) {
    .first-screen {
        min-height: 500px;
    }

    .text-overlay:after {
        display: none;
    }

    .text-overlay:before {
        /* display: none; */
        font-size: 70px;
    }
}

.spacing {
    padding: 120px 0;
}

@media (max-width: 1400px) {
    .spacing {
        padding: 80px 0;
    }
}

@media (max-width: 1240px) {
    .spacing {
        padding: 64px 0;
    }
}

@media (max-width: 992px) {
    .spacing {
        padding: 48px 0;
    }
}

@media (max-width: 620px) {
    .spacing {
        padding: 40px 0;
    }
}

/* Banner */

.banner {
    max-width: 1790px;
    margin: 0 auto 0;
    border-radius: 80px;
    position: relative;
}


.banner.cubes:after {
    content: '';
    background: url(/wp-content/uploads/2024/08/Group-8290-2.png) top center / contain no-repeat;
    position: absolute;
    top: 0;
    left: 100px;
    width: 100%;
    height: -webkit-fill-available;
}

.banner-row.cubes:after {
    background: url(/wp-content/uploads/2024/08/Group-8292-2.png) top center / contain no-repeat;
    left: 94px;
    top: 344px;
    width: 1620px;
}

.light-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1ede4));
    background: -o-linear-gradient(top, #fff 0%, #d1ede4 100%);
    background: linear-gradient(180deg, #fff 0%, #d1ede4 100%);
}

.dark-gradient {
    background: var(--gradient-light);
    margin-bottom: 120px;
}

.cta.dark-gradient {
    background: var(--gradient-light);
}

.green-gradient {
    background: #72f024;
}

.banner.spacing-small {
    border-radius: 60px;
}

.banner.dark-gradient .banner-title {
    font-weight: 700;
    font-size: 42px;
    line-height: 140%;
    color: #fff;
}

h4.banner-title {
    font-size: 42px;
}

.banner.spacing-small .banner__intro-row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 60px 0;
}

.banner.spacing-small .btn {
    width: 211px;
    background: #242424;
}

.banner.spacing-small .btn:hover {
    background: var(--white);
    color: #242424;
}

.banner.green-gradient .banner-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 140%;
    text-transform: uppercase;
    color: #242424;
}

.banner.dark-gradient .banner-title span {
    color: #8ffe0a;
}

.banner.light-gradient .banner-title span {
    color: #01a979;
}


.banner__cards {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
}

.banner__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-preferred-size: calc(50% - 12px);
        flex-basis: calc(50% - 12px);
    background: var(--white);
    padding: 32px;
    border-radius: 40px;
}

.banner__cards.banner__cards-row {
    gap: 40px 24px;
}

.banner__cards.banner__cards-row .banner__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-preferred-size: calc(25% - 18px);
        flex-basis: calc(25% - 18px);
    gap: 12px;
}

.banner__cards.banner__cards-row .banner__card .banner__card-title {
    font-size: 20px;
}

.banner__card-title {
    color: var(--black);
    margin: 0;
}

.banner__card-number {
    font-family: var(--third-family);
    color: var(--main);
    background: #e6f6f3;
    border: 8px solid #f4fcf9;
    border-radius: 100px;
    width: 88px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 88px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.banner__card-number img {
    width: 36px;
    height: 36px;
}


.banner__card-img .banner__card-desc {
    display: -webkit-box;
    opacity: 1;
    max-height: 100px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
    margin: 0;
}

@media (max-width: 768px) {
    .banner__card-img .banner__card-desc {
        opacity: 1;
        max-height: 100px;
    }
}

.banner__card.banner__card-img:hover .banner__card-desc {
    opacity: 1;
    max-height: 100px;
}

.banner__card:not(.banner__card-img) .banner__card-desc {
    margin: 12px 0 0 0;
}

.banner__card.banner__card-img {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.banner__card-content {
    width: 100%;
}

.banner__content-desc {
    width: 100%;
    font-weight: 400;
    line-height: 150%;
    color: #474747;
}

.banner__content-desc p+ul,
.banner__content-desc p+ol {
    margin-top: 20px;
    padding: 0 0 0 35px;
}

.dark-gradient .banner__content-desc {
    color: var(--white);
}

.banner__content-desc p {
    margin: 12px 0 0 0;
}

.banner__content-desc p:first-child {
    margin: 0;
}

.banner__card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 58px;
    background: url(/wp-content/uploads/2024/07/icons_buttons.svg) center center / contain no-repeat;
    height: 58px;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

.service__category-item.hovered .banner__card-link,
.banner__card-link:hover {
    background: url(/wp-content/uploads/2024/07/button.svg) center center / contain no-repeat;
}

.banner-title {
    color: var(--black);
}

[class*=" animate-"] .banner-title,
[class*="animate-"] .banner-title,
[class*=" animate-"] .banner__cards,
[class*="animate-"] .banner__cards {
    opacity: 0;
}

[class*=" animate-"] .banner-title,
[class^="animate-"] .banner-title,
[class*=" animate-"] .banner__content-desc,
[class^="animate-"] .banner__content-desc {
    -webkit-animation: slideInFromLeft 1s forwards;
    animation: slideInFromLeft 1s forwards;
}

[class*=" animate-"] .banner__cards,
[class^="animate-"] .banner__cards {
    -webkit-animation: slideInFromRight 1s forwards;
    animation: slideInFromRight 1s forwards;
}

.banner__intro-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.banner.spacing-small .banner__intro-row {
    gap: 40px;
}

.banner__intro-row-left {
    max-width: 511px;
    width: 100%;
}

.single-team .banner__intro-row-left {
    max-width: 400px;
}

.postid-493 .first-screen.first-screen-team:after {
    content: url(/wp-content/uploads/2024/09/Group-8306.png);
}

.single-team .banner__content-desc p {
    font-size: 20px;
}

.banner.spacing-small .banner__intro-row-left {
    max-width: 100%;
}

.content-left .first-screen__content-buttons {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin-top: 32px;
}

.banner.spacing-small .content-left .first-screen__content-buttons {
    margin-top: 0;
}

.buttons-mobile,
.mobile-view {
    display: none;
}

.banner.dark-gradient .btn {
    background: #8ffe0a;
    color: var(--black);
}

.banner.dark-gradient .btn:hover {
    background: var(--white)
}

@media (max-width: 1200px) {
    .banner.spacing {
        padding: 64px 24px;
    }
}

@media (max-width: 992px) {
    .banner__card {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

    /* .banner__card-img .banner__card-desc {
        opacity: 1;
        max-height: max-content;
    } */
}

@media (max-width: 768px) {
    .banner__card {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

    .banner {
        border-radius: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .banner__intro .btn {
        width: 100%;
    }

    .banner__intro-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0;
    }

    .dark-gradient {
        margin-bottom: 40px;
    }

    .banner.spacing.dark-gradient,
    .banner.spacing.light-gradient {
        padding: 24px;
    }

    .banner.spacing .wrapper {
        padding: 0;
    }

    .buttons-desk {
        display: none;
    }

    .banner .buttons-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .mobile-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .banner__content-desc p>br {
        display: none;
    }

    .banner .buttons-mobile .btn {
        width: 100%;
    }

    .banner__content-desc {
        margin-top: 12px;
    }

    .banner__cards {
        margin-top: 20px;
        gap: 16px;
    }

    .banner__card {
        padding: 20px;
    }

    .banner .banner-title,
    .banner.green-gradient .banner-title,
    .banner.dark-gradient .banner-title {
        font-size: 24px;
    }

    .banner.spacing.dark-gradient {
        margin-bottom: 40px !important;
    }

    .banner.spacing-small .btn,
    .banner.spacing-small .first-screen__content-buttons {
        width: 100%;
    }

    .banner.spacing-small .banner__intro-row {
        gap: 24px;
        padding: 24px;
    }

    .banner.spacing-small {
        border-radius: 20px;
    }

    .banner__card.banner__card-img {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .banner__card.banner__card-img .banner__card-desc {
        display: none;
    }
}

@media (max-width: 620px) {
    .banner.cubes:after {
        display: none;
    }

    .banner__card.banner__card-img .banner__card-top {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }

    .banner__card.banner__card-img .banner__card-content {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .banner__card.banner__card-img .banner__card-link {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 52px;
        height: 52px;
        background-size: contain;
    }

    .banner__card-content {
        width: 100%;
    }

    .banner.spacing {
        padding: 20px 24px;
        border-radius: 20px;
        margin: 0 20;
        overflow: hidden;
    }

    .banner .wrapper {
        padding: 0;
    }

    .banner-title {
        font-size: 24px;
    }

    .banner__cards {
        margin-top: 20px;
    }

    .banner__card-number {
        width: 52px;
        height: 52px;
        border: 4px solid #f4fcf9;
    }

    .subheading-large.banner__card-number {
        font-size: 24px;
    }

    .banner__card {
        border-radius: 20px;
        padding: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}




















/* ANIMATION */

@-webkit-keyframes zoomInText {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

@keyframes zoomInText {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomInCybeCareer {
    from {
        -webkit-transform: translate(-50%, -200%) scale(0.6);
                transform: translate(-50%, -200%) scale(0.6)
    }

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

@keyframes zoomInCybeCareer {
    from {
        -webkit-transform: translate(-50%, -200%) scale(0.6);
                transform: translate(-50%, -200%) scale(0.6)
    }

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

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

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

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

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

@-webkit-keyframes zoomIn {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0.6);
                transform: translate(-50%, -50%) scale(0.6);
        opacity: 0.6;
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
        opacity: 0.1;
        /* max-width: 100%; */
    }
}

@keyframes zoomIn {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0.6);
                transform: translate(-50%, -50%) scale(0.6);
        opacity: 0.6;
    }

    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
        opacity: 0.1;
        /* max-width: 100%; */
    }
}

@-webkit-keyframes zoomInCircle {
    from {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
    }

    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes zoomInCircle {
    from {
        -webkit-transform: scale(0.6);
                transform: scale(0.6);
    }

    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes slideInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@-webkit-keyframes slideInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%);
                transform: translateX(150%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%);
                transform: translateX(150%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

@media (max-width: 1700px) {
    .text-overlay:before {
        -webkit-transform: translate(-50%, -50%) scale(0.6);
            -ms-transform: translate(-50%, -50%) scale(0.6);
                transform: translate(-50%, -50%) scale(0.6);
    }

    .text-overlay:after {
        -webkit-transform: translate(-50%, -50%) scale(0.7);
            -ms-transform: translate(-50%, -50%) scale(0.7);
                transform: translate(-50%, -50%) scale(0.7);
    }

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

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

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

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

    @-webkit-keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.6);
                    transform: translate(-50%, -50%) scale(0.6);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.8);
                    transform: translate(-50%, -50%) scale(0.8);
            opacity: 0.1;
        }
    }

    @keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.6);
                    transform: translate(-50%, -50%) scale(0.6);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.8);
                    transform: translate(-50%, -50%) scale(0.8);
            opacity: 0.1;
        }
    }
}

@media (max-width: 1400px) {
    .first-screen {
        overflow-x: clip;
    }

    .text-overlay:before {
        -webkit-transform: translate(-50%, -50%) scale(0.5);
            -ms-transform: translate(-50%, -50%) scale(0.5);
                transform: translate(-50%, -50%) scale(0.5);
    }

    .text-overlay:after {
        -webkit-transform: translate(-50%, -50%) scale(0.4);
            -ms-transform: translate(-50%, -50%) scale(0.4);
                transform: translate(-50%, -50%) scale(0.4);
    }

    .page-id-2063 .cta:after {
        display: none;
    }

    .page-id-2063 .text-overlay:after {
        -webkit-transform: translate(-50%, -50%) scale(0.6);
            -ms-transform: translate(-50%, -50%) scale(0.6);
                transform: translate(-50%, -50%) scale(0.6);
    }

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

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

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

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

    @-webkit-keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.5);
                    transform: translate(-50%, -50%) scale(0.5);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.7);
                    transform: translate(-50%, -50%) scale(0.7);
            opacity: 0.1;
        }
    }

    @keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.5);
                    transform: translate(-50%, -50%) scale(0.5);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.7);
                    transform: translate(-50%, -50%) scale(0.7);
            opacity: 0.1;
        }
    }
}

@media (max-width: 1240px) {
    .text-overlay:before {
        -webkit-transform: translate(-50%, -50%) scale(0.5);
            -ms-transform: translate(-50%, -50%) scale(0.5);
                transform: translate(-50%, -50%) scale(0.5);
    }

    .text-overlay:after {
        -webkit-transform: translate(-50%, -50%) scale(0.4);
            -ms-transform: translate(-50%, -50%) scale(0.4);
                transform: translate(-50%, -50%) scale(0.4);
    }

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

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

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

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

    @-webkit-keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.5);
                    transform: translate(-50%, -50%) scale(0.5);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.7);
                    transform: translate(-50%, -50%) scale(0.7);
            opacity: 0.1;
        }
    }

    @keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.5);
                    transform: translate(-50%, -50%) scale(0.5);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.7);
                    transform: translate(-50%, -50%) scale(0.7);
            opacity: 0.1;
        }
    }
}

/* @media (max-width: 1240px) {
    .first-screen:after {
        top: 0;
    }
} */

@media (max-width: 1100px) {

    .text-overlay:before {
        -webkit-transform: translate(-50%, -50%) scale(0.4);
            -ms-transform: translate(-50%, -50%) scale(0.4);
                transform: translate(-50%, -50%) scale(0.4);
    }

    .text-overlay:after {
        -webkit-transform: translate(-50%, -50%) scale(0.4);
            -ms-transform: translate(-50%, -50%) scale(0.4);
                transform: translate(-50%, -50%) scale(0.4);
    }

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

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

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

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

    @-webkit-keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.4);
                    transform: translate(-50%, -50%) scale(0.4);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.5);
                    transform: translate(-50%, -50%) scale(0.5);
            opacity: 0.1;
        }
    }

    @keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.4);
                    transform: translate(-50%, -50%) scale(0.4);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.5);
                    transform: translate(-50%, -50%) scale(0.5);
            opacity: 0.1;
        }
    }
}

@media (max-width: 992px) {
    .text-overlay:before {
        -webkit-transform: translate(-50%, -50%) scale(0.2);
            -ms-transform: translate(-50%, -50%) scale(0.2);
                transform: translate(-50%, -50%) scale(0.2);
    }

    .text-overlay:after {
        -webkit-transform: translate(-50%, -50%) scale(0.2);
            -ms-transform: translate(-50%, -50%) scale(0.2);
                transform: translate(-50%, -50%) scale(0.2);
    }

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

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

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

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

    @-webkit-keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.2);
                    transform: translate(-50%, -50%) scale(0.2);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.4);
                    transform: translate(-50%, -50%) scale(0.4);
            opacity: 0.1;
        }
    }

    @keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.2);
                    transform: translate(-50%, -50%) scale(0.2);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(0.4);
                    transform: translate(-50%, -50%) scale(0.4);
            opacity: 0.1;
        }
    }
}

@media (max-width: 768px) {

    .text-overlay.zoom-in:after {
        content: url(/wp-content/uploads/2024/07/Group-8288-1.svg);
    }

    .page-id-1419 .text-overlay.zoom-in:after {
        content: url(/wp-content/uploads/2024/08/Frame-427321001.svg);
    }

    .text-overlay:before {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
            -ms-transform: translate(-50%, -50%) scale(0.8);
                transform: translate(-50%, -50%) scale(0.8);
    }

    .first-screen__content-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
    }

    .text-overlay:after {
        -webkit-transform: translate(-50%, 50%) scale(1);
            -ms-transform: translate(-50%, 50%) scale(1);
                transform: translate(-50%, 50%) scale(1);
    }


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

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

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

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

    @-webkit-keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.8);
                    transform: translate(-50%, -50%) scale(0.8);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(1.2);
                    transform: translate(-50%, -50%) scale(1.2);
            opacity: 0.1;
        }
    }

    @keyframes zoomIn {
        from {
            -webkit-transform: translate(-50%, -50%) scale(0.8);
                    transform: translate(-50%, -50%) scale(0.8);
            opacity: 0.6;
        }

        to {
            -webkit-transform: translate(-50%, -50%) scale(1.2);
                    transform: translate(-50%, -50%) scale(1.2);
            opacity: 0.1;
        }
    }

}

@media (max-width: 620px) {
    .text-overlay:after {
        -webkit-transform: translate(-50%, 0%) scale(1);
            -ms-transform: translate(-50%, 0%) scale(1);
                transform: translate(-50%, 0%) scale(1);
    }

    .page-id-220 .text-overlay.zoom-in:after {
        -webkit-animation: zoomInCybe2 1.5s ease-out forwards;
        animation: zoomInCybe2 1.5s ease-out forwards;
        -webkit-transform: translate(-50%, -44%) scale(1);
            -ms-transform: translate(-50%, -44%) scale(1);
                transform: translate(-50%, -44%) scale(1);
    }

    .page-id-188 .text-overlay.zoom-in:after {
        -webkit-animation: zoomInCybe3 1.5s ease-out forwards;
        animation: zoomInCybe3 1.5s ease-out forwards;
        -webkit-transform: translate(-50%, 20%) scale(1);
            -ms-transform: translate(-50%, 20%) scale(1);
                transform: translate(-50%, 20%) scale(1);
    }

    @-webkit-keyframes zoomInCybe2 {
        from {
            -webkit-transform: translate(-50%, -44%) scale(0.9);
                    transform: translate(-50%, -44%) scale(0.9);
        }

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

    @keyframes zoomInCybe2 {
        from {
            -webkit-transform: translate(-50%, -44%) scale(0.9);
                    transform: translate(-50%, -44%) scale(0.9);
        }

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

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

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

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

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

    @-webkit-keyframes zoomInCybe {
        from {
            -webkit-transform: translate(-50%, -46%) scale(0.9);
                    transform: translate(-50%, -46%) scale(0.9);
        }

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

    @keyframes zoomInCybe {
        from {
            -webkit-transform: translate(-50%, -46%) scale(0.9);
                    transform: translate(-50%, -46%) scale(0.9);
        }

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

@media (max-height: 900px) and (min-width: 1024px) and (orientation: landscape) {
    .text-overlay:after {
        -webkit-transform: translate(-50%, -50%) scale(0.4);
            -ms-transform: translate(-50%, -50%) scale(0.4);
                transform: translate(-50%, -50%) scale(0.4);
    }


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

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

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

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

/* ABOUT */

.about {
    position: relative;
    /* background: url("/wp-content/uploads/2024/07/Group-8290-e1721664162930.png") top center no-repeat; */
    background-size: cover;
}


@media (min-width: 992px) {
    .about:after {
        content: url(/wp-content/uploads/2024/09/Component-19.svg);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%) scale(1);
            -ms-transform: translate(-50%, -35%) scale(1);
                transform: translate(-50%, -35%) scale(1);
    }

    .about:before {
        content: url(/wp-content/uploads/2024/09/Ellipse-148.png);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-100%, -60%) scale(1);
            -ms-transform: translate(-100%, -60%) scale(1);
                transform: translate(-100%, -60%) scale(1);
    }
}




.page-id-1738 .about {
    background: transparent;
}

@media (max-width: 1450px) {
    .page-id-1738 .about:after {
        content: url(/wp-content/uploads/2024/08/Frame-427320927.svg);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.page-id-1738 .about:after {
    content: url(/wp-content/uploads/2024/08/Frame-427320927.svg);
    position: absolute;
    top: -100px;
    left: -400px;
    width: 100%;
    height: 100%;
}

.about p {
    margin: 12px 0 0 0;
}

.about__content-desc {
    color: var(--light-white);
}

.about__cards {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.about__card {
    border-radius: 40px;
    padding: 24px;
    text-align: center;
    -ms-flex-preferred-size: calc(20% - 20px);
        flex-basis: calc(20% - 20px);
    background: var(--gradient-light);
}

.about__card.about__card-img {
    padding: 50px 60px;
    -ms-flex-preferred-size: calc(33% - 14px);
        flex-basis: calc(33% - 14px);
}

.about__card-img .about__card-number {
    font-family: var(--third-family);
    font-weight: 600;
    font-size: 80px;
    line-height: 56%;
    color: #72f024;
}

.page-id-1738 .about__card-img .about__card-number {
    font-weight: 500;
    font-size: 140px;
    line-height: 120%;
}

.about__card-desc {
    margin: 20px 0 0 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #fff;
}

@media (max-width: 1100px) {
    .about__card-img .about__card-number {
        line-height: 1em;
    }

    .about__card.about__card-img {
        -ms-flex-preferred-size: calc(33% - 62px);
            flex-basis: calc(33% - 62px);
    }
}

@media (max-width: 992px) {

    .about__card.about__card-img,
    .about__card {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

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

    .about__content-desc p>br {
        display: none;
    }
}

@media (max-width: 768px) {
    .about-screen__content .heading-small {
        font-size: 32px;
    }

    .about__card.about__card-img,
    .about__card {
        padding: 16px;
    }

    .about__card-img .about__card-number {
        font-size: 32px;
    }
}


/* SERVICES */

.services {
    background: url('/wp-content/uploads/2024/07/bg-our-servises.png');
    background-position-x: right;
    background-position-y: top;
    background-size: contain;
    background-repeat: no-repeat;
}

.accent-2 {
    color: var(--2-accent);
}

.services__content-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    gap: 60px;
}

.service__category {
    max-width: 642px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

.service__category-item:hover {
    cursor: pointer;
}

.service__category-item {
    padding: 32px;
    border-radius: 40px;
    background: var(--gradient-light);
}

.service__category-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}

.service__category-item-content h4 {
    width: 100%;
}

.service__category-item img {
    width: 58px;
    height: 58px;
}

.service__category-item-desc {
    margin: 0;
    opacity: 0;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease;
    -o-transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    height: auto;
    color: var(--light-white);
}

.service__category-item.hovered .service__category-item-desc {
    margin-top: 20px;
    opacity: 1;
    max-height: 3em;
    visibility: visible;
}


.service__category-item-content {
    width: 100%;
}

.services__content-main-img {
    border-radius: 35px;
    max-width: 558px;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: background-image 0.3s ease-in-out;
    -o-transition: background-image 0.3s ease-in-out;
    transition: background-image 0.3s ease-in-out;
}

@media (max-width: 1100px) {
    .service__category {
        max-width: 100%;
    }

    .services__content-main-img {
        display: none;
    }
}

@media (max-width: 768px) {
    .service__category-item-desc {
        margin-top: 20px;
        opacity: 1;
        max-height: 3em;
        visibility: visible;
    }

    .services {
        background: none;
        background-position-x: right;
        background-position-y: -160px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .subheading-small {
        font-size: 16px;
    }

    .heading-small {
        font-size: 32px;
    }

    .services__content-main {
        margin-top: 32px;
    }

    .service__category {
        gap: 16px;
    }
}


/* REVIEW */

.review {
    background: url('/wp-content/uploads/2024/07/review-bg.png');
    background-position: top;
    background-size: cover;
    overflow: hidden;
}

.term-web-development .review {
    background: none;
}

.swiper {
    width: 100%;
    height: auto;
}

.swiper-review {
    overflow: visible;
}

.btn-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    cursor: pointer;
}

.btn-slider>div:active {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
}

.btn-slider>div {
    position: relative;
    outline: unset;
}

.review-button-prev:hover::after,
.portfolio-button-prev:hover::after {
    content: url(/wp-content/uploads/2024/07/button.svg);
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 58px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.review-button-next:hover::after,
.portfolio-button-next:hover::after {
    content: url(/wp-content/uploads/2024/07/button.svg);
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 58px;
}

/* .review-button-next:after {
    content: url('/wp-content/uploads/2024/07/button.svg');
} */

.btn-slider-review img,
.btn-slider-portfolio img {
    width: 58px;
    height: 58px;
}

.review-button-prev img,
.portfolio-button-prev img {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.swiper-review__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
}

.review-card {
    border-radius: 40px;
    padding: 32px;
    background: var(--white);
    height: 100%;
}

.swiper-button-disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.review-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.review-card__rating,
.review-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.review-card__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.review-card__info * {
    margin: 0;
}

.review-card__image {
    max-width: 100px;
    width: 100%;
    height: 100px;
}

.review-card__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-height: 6em;
}

.review-card__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.review-card__rating-number {
    font-weight: 600;
}

.review-card__content {
    margin-top: 24px;
    min-height: 120px;
}

.review-card__link {
    color: var(--main);
}

.review-card__link:after {
    content: url(/wp-content/uploads/2024/07/black-green-arrow.svg);
}

@media (max-width: 768px) {
    .review-button-prev:hover::after, 
    .portfolio-button-prev:hover::after,
    .review-button-next:hover::after, 
    .portfolio-button-next:hover::after
     {
        content: '';
    }
    .swiper-review__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 16px;
        margin-bottom: 32px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }

    .review {
        overflow: hidden;
    }

    .review-card {
        padding: 24px;
        border-radius: 20px;
    }

    .review-card__excerpt {
        -webkit-line-clamp: 4;
    }
}

/* PORTFOLIO */

.portfolio {
    background: url('/wp-content/uploads/2024/07/bg-portfolio.png');
    background-position: bottom left;
    background-size: cover;
}

.portfolio__slider .swiper-wrapper {
    margin-top: 40px;
}

.portfolio-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: var(--white);
    gap: 40px;
    border-radius: 42px;
    height: 606px;
}

.portfolio-card__text {
    padding: 32px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.portfolio-card__image {
    max-width: 584px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    width: 100%;
    cursor: pointer;
    height: 100%;
}

.portfolio-card__image a {
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
    /* Базовый z-index для ссылки */
}

.portfolio-card__image::before,
.portfolio-card__image::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    left: 40px;
    bottom: 20px;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.portfolio-card__image::before {
    background-image: url('/wp-content/uploads/2024/08/button-1.svg');
    opacity: 1;
    border-radius: 50px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.portfolio-card__image::after {
    background-image: url('/wp-content/uploads/2024/07/portfolio-btn-iamge-hovered.svg');
    opacity: 0;
}

.portfolio-card__image:hover::before {
    opacity: 0;
}

.portfolio-card__image:hover::after {
    opacity: 1;
}

.portfolio-card__image a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 606px;
}

.portfolio-card__image::after {
    content: '';
    position: absolute;
    z-index: 3;
    cursor: pointer;
}

.portfolio-card__image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.portfolio-card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.portfolio-card__row-1 {
    gap: 24px;
}

.portfolio-card__row-2,
.portfolio-card__row-3 {
    margin-top: 24px;
}

.portfolio-card__row-4 {
    margin-top: 12px;
}

.portfolio-card__service-list {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    color: var(--main);
    font-weight: 500;
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.portfolio-card__service-list li:not(:first-child) {
    display: none;
}

.portfolio-card__service-list li {
    background: rgba(1, 169, 121, 0.1);
    border-radius: 50px;
    padding: 6px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    font-size: 16px;
    color: #01a979;
}

.portfolio-card__row-4 p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-height: 6em;
    margin-bottom: 0;
}

.portfolio-card__row-5 {
    margin-top: 36px;
}

.portfolio-card__technologies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}

.portfolio-card__subtitle {
    -ms-grid-row-align: stretch;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    margin-top: 12px;
}

.portfolio-card__tech-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.portfolio-card__text .btn-slider {
    display: none;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 20px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.portfolio__content.content-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.technology-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: var(--black);
}

@media (max-width: 992px) {

    .portfolio-card__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        height: 100%;
    }

    .portfolio-card__image {
        max-width: 100%;
        border-radius: 20px;
    }

    .portfolio-card__content {
        gap: 0;
    }

    .portfolio-card__text {
        padding: 24px;
        gap: 0;
    }

    .portfolio-card__image::before,
    .portfolio-card__image::after {
        left: 20px;
    }
}

.single-post-content--portfolio .banner.green-gradient {
    margin-top: 80px;
}

@media (max-width: 768px) {
    .portfolio-card__subtitle {
        margin-top: 0;
    }

    .portfolio-card__technologies {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .portfolio__slider .swiper-wrapper {
        margin-top: 32px;
    }

    .portfolio-card__row-2 {
        margin-top: 12px;
    }

    .portfolio-card__row-3,
    .portfolio-card__row-5 {
        margin-top: 20px;
    }

    .btn-slider-review img,
    .btn-slider-portfolio img {
        width: 48px;
        height: 48px;
    }

    /* .portfolio-card__tech-list li:last-child, */
    .single-post-content--portfolio .portfolio-card__tech-list .technology-title {
        display: none;
    }

    

    .single-post-content--portfolio .portfolio-card__tech-list li:last-child {
        display: block;
    }


    .portfolio-card__image::before,
    .portfolio-card__image::after {
        width: 58px;
        height: 58px;
    }

    .portfolio-card__title {
        font-size: 22px;
    }
}


.single-post #breadcrumbs {
    pointer-events: none;
}

.socials {
    width: 100px;
}



/* CTA */

.cta,
.cta-career {
    position: relative;
    max-width: 1790px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1ede4));
    background: -o-linear-gradient(top, #fff 0%, #d1ede4 100%);
    background: linear-gradient(180deg, #fff 0%, #d1ede4 100%);
    border-radius: 80px;
}

.cta-career:after {
    content: url(/wp-content/uploads/2024/08/Group-8294-1-1.png);
    position: absolute;
    top: 385px;
    left: 80px;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    left: 32px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-left: 84px;
}

.iti__country-list {
    width: 582px;
    left: -32px;
    top: 80px;
    border: 1px solid #80d4bc;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 12px 40px rgba(1, 169, 121, .32);
            box-shadow: 0 12px 40px rgba(1, 169, 121, .32);
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.iti__country-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.iti__country-list {
    -webkit-overflow-scrolling: touch;
}

.iti__country-list li {
    padding: 10px 32px !important;
}

.cta-career__form .wpcf7-form-control-wrap.selct_multiselct-609,
.cta-career__form .wpcf7-form-control-wrap.selct_multiselct-610 {
    width: 100%;
    /*margin: 0 0 24px 20px;*/
}

.wpcf7-form-control {
    font-size: 18px;
}

.iti__highlight,
.iti__active {
    background: var(--3-additional) !important;
}

.first-screen-single-career:after {
    content: url(/wp-content/uploads/2024/08/Group-8293.png);
}

.first-screen-single-career .bg-circle {
    background: url(/wp-content/uploads/2024/08/Group-8295-2.png);
    height: 1569px;
    top: -50%;
}

.cta:after {
    content: url('/wp-content/uploads/2024/07/bg-cta1.png');
    position: absolute;
    top: -60px;
}

/* .faq .btn.link-button-Large {
    min-width: 235px;
} */

.career-catalog__filters .search-form {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-top: 40px;
}

#career-search-button {
    position: relative;
    background: none;
    border: none;
    border-radius: 50px;
    padding: 0;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

#career-search-button:hover::after {
    position: absolute;
    left: 0;
    content: url(https://corpsoftstg.wpenginepowered.com/wp-content/uploads/2024/08/icons_buttons-3.svg);
}

#career-search-input {
    width: 1186px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 0px 50px;
    font-weight: 400;
    background: transparent;
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}

#career-search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#career-search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#career-search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#career-search-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#career-search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 390px) {
    #career-search-input {
        width: 80%;
    }
}

.cta-subtitle {
    color: var(--main);
}

.cta-title {
    color: var(--black);
}

.cta__intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 60px;
}

.page-id-5848 .cta__intro {
    gap: 0;
}

.cta__content-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.cta__form {
    width: 100%;
}

.cta__content-wrapper {
    display: none!important;
}

.cta__content-desc {
    color: var(--txt);
    margin-top: 12px;
}

.cta__content-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    margin-top: 24px;
}

.cta__content-person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.cta__photo {
    border-radius: 20px;
    width: 100%;
}

.cta__content-desc p {
    margin: 0;
}

.cta__content-person-position {
    color: #01A979;
}

.cta__photo img {
    border-radius: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cta .cta__content>* {
    color: #242424;
}

.cta .cta__photo img {
    max-width: 298px;
    height: 298px;
}

.cta__content p {
    margin: 8px 0 0 0;
}

.cta__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-top: 32px;
}

.faq .cta__social-link img {
    width: 56px;
    height: 56px;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

.faq .cta__social-link img {
    width: 44px;
    height: 44px;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

.cta__social-link img:hover {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
}

.cta__form {
    background: var(--white);
    border-radius: 40px;
    padding: 32px;
}

.cta__form h3 {
    margin-bottom: 32px;
}

.cta__form input {
    border: 1px solid #80d4bc;
    border-radius: 100px;
    padding: 0px 32px;
    width: 220px;
    height: 60px;
    color: #242424;
}

.cta__form #wpcf7-f5852-o1 input {
    height: 44px;
}

#subscription-form input {
    border: 1px solid #80d4bc;
    border-radius: 100px;
    padding: 0px 32px;
    width: 460px;
    height: 60px;
    color: #242424;
}

.subscription-message {
    display: block;
    margin-top: 24px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a3a3a3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a3a3a3;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a3a3a3;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #a3a3a3;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a3a3a3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a3a3a3;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a3a3a3;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #a3a3a3;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a3a3a3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a3a3a3;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a3a3a3;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #a3a3a3;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a3a3a3;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #a3a3a3;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a3a3a3;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #a3a3a3;
}

input::placeholder,
textarea::placeholder {
    color: #a3a3a3;
}

.cta__form textarea {
    width: 100%;
    height: 100%;
    max-height: 240px;
    border: 1px solid #80d4bc;
    border-radius: 40px;
    padding: 16px 32px;
    resize: none;
    scrollbar-width: none;
}


.cta__form input.wpcf7-submit {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    background: #01a979;
    width: 100% !important;
    border: none !important;
    color: var(--white) !important;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

.cta__form input.wpcf7-submit:hover {
    background: #34ba94;
    color: var(--white);
}

.country-select.inside input,
.country-select.inside input[type=text] {
    padding: 16px 32px !important;
    width: 100%;
}

.dswcf7_country_sel.clicked .country-select.inside input,
.dswcf7_country_sel.clicked .country-select.inside input[type=text] {
    padding: 16px 59px !important;
    width: 100%;
}


.country-select {
    border-radius: 50px;
}

.country-select .selected-flag .arrow {
    border: none !important;
    content: url('/wp-content/uploads/2024/07/arrow-dropdown.svg');
    width: 24px;
    height: 24px;
    top: 28%;
    right: 32px;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

.country-select .selected-flag .arrow.up {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.country-select .selected-flag .flag {
    left: 32px;
    right: inherit;
}

.country-select .country-list .country-name {
    font-size: 18px;
}

/* .cta__form p {
    display: flex;
    gap: 20px;
} */

.country-select.inside .flag-dropdown:hover .selected-flag {
    background: transparent;
}

.country-select.inside .flag-dropdown:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    top: -45px;
    border-radius: 50px;
    position: relative;
    background: transparent
}

.country-select.inside .flag-dropdown:hover::after {
    background-color: rgba(246, 251, 249, 0.5);
}

.country-select.inside input:hover,
.country-select.inside input[type=text] {
    color: var(--txt) !important;
}

.custom-input-name {
    margin-right: 20px;
}

.selected-flag {
    padding: 0 32px !important;
}

.country-select,
.country-select.inside .selected-flag,
.country-select.inside .flag-dropdown {
    width: 100% !important;
    border-radius: 50px;
}

/* .select2-container--default .select2-selection--single {
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
} */

/* .select2-container--default .select2-selection--single .select2-selection__arrow svg {
    filter: grayscale(1);
} */

.select-arrow {
    display: none;
}

.select2-selection__arrow:after {
    position: absolute;
    content: url(/wp-content/uploads/2024/07/arrow-dropdown.svg);
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

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

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 15px !important;
    right: 32px !important;
    width: 26px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
}

.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.custom-file-upload:hover {
    background-color: #e0e0e0;
}

.wpcf7-form-control-wrap[data-name="file-224"] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.wpcf7-not-valid {
    border: 1px solid #ff3b30 !important;
}

.wpcf7-not-valid-tip {
    display: block;
    position: static;
    width: 100%;
    margin-top: 6px;
    padding-left: 5px;
    color: #ff3b30;
    font-size: 12px !important;
    line-height: 1.4;
}

/* .wpcf7-form-control-wrap[data-name="your-message"] lays the textarea out as a
   flex row (see below), so its error tip needs to wrap onto its own full-width
   line instead of squeezing into a narrow column beside the textarea. */
.wpcf7-form-control-wrap[data-name="your-message"] {
    -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.flex-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.dswcf7_country_sel {
    margin: 0 0 24px 0;
}

.wpcf7-form p {
    margin-bottom: 24px;
}

.wpcf7-form p:last-of-type {
    margin-bottom: 0;
}

.wpcf7-form-control-wrap[data-name="file-224"]:hover::after {
    background-color: transparent !important;
}

.wpcf7-form-control-wrap[data-name="your-message"] {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wpcf7-spinner {
    display: none !important;
}

.country-select .country-list .country.highlight {
    background: #f5fbf9;
}

.country-select .country-list {
    border: 1px solid #80d4bc;
    -webkit-box-shadow: 0 12px 40px rgba(1, 169, 121, .32);
            box-shadow: 0 12px 40px rgba(1, 169, 121, .32);
    border-radius: 20px;
    padding: 16px 0;
    top: 70px;
    width: 100% !important;
    z-index: 99;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.dswcf7_country_sel.clicked .country-select.inside input,
.dswcf7_country_sel.clicked .country-select.inside input[type=text]:hover {
    color: #000 !important;
}

.country-select .country-list .country {
    padding: 5px 32px;
}

.wpcf7-form-control-wrap[data-name="file-224"] input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.wpcf7-form-control-wrap[data-name="file-224"]::after {
    content: 'Upload file';
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #01a979;
}

.wpcf7-form-control-wrap[data-name="file-224"]::before {
    content: url('/wp-content/uploads/2024/07/upload-icon.svg');
    display: inline-block;
}


.wpcf7-form-control-wrap[data-name="file-224"]:hover::after {
    background-color: #e0e0e0;
}

.wpcf7-form-control-wrap[data-name="file-224"][data-filename]::before {
    content: attr(data-filename);
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 12px;
    color: #666;
}

.cta .link-with-arrow {
    color: #01a979;
}

.cta .link-with-arrow:after {
    content: url('/wp-content/uploads/2024/07/Icons.svg');
}



@media (min-width: 1100px) {
    .cta.spacing,
    .cta-career.spacing {
        padding: 80px 0;
    }
}

span.select2-search.select2-search--dropdown,
.select2-selection__clear {
    display: none;
}

.select2-container--default .select2-results>.select2-results__options {
    border-radius: 20px;
}

span.select2-dropdown.select2-dropdown--above,
span.select2-dropdown.select2-dropdown--below {
    border: 1px solid #80d4bc;
    border-radius: 20px;
}

.select2-container--open .select2-dropdown--below {
    margin-top: 10px;
}

.select2-container--default .select2-selection--single:hover {
    background: #fbfdfd !important;
}

.select2-results__options .select2-results__option:hover {
    background: var(--3-additional) !important;
}

.codedropz-upload-handler {
    position: relative;
    border: 1.50px dashed #a3a3a3;
    border-radius: 20px;
    padding: 16px 32px 41px 32px;
    margin: 0 0 24px 0;
}

.dnd-upload-status .dnd-upload-details {
    padding-left: 12px;
}

.dnd-upload-status .dnd-upload-details .name span {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #242424;
    max-width: calc(100% - 117px);
}

.dnd-upload-status .dnd-upload-details .name em {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #242424;
}

.dnd-upload-status .dnd-upload-details .name {
    padding: 0 0 11.5px 0;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
    display: block;
    border-radius: 8px;
    background: #565555;
    height: 9px;
    width: calc(100% - 87px);
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background: #01a979;
    height: 9px;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar div {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    position: absolute;
    color: #242424;
    right: 55px;
    bottom: 12px;
}

.dnd-upload-status .dnd-upload-details .remove-file {
    right: 17px;
    top: 16px;
}

.dnd-upload-status .dnd-upload-image {
    width: 48px;
    height: 48px;
    border: none;
}

.dnd-upload-status .dnd-upload-image span.file {
    height: 48px;
    width: 47px;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='48' height='48' rx='24' fill='%2301A979'/%3E%3Cpath d='M26.9996 14.9004V18.5004C26.9996 19.1631 27.5369 19.7004 28.1996 19.7004H31.7996M29.9996 16.7004C29.4655 16.2225 28.9113 15.6558 28.5614 15.2877C28.3286 15.0427 28.007 14.9004 27.669 14.9004H18.5993C17.2738 14.9004 16.1993 15.9749 16.1993 17.3004L16.1992 31.7003C16.1992 33.0258 17.2737 34.1003 18.5992 34.1003L29.3993 34.1004C30.7247 34.1004 31.7992 33.0259 31.7993 31.7004L31.7996 18.9782C31.7996 18.6714 31.6825 18.3764 31.4696 18.1555C31.0758 17.747 30.4182 17.0749 29.9996 16.7004Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.dnd-upload-status .dnd-upload-details .remove-file span:after {
    width: 16px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2220%22%20viewBox%3D%220%200%2018%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%204.17647H17M6%201H12M7%2014.7647V8.41177M11%2014.7647V8.41177M12.5%2019H5.5C4.39543%2019%203.5%2018.0519%203.5%2016.8824L3.0434%205.27937C3.01973%204.67783%203.47392%204.17647%204.04253%204.17647H13.9575C14.5261%204.17647%2014.9803%204.67783%2014.9566%205.27937L14.5%2016.8824C14.5%2018.0519%2013.6046%2019%2012.5%2019Z%22%20stroke%3D%22%23A3A3A3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.dnd-upload-status {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border: 1px solid #80d4bc;
    border-radius: 12px;
    padding: 15px;
    background: #f5fbf9;
}

.codedropz-upload-container {
    padding: 0;
}

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    font-weight: 500;
}

.dnd-upload-counter {
    color: #a3a3a3;
    right: 32px;
    bottom: 16px;
    font-size: 14px;
}


.faq__content-cta {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 24px;
    border-radius: 30px;
    max-width: 460px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.faq__content-cta.dark-gradient {
    margin-bottom: 0;
}

.faq .cta__content h3 {
    font-size: 16px;
    color: #fff;
}

.faq .cta__content-person-position {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.fs-16 {
    color: #fff;
}

.review-card__position {
    color: var(--txt);
}

.cta__content-bottom {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 412px;
}

.cta__content-bottom>* {
    margin: 0;
}

.cta__content-buttons .btn {
    font-size: 16px;
    line-height: 22px;
    border: 0;
    padding: 11px 24px !important;
    min-height: 44px;
}

@media (max-width: 1200px) {
    .cta__content-person,
    .cta__content-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .cta:after {
        display: none;
    }
}

@media (max-width: 992px) {
    .cta__intro {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .country-select .selected-flag .arrow {
            right: 15px;
    }

    .cta__content-person,
    .cta__content-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .cta__content-person {
        gap: 20px;
    }

    .cta__intro {
        gap: 30px;
    }

    .cta__form {
        width: 100%;
    }

    .cta__form input {
        width: calc(50% - 10px);
    }

    .cta.spacing {
        border-radius: 20px;
        margin: 0 20px;
    }

    .cta.spacing .cta__form #wpcf7-f5852-o1 .wpcf7-submit {
            width: 100% !important;
    }

    .cta .wrapper {
        padding: 0;
    }

    .cta__content-wrapper,
    .cta__content-buttons,
    .cta__content-person {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        text-align: left;
        width: 100%;
    }

    .cta__content-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }

    .cta__content .subheading-small {
        font-size: 20px;
    }

    .cta__photo {
        max-width: 100%;
    }

    .btn {
        padding: 12px 24px;
    }

    .cta__form h3 {
        margin-bottom: 8px;
        font-size: 24px;
    }

    .fields-group-custom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .cta__form #wpcf7-f5852-o1 .wpcf7-email {
        margin-bottom: 0;
    }
}


@media (max-width: 768px) {

    .cta .cta__photo img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .cta__form {
        padding: 20px;
    }

    .cta__socials {
        gap: 16px
    }

    .cta__form input {
        width: 100%;
        margin: 0;
    }

    .cta__content-buttons .btn {
        width: 100%;
    }

    .cta__content-bottom {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

@media (max-width: 660px) {

    .wpcf7-form p {
        margin-bottom: 20px;
    }

    input.custom-input-name {
        margin-bottom: 20px;
    }

    .cta .btn,
    .cta__content-buttons {
        width: 100%;
    }
}

/*TEXT AND IMAGE*/

.text-with-img {
    position: relative;
}

.text-with-img .wrapper {
    max-width: 1760px;
}

.text-with-img:after {
    content: '';
    background: url(/wp-content/uploads/2024/08/Group-8290-3.png) top center / cover no-repeat;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 70%;
}

.text-with-img:before {
    content: '';
    background: url(/wp-content/uploads/2024/08/Group-8291.png) top center / cover no-repeat;
    position: absolute;
    top: -200px;
    width: 100%;
    height: 120%;
}

.term-168 .text-with-img:before {
    height: 250%;
}

.tax-service-category .text-with-img:before {
    height: 500%;
}



.text-with-img .block .title,
.text-with-img .block .description {
    max-width: 832px;
    margin: 0 auto;
}

.text-with-img .block .title {
    border-bottom: 1px solid #72f024;
    padding: 0px 0px 24px 0px;
}

.text-with-img .block .description p,
.text-with-img .block .description ul,
.text-with-img .block .description ol {
    color: rgba(255, 255, 255, 0.8);
}

.text-with-img .block .description ul {
    padding: 0 0 0 28px;
}

.text-with-img .block .description p:first-child {
    margin-top: 40px;
}

.text-with-img .block .description p+p {
    margin-top: 28px;
    margin-bottom: 0;
}

.text-with-img .block .description ul+p {
    margin-top: 28px;
    margin-bottom: 0;
}

.text-with-img .block .description ul+p+h3 {
    margin-top: 1rem;
}

.text-with-img .block .description :is(h1, h2, h3, h4, h5) {
    font-size: 24px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 52px;
}

.text-with-img__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px
}

.text-with-img .block .gallery {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: 100%;
}

.text-with-img .block .gallery .gallery-image {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    height: auto;
}

.text-with-img .block .title+.description {
    margin-top: 40px;
}

@media (max-width: 992px) {
    .text-with-img:after {
        display: none;
    }
}

@media (max-width: 768px) {
    .text-with-img .block .title {
        font-size: 20px;
        padding-bottom: 19px;
    }

    .text-with-img .block .title+.description {
        margin-top: 24px;
    }

    .text-with-img .block .description p:first-child {
        margin-top: 20px;
        margin-bottom: 12px;
    }

    .text-with-img__content {
        gap: 32px
    }

    .text-with-img .block .description p+p {
        margin-top: 12px;
    }

    .text-with-img .block .description :is(h1, h2, h3, h4, h5) {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .text-with-img .block .description p {
        font-size: 16px;
    }

    .text-with-img .block .gallery {
        margin-top: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
    }

    .text-with-img .block .gallery img {
        width: 100% !important;
    }

    .text-with-img .block .description ul {
        margin-bottom: 12px;
    }

    .text-with-img .block .description ul+p {
        margin-top: 12px;
    }

    .text-with-img:after {
        display: none;
    }
}


/* FAQ */
.faq {
    position: relative;
}

.single .faq {
    margin-bottom: 120px;
}

.single .faq-blog {
    margin: 120px 0;
}

.faq:after {
    position: absolute;
    content: url(/wp-content/uploads/2024/08/Group-8291-1.svg);
    width: auto;
    height: auto;
    bottom: -50vh;
    left: -45vw;
}

.faq:before {
    position: absolute;
    content: url(/wp-content/uploads/2024/08/RoundCube-Green-Glossy.svg);
    width: auto;
    height: auto;
    top: 10vh;
    right: 5vw;
}

@media (max-width: 1400px) {
    .faq:after {
        position: absolute;
        bottom: -145vh;
        left: -50vw;
    }
    .single .faq {
        margin-bottom: 80px;
    }

    .single .faq-blog {
        margin: 80px 0;
    }
}

.page-id-216 .faq:after {
    left: -32vw;
}


.faq__content-main {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.faq-item {
    padding: 21px 0;
    position: relative;
    -webkit-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.faq-question {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    max-width: 94%;
    cursor: pointer;
}

.faq-answer {
    max-width: 88%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
    -o-transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
    transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
}

.faq-answer ul {
    margin: 0;
    padding: 10px 0 0 20px;
}

.faq-item.active .faq-answer {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    opacity: 1;
    margin: 12px 0 0 0;
}

.faq-item.active .faq-answer>p {
    margin: 0;
    font-size: 16px;
}

.faq-toggle:after {
    content: url('/wp-content/uploads/2025/03/Icons-5.svg');
    position: absolute;
    top: 16px;
    right: 0px;
    -webkit-transition: content ease 0.3s;
    -o-transition: content ease 0.3s;
    transition: content ease 0.3s;
}

@media (min-width: 768px) {
    .faq-item:hover .faq-toggle:after {
        -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg);
        top: 12px;
        content: url('/wp-content/uploads/2025/03/Icons-4.svg');
    }

    .faq-item.active .faq-toggle:after,
    .faq-item.active:hover .faq-toggle:after {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        top: 16px;
        /* transition: var(--default-setup); */
        content: url('/wp-content/uploads/2025/03/Icons-4.svg');
    }
}


@media (max-width: 786px) {
    .faq-item.active .faq-toggle:after {

        content: url('/wp-content/uploads/2025/03/Icons-4.svg');
    }

    .faq-question {
        font-size: 18px;
    }

    .faq-answer {
        font-size: 16px;
    }

    .faq__content.content-center {
        text-align: start;
    }

    .faq-toggle:after {
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7);
        top: 5px;
        right: 10px;
    }

    .faq-item {
        padding: 12px 0;
    }

    .faq:after {
        display: none;
    }

    .faq {
        background: transparent
    }

    .faq__content-main {
        margin-top: 20px;
        gap: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media (max-width: 640px) {
    .faq-question {
        max-width: 87%;
    }

    .first-screen-404.text-overlay:before {
        font-size: 230px;
    }

    .faq-toggle:after {
        -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
                transform: scale(0.6);
    }
}

/* Timeline */

.timeline__content {
    white-space: nowrap;
    overflow: hidden;
}

.timeline ol {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 229px 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.timeline ol .point__card {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 216px;
    height: 2px;
    background: #01a979;
}

.timeline ol .point__card:first-child {
    width: 0;
}

.timeline ol .point__card:not(:first-child) {
    margin-left: 7px;
}

.timeline ol .point__card:last-child::before {
    content: '';
    width: 300%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#01a979), to(rgba(1, 169, 121, 0)));
    background: -o-linear-gradient(left, #01a979, rgba(1, 169, 121, 0));
    background: linear-gradient(to right, #01a979, rgba(1, 169, 121, 0));
    display: block;
    left: 184px;
    position: absolute;
}

.point__card-number {
    font-family: var(--third-family);
    font-weight: 600;
    font-size: 36px;
    line-height: 140%;
    color: #01a979;
}

.point__card-info {
    margin: 12px 0 0 0;
}

.point__card-desc {
    margin: 4px 0 0 0;
    font-size: 16px;
    line-height: 150%;
    color: #474747;
}

.timeline ol .point__card::after {
    content: url(/wp-content/uploads/2024/08/timeline-point.svg);
    position: absolute;
    left: 100%;
    bottom: -5px;
    height: 47px;
}

.timeline-title {
    color: #242424;
}

.timeline ol .point__card:nth-child(2n)::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: -5px;
}

.timeline ol .point__card .point__card-content {
    position: absolute;
    left: 100%;
    width: 375px;
    font-size: 1rem;
    white-space: normal;
    color: black;
}

.timeline ol .point__card:nth-child(odd) .point__card-content {
    top: -66px;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

.timeline ol .point__card:nth-child(odd) .point__card-content::before {
    top: 100%;
    border-width: 8px 8px 0 0;
    border-color: white transparent transparent transparent;
}

.timeline ol .point__card:nth-child(even) .point__card-content {
    top: calc(100% + 66px);
}

.timeline ol .point__card:nth-child(even) .point__card-content::before {
    top: -8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent white;
}

@media (max-width: 1220px) {
    .timeline__content {
        white-space: normal;
        overflow-x: visible;
    }

    .timeline ol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0;
        margin: 32px 0 0 0;
    }

    .timeline ol .point__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto;
        background: none;
        margin: 0 0 40px 0;
        padding-left: 30px;
        position: relative;
    }

    .timeline ol .point__card:first-child {
        width: 100%;
    }

    .timeline ol .point__card:not(:first-child) {
        margin-left: 0;
    }

    .timeline ol .point__card::before,
    .timeline ol .point__card:last-child::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: -40px;
        /* Extend to the next card */
        width: 2px;
        background: #01a979;
        height: auto;
    }

    .timeline ol .point__card:last-child::before {
        background: -webkit-gradient(linear,
                left top, left bottom,
                from(#01a979),
                color-stop(30%, #01a979),
                color-stop(50%, rgba(1, 169, 121, 0.8)),
                color-stop(70%, rgba(1, 169, 121, 0.5)),
                to(rgba(1, 169, 121, 0)));
        background: -o-linear-gradient(top,
                #01a979 0%,
                #01a979 30%,
                rgba(1, 169, 121, 0.8) 50%,
                rgba(1, 169, 121, 0.5) 70%,
                rgba(1, 169, 121, 0) 100%);
        background: linear-gradient(to bottom,
                #01a979 0%,
                #01a979 30%,
                rgba(1, 169, 121, 0.8) 50%,
                rgba(1, 169, 121, 0.5) 70%,
                rgba(1, 169, 121, 0) 100%);
    }

    .timeline ol .point__card::after {
        left: -5px;
        top: 20px;
        bottom: auto;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
    }

    .timeline ol .point__card:nth-child(2n)::after {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
                transform: rotate(360deg);
        top: -15px;
    }

    .timeline ol .point__card .point__card-content {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .timeline ol .point__card:nth-child(odd) .point__card-content,
    .timeline ol .point__card:nth-child(even) .point__card-content {
        top: 0;
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
    }

    .point__card-number {
        margin-bottom: 10px;
    }

    .point__card-info {
        margin: 0;
    }

    .point__card-desc {
        margin: 4px 0 0 0;
    }

}

/* Flexible cards */

.flexible-cards-title,
.flexible-card__title {
    color: #fff;
}

.flexible-cards.cubes {
    background: url(/wp-content/uploads/2024/09/Group-18494.png) top center / contain no-repeat;
    background-position-y: 150px;
}

.flexible-cards__intro-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 24px;
}

.flexible-cards__cards {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
}

.flexible-cards__content-desc p {
    color: rgba(255, 255, 255, 0.8);
}

.flexible-cards__content-desc p:last-child {
    margin: 0;
}

.flexible-card-center .flexible-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}

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

.flexible-cards__intro-row .flexible-cards__cards {
    margin-top: 0;
}


.flexible-cards__intro-row-left {
    -ms-flex-preferred-size: 340px;
        flex-basis: 340px;
}

.flexible-card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.flexible-cards__intro-row .flexible-cards__cards {
    -ms-flex-preferred-size: 895px;
        flex-basis: 895px;
}

.flexible-card {
    padding: 32px;
    border-radius: 30px;
    background: var(--gradient-light);
}

.flexible-card-white .flexible-card {
    background: var(--white);
}

.flexible-card-white .flexible-card .flexible-card__title {
    color: #474747
}


.flexible-card__image {
    width: 56px;
    height: 56px;
}

.flexible-card__desc {
    margin: 12px 0 0 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
}

.flexible-card-white .flexible-card .flexible-card__desc {
    color: #242424;
}

.flexible-card-2 .flexible-card {
    -ms-flex-preferred-size: calc((100% / 2) - 12px);
        flex-basis: calc((100% / 2) - 12px);
}

.flexible-card-3 .flexible-card {
    -ms-flex-preferred-size: calc((100% / 3) - 16px);
        flex-basis: calc((100% / 3) - 16px);
}

.flexible-card-4 .flexible-card {
    -ms-flex-preferred-size: calc((100% / 4) - 21px);
        flex-basis: calc((100% / 4) - 21px);
}

@media (max-width: 1240px) {

    .flexible-cards__intro-row-left,
    .flexible-cards__intro-row .flexible-cards__cards {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    }

    .flexible-cards.cubes {
        background: transparent;
    }
}

@media (max-width: 1024px) {
    .flexible-cards__intro-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media (max-width: 992px) {
    .flexible-cards__cards {
        margin-top: 20px;
        gap: 16px;
    }

    .flexible-cards__intro-row-left,
    .flexible-cards__intro-row .flexible-cards__cards {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    }

    .flexible-card-2 .flexible-card,
    .flexible-card-3 .flexible-card,
    .flexible-card-4 .flexible-card {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
}


@media (max-width: 768px) {
    .flexible-cards__content-desc {
        margin-top: 12px;
    }

    .flexible-cards__cards {
        margin-top: 40px;
    }

    .flexible-card {
        padding: 24px;
    }

    .flexible-card__top {
        gap: 12px;
    }

    .page-id-3188 .flexible-card__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    .flexible-card__title {
        font-size: 20px;
    }

    .flexible-card__desc {
        font-size: 16px;
    }
}

/* TEAM */

.team {
    background: url('/wp-content/uploads/2024/08/bg-team.png') center -200px / cover no-repeat;
}

@media (min-width: 1400px) {
    .team.spacing {
        padding: 0 0 120px 0;
    }
}

.first-screen.first-screen-team:after {
    content: url(/wp-content/uploads/2024/08/bg-team-3.png);
}

#team-selected-category {
    font-weight: 700;
    font-size: 36px;
    line-height: 140%;
    color: #fff;
    margin-top: 60px;
}

#team-categories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}

#team-categories ul li {
    border: 1px solid #8ffe0a;
    border-radius: 30px;
    cursor: pointer;
}

#team-categories ul li:hover {
    background: rgba(143, 254, 10, 0.1);
}

#team-categories ul li.active {
    background: #8ffe0a;
}

#team-categories ul li a {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #fff;
    opacity: 0.8;
    padding: 15px 23px;
    display: block;
    border-radius: 30px;
}

#team-categories ul li.active a {
    background: #8ffe0a;
    color: #242424;
    opacity: 1;
}

#team-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 21px;
    margin-top: 12px;
}

.team-member-info {
    padding: 32px 24px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.01)), to(rgba(255, 255, 255, 0.09)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.09) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.09) 100%);
}

.team-member-info h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
}

.team-member-info span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #2ef6b9;
    display: block;
    margin-top: 12px;
}

.team-member {
    border-radius: 40px;
    overflow: hidden;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid transparent;
}

.team-member:hover {
    border-color: #8ffe0a;
}

.team-member img {
    border-radius: 20px 20px 0 0;
    width: 404px;
    height: 406px;
}

.first-screen-team__photo {
    border-radius: 30px;
    max-width: 649px;
    width: 100%;
    height: 536px;
    -o-object-fit: cover;
    object-fit: cover;
}

.first-screen-team__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 140px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.first-screen-team__info-position {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #72f024;
    margin-bottom: 12px;
}

.first-screen-team-buttons {
    margin-top: 40px;
}

@media (max-width: 992px) {
    .first-screen-team__content {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px
    }

    .first-screen-team__photo {
        max-width: 100%;
        height: auto;
    }

    .first-screen-team__info {
        width: 100%;
    }

    .first-screen-team-buttons {
        margin-top: 32px;
    }

    .first-screen-team-buttons .btn {
        width: 100%;
    }

    .banner__intro-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #team-categories {
        position: relative;
        padding-bottom: 16px;
    }

    #team-categories ul {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding-bottom: 0;
        margin-right: -20px;
        margin-left: -20px;
    }

    #team-categories ul::-webkit-scrollbar {
        display: none;
    }

    #team-categories ul li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: auto;
    }

    #team-categories ul li a {
        white-space: nowrap;
        padding: 11px 24px;
        font-size: 16px;
    }

    #team-categories .custom-scrollbar {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 6px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 3px;
    }

    #team-categories .custom-scrollbar-thumb {
        position: absolute;
        height: 100%;
        width: 50% !important;
        background: #01a979;
        border-radius: 3px;
        cursor: pointer;
    }

    .first-screen-team-buttons.buttons-desk {
        display: none;
    }

    .first-screen-team-buttons.buttons-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .first-screen-team-buttons.buttons-mobile .btn {
        width: 100%;
    }
}

@media (max-width: 880px) {
    #team-posts a {
        width: 100%;
    }

    .team-member img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 768px) {
    #team-selected-category {
        margin-top: 32px;
        font-size: 24px;
    }

    .team-member {
        border-radius: 20px;
    }

    #team-posts {
        margin-top: 20px;
        gap: 20px
    }

    .team-member-info {
        padding: 20px 24px 24px 24px;
    }

    .team-member-info h2 {
        font-size: 20px;
    }

    .team-member-info span {
        font-size: 16px;
    }

    .first-screen-team {
        padding: 28px 0;
        margin-bottom: 40px;
    }

    .first-screen-team__info-position {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .first-screen-team__info .heading-medium {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .first-screen-team__content {
        gap: 0;
    }

    .flexible-cards__content-desc p,
    .flexible-cards__content-desc ul>li,
    .banner__intro-row .banner__content-desc ul>li,
    .banner__intro-row .banner__content-desc p {
        font-size: 16px;
    }

    .banner__content-desc p+ul,
    .banner__content-desc p+ol {
        margin: 8px 0;
        padding: 0 0 0 20px;
    }
}

/* PORTFOLIO POST TYPE */

.post-type-archive-portfolio .portfolio-card__content {
    min-height: 488px;
}

.pagination-container {
    margin-top: 32px;
}

.portfolio-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;

}

.portfolio-block {
    position: relative;
}

.portfolio-block__intro {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}

.portfolio-block:after {
    overflow: hidden;
    position: absolute;
    content: url(/wp-content/uploads/2024/08/Group-8301.png);
    top: 200px;
    left: 20px;
}

.search-form {
    position: relative;
    width: 100%;
    max-width: 460px;
}

.clear-search {
    position: absolute;
    right: 15px;
    top: 26px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #bec4c2;
}

#search-input {
    position: relative;
    width: 100%;
    display: block;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 15px 32px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.5);
}

.search-form:before {
    position: absolute;
    content: url(/wp-content/uploads/2024/09/search-input.svg);
    top: 18px;
    left: 24px;
    width: 24px;
    display: block;
    height: 24px;
    z-index: 999;
}

.sidebar {
    width: 368px;
    padding: 32px;
    background: var(--gradient-light);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 30px;
    position: sticky;
    top: 100px;
}

.sidebar h3 {
    position: relative;
}

.sidebar h3:after {
    position: absolute;
    content: url(/wp-content/uploads/2024/07/arrow-dropdown.svg);
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

h3.sidebar-toggle.active:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

#sort-select {
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 11px 43px 11px 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sort-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}

.portfolio-items {
    padding: 0;
    position: relative;
}

.sort-options label {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
}

.content {
    width: 75%;
}

.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 24px 0;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
}

.sidebar h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}

.sidebar a {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.sidebar a.active {
    color: #8ffe0a;
}

.search-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 32px;
}

.search-sort {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    margin-bottom: 24px;
}

.selected-filters {
    width: 100%;
}

.search-sort .selected-filters-wrap {
    margin-top: 24px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}

.clear-all-filters {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.remove-all-filters {
    background: transparent;
    border: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #8ffe0a;
}

span.selected-filter-tag {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #8ffe0a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #8ffe0a;
    border-radius: 100px;
    padding: 5px 23px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 8px;
}

span.selected-filter-tag .remove-filter {
    background: transparent;
    border: 0;
    width: 24px;
    height: 24px;
    padding: 0;
}

.portfolio-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
    list-style: none;
}

.search-results {
    position: absolute;
    background-color: white;
    max-height: 224px;
    overflow-y: auto;
    width: -webkit-fill-available;
    z-index: 1000;
    margin-top: 8px;
    border: 1px solid #80d4bc;
    border-radius: 20px;
    padding: 16px 0px;
    -webkit-box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.15);
}

.search-results li {
    padding: 10px;
    cursor: pointer;
}

.search-results li:hover {
    background-color: #f5fbf9;
}

.portfolio-container .portfolio-card__row-1 {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #a3a3a3;
}

.portfolio-container .portfolio-card__row-2,
.portfolio-container .portfolio-card__row-3,
.portfolio-container .portfolio-card__row-5 {
    margin-top: 20px;
}

.portfolio-container .portfolio-card__row-4 p {
    -webkit-line-clamp: 3;
}

@media (max-width: 768px) {
    .portfolio-card__image a img {
        max-height: 220px;
        height: 100%;
    }
    .sidebar {
        padding: 24px;
    }
}

.portfolio-container .portfolio-card__row-4 p+p {
    display: none;
}

.portfolio-container .portfolio-card__technologies {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.portfolio-container .portfolio-card__technologies .portfolio-card__subtitle {
    margin: 0;
}

.sidebar-section {
    margin-top: 12px;
}

.sidebar-section:first-child {
    margin-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 12px;
}

.sidebar-list {
    display: none !important;
    overflow: hidden;
    -webkit-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}

.sidebar-list.show {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}

.sidebar-list li:hover a {
    color: var(--2-additional);
}

.features-legend>span {
    font-size: 12px;
}

@media (max-width: 768px) {
    .sidebar-list li:hover a {
        color: var(--accent);
    }
    .sidebar-section {
        margin-top: 12px;
    }
    .sidebar {
        padding: 16px 24px;
    }
}


/* SINGLE POST PORTFOLIO */

.single-post-content--portfolio {
    margin: 0 0 120px;
    padding-top: 120px;
}

@media (max-width: 992px) {
    .single-post-content--portfolio {
        padding-top: 40px;
    }
}

.single-post-content--portfolio .flexible-cards {
    margin: 80px 0;
    padding: 0;
}

.single-post-content+.single-post-content {
    margin-top: 40px;
}

.single-post-content--portfolio .wrapper:not(.single-post-content) {
    max-width: 1300px;
    margin: 0 auto;
}

.single-post-content--portfolio .single-post-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
}

@media (min-width: 992px) {
    .images-col.gallery-one-column .img-cover {
        min-height: 420px;
        min-width: 618px;
    }
}

@media (max-width: 992px) {
    .single-post .first-screen-single-blog.first-screen {
        padding: 50px 0;
        align-items: center;
        justify-content: center;
    }
    .single-post .first-screen-single-blog.first-screen:after {
        top: -25%;
    }
    .single-post .blog-duration,
    .single-post .blog-content__sidebar {
        display: none;
    }
    .first-screen-single-blog .heading-small {
        font-size: 32px;
    }
}

.single-post-content--portfolio .single-post-content {
    position: relative;
}

.single-post-content--portfolio .single-post-content:first-child:after {
    content: none;
}

.single-post-content--portfolio .single-post-content:nth-child(2n+2):after {
    content: url(/wp-content/uploads/2024/08/single-portfolio.png);
    position: absolute;
    overflow: hidden;
}

.single-post-content--portfolio .single-post-content:last-child:after {
    content: '';
}

.single-post-content--portfolio .single-post-content:not(:first-child):nth-child(even):after {
    -webkit-transform: translate(-70%, -35%);
        -ms-transform: translate(-70%, -35%);
            transform: translate(-70%, -35%);
}

.single-post-content--portfolio .single-post-content:not(:first-child):nth-child(odd):after {
    -webkit-transform: translate(-60%, -35%);
        -ms-transform: translate(-60%, -35%);
            transform: translate(-60%, -35%);
}

.single-post-content__content {
    width: 678px;
}

.single-post-content__text {
    width: 558px;
}

.image-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
}

.image-gallery figure {
    margin: 0;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    color: #fff;
    margin-top: 20px;
}

.text-content h1+p,
.text-content h2+p,
.text-content h3+p,
.text-content h4+p,
.text-content h5+p {
    margin: 12px 0 0 0;
}

.text-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
}

.text-content p:last-child {
    margin-bottom: 0;
}

.images-col {
    margin: 80px 0;
}

.gallery-three-column {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr 12px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    gap: 12px;
}

.gallery-three-column > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.gallery-three-column > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.gallery-three-column > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.img-cover {
    border-radius: 20px;
    max-height: 534px;
}

.gallery-one-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.gallery-one-column img:first-child {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

.gallery-one-column img:not(:first-child) {
    -ms-flex-preferred-size: calc(50% - 6px);
        flex-basis: calc(50% - 6px);
}

.first-screen-portfolio__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.first-screen-portfolio__content h1 {
    max-width: 674px;
    width: 100%;
}

.list-items__item {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


.list-items__item-title {
    width: 100%;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
}

.first-screen-portfolio__content .list-items {
    border-left: 1px solid #8ffe0a;
    padding: 0 0 0 32px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
    max-width: 531px;
    width: 100%;
}

.first-screen-portfolio__content .list-items .list-items__item.list-items__item-tech {
    width: 100%;
}

.first-screen-portfolio__content .list-items .list-items__item:nth-child(3),
.first-screen-portfolio__content .list-items .list-items__item:nth-child(4) {
    width: 47%;
}

.portfolio-card__tech-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

a.pill.list-items__item-pill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #8ffe0a;
    padding: 11px 23px;
    border: 1px solid #8ffe0a;
    border-radius: 100px;
    margin-right: 12px;
    pointer-events: none;
}

.list-items__item-pills a.pill.list-items__item-pill {
    margin: 0;
}

.list-items__item-time .pill.list-items__item-pill {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #8ffe0a;
}

.list-items__item .list-items__item-pills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}

.list-items__item .list-items__item-time .list-items__item-pills {
    border: none;
    padding: 11px 0;
}

.first-screen.first-screen-portfolio:after {
    content: url(/wp-content/uploads/2024/08/bg-single-portfolio-2.png);
}

@media (min-width: 1200px) {
    .first-screen.first-screen-portfolio.text-overlay.zoom-in:after {
        -webkit-animation: zoomInCybePortfolio 1.5s ease-out forwards;
        animation: zoomInCybePortfolio 1.5s ease-out forwards;
    }
}

.title-with-border {
    padding-bottom: 23px;
    border-bottom: 1px solid #8ffe0a;
}

.description-before {
    margin-top: 40px;
}

.description-after,
.description-before {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}

.single-post-content--portfolio .portfolio-card__technologies {
    margin: 20px 0;
}

.single-post-content--portfolio .portfolio-card__technologies .technology-title {
    color: var(--accent);
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    margin-right: 12px;
}

.single-post-content--portfolio .portfolio-card__technologies .portfolio-card__tech-list {
    gap: 30px
}

#breadcrumbs {
    margin: 0 auto 48px;
    max-width: 1300px;
    padding: 0 20px
}

#breadcrumbs span>a {
    color: rgba(255, 255, 255, 0.8);
}

#breadcrumbs span.breadcrumb_last {
    color: #2ef6b9;
}

@media (max-width: 1100px) {
    .portfolio-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .sidebar,
    .content {
        width: 100%;
        position: relative;
        top: 0;
        max-width: 100%;
    }

    .portfolio-block:after {
        display: none;
    }
}

@media (max-width: 992px) {
    .search-sort {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 16px;
    }

    .portfolio-block__intro {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {

    .first-screen-portfolio__content .list-items .list-items__item:nth-child(3),
    .first-screen-portfolio__content .list-items .list-items__item:nth-child(4) {
        width: 100%;
    }

    .portfolio-container {
        gap: 20px
    }

    .sidebar ul {
        border: 0;
    }

    .sidebar-section:first-child {
        /* border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 23px;
        margin-bottom: 24px; */
    }

    /* .first-screen-portfolio.text-overlay.zoom-in:before {
        display: none;
    } */
}

/* BLOG */

.blog-container {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

.blog-container .sidebar>.sidebar-section:nth-child(2) {
    display: none;
}

.blog-posts {
    position: relative;
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

.blog-post {
    background: #fff;
    border-radius: 40px;
    overflow: hidden;
}

.blog-post__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

.blog-post__text {
    padding: 32px 0 32px 32px;
}

.blog-post__image img {
    border-radius: 40px;
    width: 420px;
    height: 100%;
    min-height: 363px;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-post__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.blog-post__service-provide {
    background: rgba(1, 169, 121, 0.1);
    border-radius: 50px;
    padding: 6px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    font-size: 16px;
    color: #01a979;
    margin: 20px 0;
}

.blog-post__service-provide a:not(:first-child) {
    display: none;
}

.blog-post__meta span {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #a3a3a3;
}

.blog-post__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    max-height: 6em;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #474747;
    margin-top: 12px;
}

.blog-post__read-more {
    margin-top: 20px;
    color: var(--main);
}

.blog-post__read-more.link-with-arrow:after {
    content: url(/wp-content/uploads/2024/07/black-green-arrow-1.svg);
}

.post-type-archive-portfolio .first-screen:after,
.page-id-381 .first-screen:after {
    content: url(/wp-content/uploads/2024/08/Group-8299-2.png);
}

#lottie-filter {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    border-radius: 40px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.01);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 120px;
}

#lottie-filter svg {
    max-width: 200px;
    max-height: 200px;
}

.single-blog__content-bottom {
    margin-top: 80px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 30px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.single-blog__content-bottom .blog-categories,
.single-blog__content-bottom .blog-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.single-blog__content-bottom .blog-categories a.pill.list-items__item-pill {
    margin: 0;
}

.single-blog__content-bottom .blog-meta {
    gap: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
}

.blog-date {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.blog-date:before {
    position: relative;
    content: url('/wp-content/uploads/2024/08/calendar.svg');
    width: 24px;
    height: 24px;
}

.blog-content__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 44px
}

.blog-content__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
    max-width: 832px;
}

.blog-content__text h2 {
    color: var(--accent) !important;
}

.blog-content__sidebar .blog-duration {
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 12px;
    display: block;
}


.blog-content__sidebar {
    position: sticky;
    top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.blog-content__sidebar-content {
    border-radius: 30px;
    padding: 32px;
    min-width: 300px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    background: var(--gradient-light);
}

.progress-bar-container {
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    height: 5px;
    position: sticky;
    top: 20px;
}

.progress-bar {
    width: 0;
    height: 100%;
    border-radius: 30px;
    background-color: #8ffe0a;
    -webkit-transition: width 0.001s ease;
    -o-transition: width 0.001s ease;
    transition: width 0.001s ease;
}

.text-banner {
    margin-top: 60px;
    border-radius: 30px;
    padding: 32px;
    background: var(--white);
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #242424;
}

.text-banner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.text-banner ul li {
    padding: 0;
    margin: 0;
}

.text-with-border {
    margin: 60px 0 40px 0;
    border-bottom: 1px solid #8ffe0a;
    border-top: 1px solid #8ffe0a;
    padding: 24px 10px;
}

.text-with-border p {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
    margin: 0;
}

.blog-block {
    position: relative;
}

.page-id-214 .blog-block {
    padding-top: 0;
}


.blog-block::before {
    content: url(/wp-content/uploads/2024/09/Frame-427320913.png);
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transform: translate(-30%, -50%);
        -ms-transform: translate(-30%, -50%);
            transform: translate(-30%, -50%);
}

@media (max-width: 1440px) {
    .blog-block::before {
        content: url(/wp-content/uploads/2024/09/Frame-427320913.png);
        position: absolute;
        overflow: hidden;
        top: 1%;
        left: 12%;
        -webkit-transform: translate(-57%, -50%);
            -ms-transform: translate(-57%, -50%);
                transform: translate(-57%, -50%);
    }
}

.blog-content__text p+p {
    margin-top: 28px;
}

.blog-content {
    position: relative;
}

.blog-content:after {
    content: url(/wp-content/uploads/2024/08/single-blog-bg.png);
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 52%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}



.blog-content__text a:not(.btn) {
    color: #8ffe0a;
    text-decoration: underline;
}

.blog-content__text :is(h1, h2, h3, h4, h5) {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.4;
    color: #fff;
    margin: 60px 0 40px 0;
}

.text-with-border+h1,
.text-with-border+h2,
.text-with-border+h3,
.text-with-border+h4,
.text-with-border+h5 {
    margin: 40px 0;
}

.tax-service-category .dark-gradient.banner-row .banner-title {
    font-size: 32px;

}

@media (max-width: 768px) {
    .tax-service-category .dark-gradient.banner-row .banner-title {
        color: var(--accent);
    }
}

.blog-sharing {
    border-top: 1px solid #01a979;
    padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    margin-top: 32px;
}

.blog-content__wrap .banner.spacing-small .banner__intro-row {
    padding: 32px 20px;
}

.blog-sharing a {
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

.blog-sharing a:hover {
    scale: 1.2;
}

.blog-sharing p {
    margin: 0;
    padding-right: 4px;
    color: #fff;
}


.related-posts__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-top: 60px;
}

.card-with-thumb__thumb .img-cover {
    border-radius: 40px 40px 0 0;
    width: 100%;
    height: 257px;
}

.card-with-thumb__info {
    padding: 32px;
    background: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 0 0 40px 40px;
}

.card-with-thumb {
    border-radius: 40px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 404px;
}

.card-with-thumb__info-title {
    color: #242424;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    height: auto;
}

.card-with-thumb__info-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    height: auto;
    margin-top: 12px;
}

.card-with-thumb__info-more {
    color: #01a979;
    margin-top: 20px;
}

.card-with-thumb__info-more.link-with-arrow:after {
    content: url(/wp-content/uploads/2024/07/black-green-arrow-1.svg);
}

.card-with-thumb__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.card-with-thumb__meta-time {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #a3a3a3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}

.card-with-thumb__category {
    background: rgba(1, 169, 121, 0.1);
    border-radius: 50px;
    padding: 6px 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    font-size: 16px;
    color: #01a979;
    margin: 20px 0;
}

.related-posts:after {
    content: url(/wp-content/uploads/2024/08/Frame-427320927.png);
    position: absolute;
    overflow: hidden;
    -webkit-transform: translate(-25%, -45%);
        -ms-transform: translate(-25%, -45%);
            transform: translate(-25%, -45%);
}

.sort-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sort-options label {
    margin-right: 10px;
    font-weight: bold;
}

.select-wrapper {
    position: relative;
    display: inline-block;
}

.select-wrapper::after {
    position: absolute;
    content: url(/wp-content/uploads/2024/07/arrow-dropdown.svg);
    width: 24px;
    height: 24px;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
}

#sort-select::-ms-expand {
    display: none;
}

#sort-select:hover {
    border-color: #888;
}

.sidebar-headings-list {
    list-style-type: decimal;
    margin: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0px 0px 24px 15px;
    color: #fff;
}

.sidebar-headings-list li {
    margin-bottom: 20px;
}

.sidebar-headings-list li:last-child {
    margin-bottom: 0;
}

.sidebar-headings-list a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}


.sidebar-headings-list li:hover,
.sidebar-headings-list li:hover a,
.sidebar-headings-list li.active,
.sidebar-headings-list li.active a {
    color: var(--accent);
    cursor: pointer;
}

.blog-content__sidebar-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

@media (max-width: 1100px) {
    .blog-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .related-posts__items {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 24px;
    }

    .blog-content__text {
        max-width: 100%;
    }

    .blog-content__text img {
        width: 100%;
    }

    .blog-content:after,
    .related-posts:after {
        display: none;
    }
}

.blog-content__text .mobile {
    display: none;
}

.page-id-1419 .faq {
    padding-top: 0;
}

@media (max-width: 992px) {
    .blog-content__text .mobile {
        margin-top: 24px;
        display: block;
    }
    .blog-block::before {
        display: none;
    }

    .blog-content__text :is(h1, h2, h3, h4, h5) {
        margin: 40px 0 20px 0;
    }

    .sort-options {
        margin-bottom: 0;
    }

    .search-sort {
        margin-bottom: 20px;
    }

    .blog-post__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 0;
    }

    .blog-post__image img {
        width: 100%;
        min-height: 220px;
        height: 320px;
        border-radius: 20px;
    }

    .blog-post__text {
        padding: 24px
    }

    .blog-posts {
        gap: 20px
    }

    .first-screen-portfolio,
    .first-screen-single-blog {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .gallery-one-column img:not(:first-child) {
        max-width: calc(50% - 6px);
    }

    #breadcrumbs {
        margin: 0 0 48px 0;
    }

    .first-screen-portfolio__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px
    }

    .first-screen-portfolio__content h1 {
        max-width: 100%;
        font-size: 32px;
    }

    .first-screen-portfolio__content .list-items {
        border-top: 1px solid #8ffe0a;
        border-left: 0;
        padding: 20px 0 0 0;
        width: 100%;
    }

    .first-screen.first-screen-portfolio:after {
        display: none;
    }

    .single-post-content--portfolio .single-post-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px
    }

    .single-post-content__text {
        width: 100%;
    }

    .images-col {
        margin-top: 20px;
    }

    /* .gallery-three-column {
        padding: 0 20px;
    } */

    .single-post-content--portfolio {
        margin-bottom: 40px;
    }

    .single-post-content--portfolio .portfolio-card__technologies {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .description-before {
        margin-top: 20px;
    }

    .images-col {
        margin: 40px 0;
    }

    .blog-content__wrap {
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .blog-content__sidebar {
        top: 0;
        position: relative;
    }

    .first-screen-single-blog.first-screen:after {
        display: none;
    }

    .sidebar ul {
        padding: 20px 0 0 0;
    }
}

@media (max-width: 768px) {

    .blog-content__sidebar {
        position: relative;
        top: 0;
    }

    .first-screen-portfolio {
        padding: 40px 0
    }

    .list-items__item-title {
        font-size: 20px;
    }

    .first-screen-portfolio__content .list-items {
        gap: 20px
    }

    #breadcrumbs {
        display: none;
    }

    .single-post-content__content {
        width: 100%;
    }

    .single-post-content--portfolio .single-post-content:not(:first-child):after {
        display: none;
    }

    .single-post-content__content .subheading-large {
        font-size: 24px;
    }

    .images-col {
        margin: 20px 0;
    }

    .gallery-three-column {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-three-column a:last-child {
        display: none;
    }

    .blog-post__title .subheading-small {
        font-size: 20px;
    }

    .blog-post__image img {
        width: 100%;
        min-height: 220px;
        height: 220px;
    }

    .blog-post__excerpt {
        -webkit-line-clamp: 4;
    }

    .blog-post__service-provide {
        margin: 12px 0;
    }

    .portfolio-card__content,
    .blog-post {
        border-radius: 20px;
    }

    .blog-content__text :is(h1, h2, h3, h4, h5) {
        font-size: 24px;
    }

    .image-gallery {
        margin-bottom: 20px;
    }

    .blog-content__text p+p {
        margin-top: 12px;
    }

    .card-with-thumb__meta-time {
        gap: 8px;
    }

    .card-with-thumb__thumb .img-cover {
        border-radius: 20px 20px 0 0;
    }

    .card-with-thumb__info {
        padding: 24px;
        border-radius: 0 0 20px 20px;
    }

    .blog-content__sidebar-title {
        text-align: start;
    }

    .single-blog__content-bottom {
        padding-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .page-id-381 .first-screen:after {
        content: url(/wp-content/uploads/2024/07/Group-8288-1.svg);
    }

    .page-id-381 .text-overlay:after {
        -webkit-transform: translate(-50%, -46%) scale(1);
            -ms-transform: translate(-50%, -46%) scale(1);
                transform: translate(-50%, -46%) scale(1);
    }

}

@media (max-width: 620px) {

    .first-screen.first-screen-portfolio:after {
        display: block;
        content: url(/wp-content/uploads/2024/08/Frame-427321004-1.png);
        -webkit-transform: translate(-30%, 50%) scale(1);
            -ms-transform: translate(-30%, 50%) scale(1);
                transform: translate(-30%, 50%) scale(1);
        -webkit-animation: none;
        animation: none;
    }

    .first-screen-single-blog.zoom-in.first-screen:after {
        display: block;
        content: url(/wp-content/uploads/2024/09/Group-18497.svg);
        -webkit-animation: zoomInCybesSingleBlog 1.5s ease-out forwards;
        animation: zoomInCybesSingleBlog 1.5s ease-out forwards;
    }
}

.cta.dark-gradient .cta-title,
.cta.dark-gradient .cta__advantages {
    color: #fff;
}

.cta.dark-gradient .cta__content-desc {
    color: rgba(255, 255, 255, 0.8);
}

.cta.dark-gradient:after {
    content: url(/wp-content/uploads/2024/09/Component-19.svg);
}

.cta.dark-gradient:before {
    position: absolute;
    top: -69%;
    left: -70%;
    height: 900px;
    width: 2500px;
    content: url(/wp-content/uploads/2024/08/Group-8294.svg);
}

.cta__advantages ul {
    list-style: none;
    padding-left: 0;
}

.cta__advantages li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.cta__advantages li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/uploads/2024/08/checked-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cta__advantages.dark-gradient {
    margin: 32px 0 0 0;
    width: 490px;
    border-radius: 20px;
}

.cta__advantages.dark-gradient ul {
    margin: 0;
    padding: 24px;
}

.cta__advantages.dark-gradient ul li:last-child {
    margin-bottom: 0;
}

/* Officess */

.offices {
    position: relative;
}

.offices:after {
    position: absolute;
    content: url(/wp-content/uploads/2024/08/Frame-427320927.svg);
    top: 0;
    left: -20%;
}

.offices:before {
    position: absolute;
    content: url(/wp-content/uploads/2024/08/Cube-2.svg);
    top: 50%;
    right: 0;
}

.offices__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-top: 40px;
}

.office-item {
    padding: 40px;
    border-radius: 20px;
    background: var(--gradient-light);
}

.office-map img {
    max-width: 538px;
    width: 100%;
    height: 320px;
    -o-object-fit: contain;
    object-fit: contain;
}

.office-continent {
    margin-top: 40px;
}

.office-address {
    margin: 12px 0 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}

@media (max-width: 1440px) {
    .offices:after {
        left: -40%;
    }

    .offices:before {
        right: -50px;
    }
}

@media (max-width: 768px) {
    .office-item {
        padding: 24px
    }

    .office-map img {
        height: 170px;
    }

    .office-continent {
        margin-top: 20px;
    }
}

/* ASIAN FACTORY */


@media (min-width: 1100px) {
    .page-id-1738 .first-screen__content .heading-large {
        font-size: 54px;
    }

    h4.heading-small.banner-title {
        font-size: 42px;
    }

    h5.heading-small.banner-title {
        font-size: 36px;
    }
}

/* block__header */

.text-and-flexible__content .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
}

.text-and-flexible__content .block+.block {
    margin-top: 120px;
}

.text-and-flexible__content .block__gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
}

.text-and-flexible__content .block__gallery img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 30px;
}

@media (max-width: 768px) {
    .text-and-flexible__content .block__gallery img {
        max-width: 100%;
    }

    .cta__advantages.dark-gradient {
        width: 100%;
    }

    .cta.dark-gradient .cta__advantages {
        background: transparent
    }

    .cta__advantages li {
        text-align: left;
    }

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

    .cta__advantages.dark-gradient ul {
        padding: 0;
    }

    .cta__form {
        border-radius: 20px
    }

    .cta__content-wrapper {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        width: 100%;
    }

    .banner.green-gradient .banner-title {
        text-transform: unset;
    }
}

.text-and-flexible__content .block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.text-and-flexible__content .block__title {
    max-width: 511px;
    width: 100%;
}

.text-and-flexible__content .block__description {
    max-width: 725px;
    width: 100%;
}

.text-and-flexible__content .block__description>* {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
}

.block__option-items .option-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
    border-radius: 30px;
    padding: 30px;
    background: var(--gradient-light);
}

.block__option-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
}

.option-item__title {
    font-weight: 700;
    font-size: 54px;
    line-height: 140%;
    color: #9aff21;
}

.setup-group,
.setup-group__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    margin: 0;
}

.setup-group__items {
    padding: 0;
    gap: 12px;
    margin-left: 36px;
}

.setup-group__items .setup-item {
    background: #fff;
    border-radius: 100px;
    padding: 6px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.setup-group__name {
    width: 184px;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #fff;
    border-right: 0.76px solid #fff;
    padding: 8px;
}

.option-item .option-item__setup {
    max-width: 693px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

.first-screen-single-blog__content .btn {
    margin-top: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.career-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
}

.career-meta .accent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #8ffe0a;
    padding: 11px 23px;
    border: 1px solid #8ffe0a;
    border-radius: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: none;
}

.career-meta__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    pointer-events: none;
}

.career-meta .position-type {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.career-meta .position-type:before {
    position: relative;
    content: url(/wp-content/uploads/2024/08/time.svg);
    margin-right: 8px;
    width: 24px;
    height: 24px;
}

.career-content .entry-content {
    max-width: 800px;
    width: 100%;
}

.career-content article {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 100px
}

.career-content article:after {
    position: absolute;
    content: url('/wp-content/uploads/2024/08/Frame-427320927.svg');
    top: -400px;
    left: -50%;
}

.career-sidebar {
    max-width: 360px;
    width: 100%;
    top: 120px;
    position: sticky;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.career-sidebar .btn {
    margin-top: 32px;
    width: 100%;
}

.career-sidebar__content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 32px;
    border-radius: 30px;
    background: var(--gradient-light);
}

.career-sidebar__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.career-sidebar__item:first-child {
    padding-top: 0;
}

.career-sidebar__item:last-child {
    padding-bottom: 0;
    border: none;
}

.career-sidebar__item p {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
}

.career-sidebar__item p span {
    color: #8ffe0a;
}

.career-sidebar__item img {
    width: 42px;
    height: 42px;
    -ms-flex-item-align: start;
        align-self: flex-start;
}

.job-description :is(h1, h2, h3, h4, h5) {
    font-weight: 700;
    font-size: 36px;
    line-height: 140%;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 1px solid #8ffe0a;
    margin-bottom: 32px;
}

.job-description :is(p, li>a, ul>li, li) {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
}

.job-description p>span,
.job-description span {
    color: #8ffe0a;
}

.job-description ul {
    padding: 0 0 0 26px;
}

.job-description p+:is(h1, h2, h3, h4, h5) {
    margin-top: 40px;
}


.cta-career-title {
    max-width: 528px;
    width: 100%;
    font-size: 42px;
}

.cta-career__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.cta-career__form {
    margin-top: 40px;
    border-radius: 40px;
    padding: 36px;
    width: 100%;
    background: #fff;
}

#cta-career {
    scroll-behavior: smooth;
}

.cta-career__form input {
    width: 582px;
}

.cta-career__photo img {
    width: 136px;
    height: 136px;
}

.cta-career__content-wrapper-hr-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.cta-career__social-link {
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
    border-radius: 12px;
    -webkit-box-shadow: 0 2px 20px 0 rgba(21, 53, 103, 0.1);
            box-shadow: 0 2px 20px 0 rgba(21, 53, 103, 0.1);
}

.cta-career__social-link img {
    width: 48px;
    height: 48px;
}

.cta-career__social-link:hover {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
}

.cta-career__socials {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.career-catalog {
    position: relative;
}

.career-catalog:after {
    position: absolute;
    content: url(/wp-content/uploads/2024/08/Group-8296.png);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow-x: hidden;
}

.career-catalog:before {
    position: absolute;
    content: url(/wp-content/uploads/2024/08/Group-8297-2.png);
    top: 65%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow-x: hidden;
}

.career-catalog__filters-desc {
    margin: 12px 0 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
}

.career-items {
    margin-top: 40px;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 0;
}

.career-items > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.career-items > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.career-items > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.career-card {
    border-radius: 30px;
    padding: 32px;
    background: var(--gradient-light);
    min-height: 303px;
    cursor: pointer;
}

.career-card__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #8ffe0a;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    min-height: 67.2px;
}

.career-card__description {
    margin: 12px 0 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
}

.career-card__link {
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    width: 58px;
    height: 58px;
    background-image: url('/wp-content/uploads/2024/08/button-3.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup)
}

.career-card:hover .career-card__link {
    background-image: url('/wp-content/uploads/2024/08/button-4.svg');
}

.career-card__link img {
    width: 100%;
    height: 100%;
}

.career-card:hover .career-card__link img {
    opacity: 0;
}

.filter-selects {
    margin-top: 20px;
    max-width: 1186px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.custom-select {
    position: relative;
    width: calc((100% - 24px) / 3);
}

.select-selected {
    background-color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 15px 31px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}

.select-selected:after {
    position: absolute;
    border-color: #000 transparent transparent transparent;
    border: none !important;
    content: url(/wp-content/uploads/2024/07/arrow-dropdown.svg);
    width: 24px;
    height: 24px;
    right: 32px;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
}

.select-selected.select-arrow-active:after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.select-items {
    position: absolute;
    background-color: #f8f8f8;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 20px;
    border: 1px solid #80d4bc;
    border-radius: 20px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.select-hide {
    display: none;
}

.select-items div {
    background-color: #fff;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #242424;
    padding: 10px 32px;
    cursor: pointer;
}

.select-items div:hover,
.same-as-selected {
    background-color: var(--3-additional);
}

.select-selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.select-filter,
.select-clear {
    margin-left: 10px;
    cursor: pointer;
}

.select-clear {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 60px;
    top: 25px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #a3a3a3;
}

.select-filter {
    font-size: 12px;
    color: #666;
}

.form-banner {
    background: #ebf8f4;
    border-radius: 10px;
    position: relative;
    margin-top: 32px;
    padding: 12px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #242424;
}

.form-banner:before {
    position: relative;
    content: url(/wp-content/uploads/2024/08/form-check.svg);
}

.page-id-2063 .first-screen__content .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-id-2063 .first-screen__content .btn.link-button-Large:after {
    content: url(/wp-content/uploads/2024/08/Icons-2.svg);
    left: 8px;
    position: relative;
    top: 0;
}

.page-id-2063 .first-screen__content .btn.link-button-Large:hover::after {
    content: url(/wp-content/uploads/2024/07/Icons.svg);
    -webkit-animation: moveDown 1s linear infinite;
    animation: moveDown 1s linear infinite;
    opacity: 1;
}

.related-posts {
    position: relative;
}

.error404 .related-posts:after {
    position: absolute;
    content: url(/wp-content/uploads/2024/08/Group-8299-3.png);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.search-container {
    position: relative;
    margin-top: 40px;
}

#search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

#search-input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 0 50px;
    width: 460px;
    height: 60px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}

#search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#search-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

#search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-result-item:hover {
    background: #f5fbf9;
}

#search-button {
    position: relative;
    background: none;
    border: none;
    border-radius: 50px;
    padding: 0;
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
    cursor: pointer;
    position: relative;
}

#search-button:hover::after {
    position: absolute;
    left: 0;
    content: url(https://corpsoftstg.wpenginepowered.com/wp-content/uploads/2024/08/icons_buttons-3.svg);
}

#search-button:active {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
}

.search-results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border: 1px solid #ddd;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
}

.search-result-item {
    padding: 10px;
    text-align: left;
}

.search-result-item:last-child {
    border-bottom: none;
}

.search-result-item a {
    color: #242424;
    text-decoration: none;
}

.no-results {
    padding: 10px;
    color: #666;
}

.search-form {
    position: relative;
}

.search-clear {
    position: absolute;
    right: 120px;
    top: 47%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #a3a3a3;
    display: none;
}

@media (max-width: 1400px) {
    .first-screen-single-career.text-overlay:after {
        -webkit-transform: translate(-50%, -200%) scale(0.8);
            -ms-transform: translate(-50%, -200%) scale(0.8);
                transform: translate(-50%, -200%) scale(0.8);
        -webkit-animation: none !important;
        animation: none !important
    }
}

@media (max-width: 1300px) {

    .cta-career__form input {
        width: 49%;
    }
}

@media (max-width: 1240px) {
    .first-screen-single-career #breadcrumbs {
        position: absolute;
        top: 0;
    }

    .career-catalog:before,
    .career-catalog:after {
        display: none;
    }

    .text-and-flexible__content .block__gallery img {
        height: 500px;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%;
    }

    .text-and-flexible__content .block__gallery img:only-child {
        max-width: 100%;
    }

    .text-and-flexible__content .block__gallery img:nth-child(1):nth-last-child(2),
    .text-and-flexible__content .block__gallery img:nth-child(2):nth-last-child(1) {
        max-width: 49%;
    }
}

.menu-item-3434 {
    display: none;
}

#menu-footer-menu {
    margin-bottom: 20px;
}

.footer-nav-menu .menu-item-has-children > a:after,
.footer-nav-menu .menu-item-has-children > a::after {
    display: none !important;
    content: none !important;
}

.footer-sub-menu {
    display: none;
    padding-top: 0;
    list-style: none;
}

.footer-sub-menu > .menu-item > a {
    color: #c6c6c6 !important;
}
.footer-nav-menu > .menu-item-has-children {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-nav-menu > .menu-item-has-children > a {
    flex-shrink: 0;
}

.footer-nav-menu > .menu-item-has-children > .footer-sub-menu {
    width: 100%;
}

.footer-menu-chevron {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 4px;
    color: #c6c6c6 !important;
    line-height: 1;
    transition: transform 0.2s ease;
}

.menu-item-has-children.active > .footer-menu-chevron {
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    .menu-footer-menu-2-container a {
        margin-bottom: 25px;
    }
}

@media (max-width: 1200px) {
    .menu-item-3434 {
        display: block;
    }

    .banner__cards.banner__cards-row .banner__card {
        -ms-flex-preferred-size: calc(33.33% - 18px);
            flex-basis: calc(33.33% - 18px);
    }

    .cta-career:after {
        display: none;
    }

    .office-item {
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
    }

    .offices:after,
    .offices:before {
        display: none;
    }
}

@media (max-width: 1120px) {

    .cta-career__form input,
    .cta-career__form input[type="email"] {
        width: 100%;
    }

    .cta-career__form input[type="email"] {
        margin-top: 24px;
    }

    .career-content article:after {
        display: none;
    }

    .career-content article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .career-sidebar {
        position: relative;
        top: 0;
        max-width: 100%;
    }

    .career-content .entry-content {
        max-width: 100%;
    }

    .page-id-1738 .about:after {
        display: none;
    }
}

@media (max-width: 992px) {
    .cta.dark-gradient:before {
        display: none;
    }

    .banner__cards.banner__cards-row .banner__card {
        -ms-flex-preferred-size: calc(50% - 12px);
            flex-basis: calc(50% - 12px);
    }

    .text-and-flexible__content .block__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px
    }

    .career-items {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }

    .option-item__title {
        font-size: 32px;
    }

    .block__option-items .option-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .text-and-flexible__content .block {
        gap: 20px;
    }

    .text-and-flexible__content .block+.block {
        margin-top: 40px;
    }

    .career-card {
        min-height: auto;
    }

    .text-and-flexible__content .block__gallery img:nth-child(1):nth-last-child(2),
    .text-and-flexible__content .block__gallery img:nth-child(2):nth-last-child(1),
    .text-and-flexible__content .block__description {
        max-width: 100%;
    }

    .page-id-1738 .heading-large {
        font-size: 42px;
    }

    .banner__intro-row .banner__intro-row-left {
        max-width: 100%;
    }

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

    .office-item {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
}

@media (max-width: 768px) {
    .page-id-2063 .cta__content-wrapper {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        text-align: left;
    }

    .subheading-large {
        font-size: 24px;
    }

    .cta__content-desc p>br {
        display: none;
    }

    .option-item__title {
        font-size: 24px;
    }

    .block__option-items .option-item {
        gap: 20px;
    }

    .cta-career__content-wrapper,
    .cta-career__content-wrapper-hr-info,
    .cta-career__content-wrapper-hr-info-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .cta-career__content-wrapper-hr-info-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .cta-career__content-wrapper-hr-info {
        margin-top: 20px;
        gap: 16px;
    }

    .cta-career__content-wrapper-hr-info-content p {
        margin: 6px 0 0 0;
    }

    .cta-career-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 140%;
        text-align: center;
    }

    .cta-career:after,
    .banner-row.cubes:after {
        display: none;
    }

    .cta-career__form {
        margin-top: 32px;
        padding: 20px;
    }

    .flex-fields p {
        display: none;
    }

    .flex-fields {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .cta-career__form .wpcf7-form-control-wrap.selct_multiselct-610,
    .dswcf7_country_sel,
    .wpcf7-form p,
    .codedropz-upload-handler {
        margin: 0 0 20px 0;
    }

    .cta-career__form input[type="email"] {
        margin-top: 0;
    }

    .cta-career__form input.wpcf7-submit {
        max-width: 100%;
    }

    .cta-career {
        border-radius: 20px;
        padding: 24px;
    }

    .career-items,
    .career-catalog__filters .search-form {
        margin-top: 20px;
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .career-card__description {
        font-size: 16px;
    }

    .career-card {
        padding: 24px;
    }

    .career-card__title {
        font-size: 20px;
    }

    #cta-career {
        margin: 0 20px;
    }

    .filter-selects {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }

    .custom-select {
        width: 100%;
    }

    .banner__cards-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        max-width: 300px;
        margin: 0 auto;
    }

    .banner__cards-row .banner__card {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        width: 100%;
        /* display: none; */
    }

    .banner__cards-row .banner__card.active {
        display: block;
    }

    .page-id-1175 .banner-row .slider-navigation {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
                justify-content: space-evenly;
        margin-top: 20px;
    }

    .banner-row .prev-slide,
    .banner-row .next-slide {
        border-radius: 50%;
        cursor: pointer;
        border: none;
        background: transparent;
        -webkit-transition: var(--default-setup);
        -o-transition: var(--default-setup);
        transition: var(--default-setup);
    }

    .banner-row button:active {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
    }

    .banner-row .prev-slide {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
    }

    #cta-career .wrapper {
        padding: 0;
    }

    .page-id-1175 .banner__cards.banner__cards-row .banner__card {
        width: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        min-height: 261px;
    }

    .page-id-1175 .banner__cards.banner__cards-row .banner__cards-row {
        margin-top: 20px;
    }

    .page-id-1175 .banner__cards.banner__cards-row .banner__cards-row .banner__card {
        padding: 20 !important;
    }

    .page-id-1175 .banner__cards-row {
        max-width: 100%;
        margin-top: 20px;
    }

    .page-id-1175 .banner__cards.banner__cards-row .banner__cards-row .banner__card-content {
        margin-top: 12px;
    }

    .first-screen-single-career .single-blog__content-bottom,
    .first-screen-single-blog .single-blog__content-bottom  {
        margin-top: 20px;
    }
}

@media (max-width: 640px) {
    .dswcf7_country_sel,
    .iti.iti--allow-dropdown {
        width: 100%;
    }
    .faq:before {
        display: none;
    }

    .post-type-archive-portfolio .first-screen:after {
        content: url(/wp-content/uploads/2024/07/Group-8288-1.svg);
    }

    .portfolio {
        background: transparent;
    }

    .text-and-flexible__content .block__gallery img {
        height: 240px;
        border-radius: 20px
    }

    .about__card {
        border-radius: 20px
    }

    .block__option-items {
        gap: 20px;
    }

    .page-id-1738 .about__card-img .about__card-number {
        font-size: 62px;
    }

    .page-id-1738 .about__card {
        padding: 24px;
    }

    .setup-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding-top: 20px;
        border-top: 1px solid #fff;
    }

    .setup-group:first-child {
        padding-top: 0;
        border-top: none;
    }

    .setup-group__items {
        margin: 16px 0 0 0;
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .setup-group__name {
        border-right: none;
        padding: 0;
    }

    .first-screen-single-career.text-overlay.zoom-in:after {
        -webkit-transform: translate(-50%, -50%) scale(1);
            -ms-transform: translate(-50%, -50%) scale(1);
                transform: translate(-50%, -50%) scale(1);
        content: url(https://corpsoftstg.wpenginepowered.com/wp-content/uploads/2024/08/Group-8303.png);
    }

    .single-blog__content-bottom .blog-meta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 20px
    }

    .job-description p+:is(h1, h2, h3, h4, h5) {
        margin: 20px 0;
        font-size: 24px;
    }

    .job-description :is(p, li>a, ul>li, li) {
        font-size: 16px;
    }

    .career-content article {
        gap: 40px
    }

    .single-blog__content-bottom .blog-meta {
        font-size: 14px;
    }

    #search-input {
        width: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

    @-webkit-keyframes zoomInCybesSingleBlog {
        from {
            -webkit-transform: translate(-50%, -45%) scale(1.1);
                    transform: translate(-50%, -45%) scale(1.1);
        }

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

    @keyframes zoomInCybesSingleBlog {
        from {
            -webkit-transform: translate(-50%, -45%) scale(1.1);
                    transform: translate(-50%, -45%) scale(1.1);
        }

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

    .page-id-1738 .heading-large {
        font-size: 32px;
    }

    .page-id-1419 .text-overlay.zoom-in:after,
    .page-id-1298 .text-overlay.zoom-in:after,
    .page-id-1738 .text-overlay.zoom-in:after {
        -webkit-animation: zoomInCybe3 1.5s ease-out forwards;
        animation: zoomInCybe3 1.5s ease-out forwards;
    }

    .page-id-1298 .text-overlay.zoom-in:after,
    .page-id-1738 .text-overlay.zoom-in:after {
        content: url(/wp-content/uploads/2024/08/Frame-427321001.svg);
    }
}

.popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
}

.popup-content {
    position: relative;
    background-color: #fff;
    margin: 15% auto;
    border-radius: 30px;
    padding: 36px;
    width: 532px;
}

.close {
    cursor: pointer;
    position: absolute;
    right: 22px;
    top: 22px;
}

.close:hover,
.close:focus {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: var(--default-setup);
    -o-transition: var(--default-setup);
    transition: var(--default-setup);
    text-decoration: none;
    cursor: pointer;
}

#popup-contact-form input,
#subscription-contact-form input {
    border: 1px solid #80d4bc;
    border-radius: 100px;
    padding: 0px 32px;
    height: 60px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #a3a3a3;
    background: #fff;
}

#subscription-got-it-btn {
    width: 100%;
}

#popup-contact-form,
#popup-success,
.popup-success__top-content,
#subscription-contact-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.popup-success__top-content {
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.popup-success__top-content p {
    margin: 0;
}

#popup-success img {
    width: 80px;
    height: 80px;
}

.popup-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 140%;
    text-align: center;
    color: #242424;
}

.popup-content .btn:hover {
    background: #34ba94;
    color: #fff;
}

.popup-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}

@media (max-width: 640px) {
    .popup-content {
        width: 90%;
        top: 20%;
    }
}

.table-features {
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.table-features thead tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.table-features tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.table-features th,
.table-features td {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    vertical-align: middle;
}

.table-features__item {
    width: 243px;
    padding: 32px 28px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.01)), to(rgba(255, 255, 255, 0.1)));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 30px;
    border: none !important;
    text-align: center;
}

.table-features__image {
    width: 56px;
    height: auto;
}

.table-features__name {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
    margin-top: 16px;
}

.table-features__price {
    margin-top: 12px;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #72f024;
}

.table-features .white-text.heading-small {
    border: none;
    padding: 0 20px 0 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.table-features tbody td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 10px;
}

.table-features__row-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #fff;
    text-align: left;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    padding: 24px 10px;
}

.badge {
    display: inline-block;
    width: 48px;
    height: 48px;
}

.table-features tbody {
    display: block;
    margin-top: 48px;
}

@media screen and (max-width: 1399px) {
    .table {
        margin-bottom: 20px;
        position: relative;
    }

    .table .wrapper {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #01a979 rgba(255, 255, 255, 0.2);
        padding-bottom: 20px;
    }

    .table-features {
        min-width: 1000px;
    }

    .table::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 1px;
    }

    .wrapper::-webkit-scrollbar {
        height: 8px;
        background: rgba(255, 255, 255, 0.2);
    }

    .wrapper::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 5px;
    }

    .wrapper::-webkit-scrollbar-thumb {
        background: #01a979;
        border-radius: 5px;
    }

    .wrapper::-webkit-scrollbar-thumb:hover {
        background: #018c64;
    }
}

@media screen and (max-width: 640px) {
    .table .wrapper {
        overflow-x: visible;
        padding-bottom: 0;
    }

    .table .wrapper {
        overflow-x: visible;
    }

    .table-features {
        min-width: unset;
        width: 100%;
        border-spacing: 0;
        margin-top: 20px;
    }

    .table-features thead tr,
    .table-features tbody tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .table-features tbody {
        max-width: 80%;
        margin: 48px auto 0;
    }

    .table-features__item {
        width: 100%;
        margin-bottom: 20px;
    }

    .table-features .white-text.heading-small {
        display: none;
    }

    .table-features__row-text {
        display: none;
    }

    .table-features tbody td {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-top: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 6px 0;
    }

    .table-features tbody td.table-features__row-text {
        padding: 24px 0px 24px 10px;
    }

    .table-navigation {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 10px;
        pointer-events: none;
    }

    .table-navigation button {
        padding: 10px 15px;
        background-color: rgba(51, 51, 51, 0.7);
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        pointer-events: auto;
        background: url(/wp-content/uploads/2024/07/icons_buttons.svg) center center / contain no-repeat;
        width: 48px;
        height: 48px;
    }

    .table-navigation button:active {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9)
    }

    .table-navigation button:first-child {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
    }

    .table-navigation button:first-child:active {
        -webkit-transform: rotate(180deg) scale(0.9);
            -ms-transform: rotate(180deg) scale(0.9);
                transform: rotate(180deg) scale(0.9);
    }

    .table-features__item {
        padding: 24px;
        margin: 0;
    }

    .badge {
        width: 100%;
    }

    .table-features__image {
        display: block;
        margin: 0 auto;
    }

    .table-features__name {
        font-size: 20px;
        text-align: center;
    }

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

.page-id-1123 .main {
    max-width: 1260px;
    
    margin: 24px auto 0;
}

.page-id-1123 main {
    padding: 80px 0;
}


.simple-sitemap-wrap .post-type {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 140%;
    color: #fff;
}

.simple-sitemap-container ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.sitemap-item {
    margin-top: 12px;
}

@media (max-width: 768px) {
    .simple-sitemap-container {
        margin: 0 20px;
    }
}

.select-wrapper {
    position: relative;
    width: 200px;
    font-family: Arial, sans-serif;
}

.select-wrapper select {
    display: none;
}

.prev.page-numbers, .next.page-numbers {
    display: flex;
}

.select-styled {
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 11px 43px 11px 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #80d4bc;
    border-radius: 20px;
    overflow: hidden;
}

.select-options li {
    margin: 0;
    font-weight: 400;
    line-height: 150%;
    color: #242424;
    padding: 10px 16px;
    cursor: pointer;
}

.select-options li:hover {
    background-color: #f5fbf9;
}

#subscription-form {
    margin: 40px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#subscription-form .subscription-desc {
    display: block;
    width: 100%;
    margin-top: 20px 0 0 0;
}

.page-id-3188 .flexible-card .flexible-card__title {
    color: #8FFE0A;
}



@media (max-width: 1100px) {
    .blog-banner .heading-small {
        font-size: 32px;
    }

    #subscription-form {
        margin: 20px 0 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media (max-width: 768px) {
    .related-posts__subtitle {
        text-align: start !important;
    }

    #subscription-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #subscription-form input {
        width: 100%;
    }
}

.text .single-text {
    max-width: 832px;
    margin: 0 auto;
    color: #fff;
}

.text .single-text__description {
    color: rgba(255, 255, 255, 0.8);
}

.text .single-text__description li {
    font-size: 18px;
}

.text .single-text__description p {
    margin: 16px 0 0 0;
}

.text .single-text__description p:first-child {
    margin-top: 0;
}

.text .single-text__pre-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #8ffe0a;
}

.text .single-text__title {
    margin-top: 8px;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 36px;
    line-height: 140%;
    color: #fff;
    border-bottom: 1px solid #8ffe0a;
    padding: 0px 0px 24px 0px;
}

.single-text__description .quote {
    margin-top: 24px;
    border-radius: 12px;
    padding: 20px 32px;
    background: var(--gradient-light);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}

.single-text__description .quote-content {
    padding-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.text .single-text__description p>strong {
    display: block;
    font-size: 24px;
    margin: 36px 0 0 0;
}

.text .single-text__description p>span {
    color: var(--2-accent);
}

.term-112 body .banner-block:nth-child(3) .dark-gradient .banner-title {
    color: var(--accent);
}

.banner__card-title-mob {
    display: none;
}

@media (max-width: 768px) {
    .banner__card-title-mob {
        display: flex;
    }
    .banner__card-content .banner__card-title {
        display: none;
    }
    .banner__card-number {
        min-width: 52px;
    }
    .banner__card-top {
        display: flex;
        gap: 16px;
        width: 100%;
        align-items: center;
    }
}

.text .single-text__description ul,
.text .single-text__description ol {
    margin: 8px 0 24px 0;
}

.text .single-text__description p+ul,
.text .single-text__description p+ol {
    margin-top: 8px;
}

.text .single-text__description a {
    text-decoration: underline;
    color: #8ffe0a;
}

.single-text__description .quote .quote-text {
    padding-left: 19px;
    border-left: 1px solid rgba(255, 255, 255, 0.4)
}

.single-text__description .quote .autor {
    display: block;
    padding: 0;
    margin-top: 8px;
    border: none;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
}

.single_gallery .images-col {
    margin: 0;
}

.single_gallery .gallery-two-column {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    gap: 12px;
    max-width: 1242px;
    margin: 0 auto;
}

.single_gallery .gallery-two-column > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.single_gallery .gallery-two-column > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.single_gallery .gallery-three-column {
    max-width: 1920px;
    margin: 0 auto;
}

.single_gallery .gallery-one-column {
    max-width: 1242px;
    margin: 0 auto;
}

.single_gallery .gallery-one-column a {
    width: 100%;
}

.single_spacing {
    padding: 0 0 80px 0;
}

@media (max-width: 768px) {
    .single-text__description .quote .autor {
        font-size: 14px;
    }
    .search-sort .selected-filters-wrap {
        margin-top: 0;
    }

    .search-form {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .selected-filters {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .sort-options {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }
}

.single-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 24px 0 0 0;
    gap: 12px;
}

.single-services_item {
    border-radius: 12px;
    padding: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    background: var(--gradient-light);
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
    -ms-flex-preferred-size: calc(50% - 6px);
        flex-basis: calc(50% - 6px);
}

.single-services_item2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 197.2px;
    border-radius: 30px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.single-services_item2 div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}

.text .single-text__description .single-services_item2 p {
    margin: 0;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.8);
}

.single-services_item img {
    width: 56px;
    left: -7px;
    position: relative;
}

.page-id-381 .banner.spacing-small {
    margin: 40px auto 120px;
}

@media (max-width: 768px) {
    .page-id-381 .banner.spacing-small {
        margin: 0 20px 40px;
    }
}

.single_gallery,
.text {
    position: relative;
}

#index-2.single_gallery:after {
    content: url(/wp-content/uploads/2024/09/Group-8290.svg);
    position: absolute;
    top: -40%;
    left: -35%;
    overflow: hidden;
}

#text-index-4:after {
    content: url(/wp-content/uploads/2024/09/Group-8291.svg);
    position: absolute;
    top: -55%;
    right: -25%;
    overflow: hidden;
}

#text-index-6:after {
    content: url(/wp-content/uploads/2024/09/Frame-427320915.svg);
    position: absolute;
    top: -55%;
    left: -25%;
    overflow: hidden;
}

#index-4.single_gallery:after {
    content: url(/wp-content/uploads/2024/09/Frame-427320915.svg);
    position: absolute;
    top: -175%;
    right: -25%;
    overflow: hidden;
}

#text-index-7:after {
    content: url(/wp-content/uploads/2024/09/Frame-427321121.svg);
    position: absolute;
    top: -15%;
    right: -25%;
    overflow: hidden;
}

#text-index-8:after {
    content: url(/wp-content/uploads/2024/09/Frame-427321121.svg);
    position: absolute;
    top: -15%;
    left: -25%;
    overflow: hidden;
}

#text-index-10:after {
    content: url(/wp-content/uploads/2024/09/Frame-427320915.svg);
    position: absolute;
    top: -10%;
    left: -40%;
    overflow: hidden;
}

#index-6.single_gallery:after {
    content: url(/wp-content/uploads/2024/09/Cube-2.svg);
    position: absolute;
    top: 110%;
    right: 10%;
    overflow: hidden;
}

#text-index-11:after {
    content: url(/wp-content/uploads/2024/09/Frame-427320915.svg);
    position: absolute;
    top: 20%;
    right: -25%;
    overflow: hidden;
}

#index-8.single_gallery:after {
    content: url(/wp-content/uploads/2024/09/Cube-2.svg);
    position: absolute;
    top: 35%;
    left: 5%;
    scale: 2;
    overflow: hidden;
}

.page-id-381 .body {
    overflow: hidden;
}

.single_gallery:after,
#text-index-7:after,
#text-index-8:after {
    z-index: -1;
}

.single-portfolio .banner-block {
    margin: 60px auto;
}

.single-portfolio .banner__intro-row {
    max-width: 1300px;
    margin: 0 auto;
}

.single-portfolio .first-screen__content-buttons {
    margin-top: 0;
}

@media (max-width: 1440px) {
    #text-index-6:after {
        content: url(/wp-content/uploads/2024/09/Frame-427320915.svg);
        position: absolute;
        top: -55%;
        left: -60%;
    }

    #index-2.single_gallery:after {
        content: url(/wp-content/uploads/2024/09/Group-8290.svg);
        position: absolute;
        top: -20%;
        left: -55%;
    }

    #text-index-4:after {
        content: url(/wp-content/uploads/2024/09/Group-8291.svg);
        position: absolute;
        top: -55%;
        right: -50%;
        overflow: hidden;
    }

    #text-index-7:after {
        content: url(/wp-content/uploads/2024/09/Frame-427321121.svg);
        position: absolute;
        top: -40%;
        right: 40%;
        overflow: hidden;
    }

    #index-4.single_gallery:after {
        content: url(/wp-content/uploads/2024/09/Frame-427320915.svg);
        position: absolute;
        top: 0;
        right: -50%;
        overflow: hidden;
    }

    #text-index-8:after {
        content: url(/wp-content/uploads/2024/09/Frame-427321121.svg);
        position: absolute;
        top: -15%;
        left: -50%;
        overflow: hidden;
    }

    #text-index-10:after {
        content: url(/wp-content/uploads/2024/09/Frame-427320915.svg);
        position: absolute;
        top: -10%;
        left: -60%;
        overflow: hidden;
    }

    #text-index-11:after {
        content: url(/wp-content/uploads/2024/09/Frame-427320915.svg);
        position: absolute;
        top: 35%;
        right: -50%;
        overflow: hidden;
    }

    #index-8.single_gallery:after {
        content: url(/wp-content/uploads/2024/09/Cube-2.svg);
        position: absolute;
        top: 35%;
        left: -5%;
        scale: 2;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .single-portfolio .banner.spacing-small .banner__intro-row {
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .single_spacing {
        padding: 0 0 40px 0;
    }

    .single_gallery:after,
    .text:after {
        display: none;
    }
}

@media (max-width: 640px) {
    .single-services_item {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        padding: 16px 24px;
    }

    .single_gallery {
        margin: 0 20px;
    }
}

@media (max-width: 620px) {
    .main-banner__contacts {
            grid-template-areas:
            "phones"
            "emails"
            "address-1"
            "address-2";
    }

    .contacts__block--phones {
        grid-area: phones;
    }

    .contacts__block--emails {
        grid-area: emails;
    }

    .contacts__block--address-1 {
        grid-area: address-1;
    }

    .contacts__block--address-2 {
        grid-area: address-2;
    }
}

@media (max-width: 620px) {
    .contacts__block--phones {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .contacts__block--emails {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .contacts__block--address-1 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .contacts__block--address-2 {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
}


@media (min-width: 1024px) and (max-height: 700px) {
    .heading-large {
        font-size: 64px !important;
    }
}


.banner.spacing {
    padding: 50px 0;
}

.tax-service-category .banner.dark-gradient {
    margin-bottom: 0px !important;
}

@media (min-width: 1000px) {
    .tax-service-category .spacing {
        padding: 80px 0;
    }

    .tax-service-category .spacing+.spacing {
        padding: 0 0 80px 0;
    }

    .tax-service-category .portfolio .spacing {
        padding: 0;
    }

    .timeline.spacing,
    .banner.spacing.dark-gradient {
        padding: 50px 0 !important;
    }

    .timeline.spacing {
        margin-top: 80px;
    }
}

.banner.banner-row .btn,
.header-action .btn,
.banner__intro-row .btn {
    min-width: 235px;
}

.scroll-down {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    cursor: pointer;
    -webkit-animation: bounceArrow 2s infinite;
            animation: bounceArrow 2s infinite;
    z-index: 10;
    width: 80px;
    height: 80px;
}

.scroll-down img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (max-height: 700px) {
    .scroll-down {
        bottom: 25px;
    }
}

@media (max-width: 768px) {
    .scroll-down {
        display: none;
    }
}

@-webkit-keyframes bounceArrow {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }

    40% {
        -webkit-transform: translate(-50%, -10px);
                transform: translate(-50%, -10px);
    }

    60% {
        -webkit-transform: translate(-50%, -5px);
                transform: translate(-50%, -5px);
    }
}

@keyframes bounceArrow {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }

    40% {
        -webkit-transform: translate(-50%, -10px);
                transform: translate(-50%, -10px);
    }

    60% {
        -webkit-transform: translate(-50%, -5px);
                transform: translate(-50%, -5px);
    }
}

.scroll-down:hover {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

.dnd-upload-status {
    padding: 10px !important;
}

.single-post-content--portfolio .portfolio-card__technologies {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

/* .term-174 .flexible-card-4  .flexible-card__top {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-direction: column;

}

.term-174 .flexible-card-4 .flexible-card {
    padding: 16px;
}

.term-174 .flexible-card-4 .flexible-card__desc,
.term-174 .flexible-card-4 .flexible-card__title {
    text-align: center;
}

.term-174 .text-with-img:before {
    height: 335%;
} */

.page-id-5848 .cta__form {
    width: 100%;
}

.project-description p {
    font-size: 16px;
}

/* new btn*/
.wpcf7-submit {
    width: 180px;
    height: 44px;
}

.cta__form #wpcf7-f5852-o1 input {
    width: 47.5%;
}

.cta__form #wpcf7-f5852-o1 .wpcf7-submit,
.cta-career__form input.wpcf7-submit {
    width: 180px!important;
    height: 44px;
}

.cta__form #wpcf7-f5852-o1 .country-select input {
    width: 100%;
}

.country-select.inside input,
.country-select.inside input[type=text] {
    width: 100%;
}

.tech-button:hover{
    background: rgba(143, 254, 10, 0.1);
}

.fields-group-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    color: #333;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.view-project-btn:hover .arrow-icon {
    background: url('https://corpsoft.io/wp-content/uploads/2025/03/arrow-hovered.svg');
}

.view-project-btn:hover .arrow-icon>img {
    visibility: hidden;
}

.no-projects {
    padding: 20px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 10px;
}

.error-message {
    padding: 20px;
    text-align: center;
    background-color: #ffeeee;
    color: #cc0000;
    border-radius: 10px;
}

#wpcf7-f5852-o1 form .dswcf7_country_sel {
    width: 33%;
}


.page-id-5848 .cta {
    background: transparent;
}

.team-projects {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(11.45%, #081c15), to(#063828)) !important;
    background: -o-linear-gradient(bottom, #081c15 11.45%, #063828 100%) !important;
    background: linear-gradient(0deg, #081c15 11.45%, #063828 100%) !important;
}

.team-projects-container {
    max-width: 1200px;
    margin: 0 auto;
}

.project-example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    font-size: 18px;
    gap: 20px;
    margin-bottom: 8px;
}

.project-example-description>p {
    font-size: 14px;
    font-weight: 400;
}

.development-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 20px;
}

.dev-tab {
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dev-tab.active {
    color: #8CFF00;
    border-bottom: 1px solid #8CFF00;
}

.technology-filters {
    margin-bottom: 20px;
    position: relative;
}

.tech-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}

.tech-button {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid #8FFE0A;
    background-color: transparent;
    color: #8FFE0A;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tech-button.active {
    background-color: #8FFE0A;
    border-color: #8FFE0A;
    color: #242424;
}

.team-projects-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 30px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    position: relative;
}

@media (min-width: 768px) {
    .team-projects-grid {
        grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
    }
}

.team-project-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    padding: 32px;
    border-radius: 40px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.project-title {
    font-size: 24px;
    margin: 0 0 15px;
}

.project-location,
.project-english {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    gap: 8px;
}

.project-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.project-showcase {
    max-width: 582px;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    position: relative;
}

.project-images {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.project-image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius: 10px;
    overflow: hidden;
}

.project-images img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
}

.choose-team-btn {
    display: inline-block;
    background-color: #2BB673;
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    margin-top: 20px;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.choose-team-btn:hover {
    background-color: #229359;
}

.view-project-btn {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    color: #333;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* .view-project-btn:hover {
    background-color: #8CFF00;
} */

.no-projects {
    padding: 20px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 10px;
}

.error-message {
    padding: 20px;
    text-align: center;
    background-color: #ffeeee;
    color: #cc0000;
    border-radius: 10px;
}

.project-description .btn {
    font-size: 16px;
    line-height: 22px;
    border: 0;
    padding: 11px 24px !important;
    min-height: 44px;
}

.hidden {
    display: none;
}

@media (max-width: 992px) {
    #wpcf7-f5852-o1 form .dswcf7_country_sel {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .cta__form #wpcf7-f5852-o1 input {
        width: 100%;
    }

    .team-projects-container {
        margin-left: 20px;
        margin-right: 20px;
    }

    .project-description .btn {
        width: 100%;
    }

    .project-images {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .team-project-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 20px;
        border-radius: 24px;
    }
}

.page-id-5957 .cta__intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.page-id-5957 .cta__content-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}

.page-id-5957 .cta__form {
    width: 100%;
}

.page-id-5957 .cta__advantages.dark-gradient {
    margin: 0;
    width: 610px;
    height: auto;
    border-radius: 20px;
}

.single-post table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

/* Стили для всех ячеек */
.single-post td,
.single-post th {
    border: 1px solid #dddddd;
    padding: 12px;
    text-align: left;
}

/* Стили для заголовков (первая строка) */
.single-post thead tr th,
.single-post tbody tr:first-child th,
.single-post tbody tr:first-child td {
       background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.01)), to(rgba(255, 255, 255, 0.1)));
       background: -o-linear-gradient(top, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.1) 100%);
       background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.1) 100%);
       font-weight: bold;
       color: #fff;
}

.single-post tbody tr:first-child td p {
    font-size: 20px;
    margin: 0;
}

/* Добавляем рамку вокруг всей таблицы */
.single-post table {
    border: 2px solid #ddd;
}

.single-post td span {
    font-size: 16px;
}

@media (max-width: 390px) {
    .single-post td span {
        font-size: 13px;
    } 
}

.faq__content-items h3 {
    margin-bottom: 16px;
}

.career-content strong {
    color: var(--accent);
}

@media (max-width: 768px) {
    .text .single-text__title {
        font-size: 32px;
    }
    .text-overlay:before {
        top: 5%;
    }
    .page-id-1123 h1.heading-large {
        margin: 0 20px;
    }

    .banner__intro-row-left .banner-title br{
        display: none;
    }
    .timeline {
        margin-top: 40px;
    }
    .page-id-136 .service__category-item-desc {
        display: none;
    }
    .service__category-item-content .subheading-small,
    .card-with-thumb__info-title.subheading-small {
        font-size: 18px;
    }
    .first-screen.first-screen-single-career {
        min-height: auto;
        padding: 40px 0 0 0;
    }
    .career-meta__items {
        flex-wrap: wrap;
    }
    .cta.spacing {
        padding: 0;
    }
    .footer__logo-img {
        max-width: 109px;
    }
    .mobile-menu .menu-header-menu-container {
        margin-top: 20px;
    }
    #search-input {
        padding: 0 20px 0 50px;
    }
    .page-id-5957 .cta__advantages.dark-gradient {
        width: 100%;
        margin: 24px 0;
    }

    .cta__content-bottom {
        min-width: 100%;
    }
    .cta__form textarea {
        border-radius: 16px;
    }
    .single .faq-blog {
        margin-top: 40px 0;
    }
    .about__cards {
        margin-top: 24px;
    }
}

.sitemap-item.page-item-5848 {
    display: none;
}
.header-accent {
    color: #8cff00 !important;
}
.cs-field--topfix {
    position:relative;
    top: 1px !important;
}

.fields-group-custom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.fields-group-custom > p {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.fields-group-custom .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    min-width: 0;
}

.fields-group-custom input.custom-field,
.fields-group-custom .oliforge-cf7-country-select,
.fields-group-custom .oliforge-cf7-country-select__control-wrap,
.fields-group-custom .oliforge-cf7-country-select__control {
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
}
.fields-group-custom {
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .fields-group-custom {
        grid-template-columns: 1fr;
    }
}


/* Consent check box and text */
/* Убираем лишний <p> */
.cs-form-consent p {
    margin: 0;
}

/* Контейнер acceptance */
.cs-form-consent .wpcf7-acceptance {
    display: block;
}

/* Убираем стандартные отступы CF7 */
.cs-form-consent .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cs-form-consent input[type="checkbox"] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0;
    align-self: center;
}

.cs-form-consent .wpcf7-list-item-label {
    flex: 1;
}

/*  Consent popup styles */
.cmplz-cookiebanner {
    z-index: 9999999999 !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}