:root,
:root *::after,
:root *::before {
    --accentColor: #EFC582;
    --accentHoverColor: #E36C4B;
    --accentOpacityColor: #efc58280;
    --accentHoverOpacityColor: #e36c4b75;
    --whiteOpacity800: #FFFFFFC7;

}

/* Xleb 3.5.2 compatibility overrides. */
.gf-xleb-dev-overrides {
    --primary100: #f8f5f2;
    --primaryOpacity100: #ff603314;
    --secondary100: #f8f5f2;
    --secondaryLightBg: #f8f5f2;
    --secondaryBg: #efc582;
    --gray200: #ff60331f;
    --swiper-navigation-size: 60px;
}

.gf-xleb-dev-overrides .xleb-card.filled,
.gf-xleb-dev-overrides .xleb-card.primary-light-bg,
.gf-xleb-dev-overrides .xleb-card.secondary-light-bg {
    background-color: var(--cardBgColor) !important;
}

.gf-xleb-dev-overrides .xleb-card.secondary-bg {
    background-color: var(--accentColor) !important;
}

.gf-xleb-dev-overrides .workers .xleb-card.filled {
    background-color: var(--white) !important;
}

.gf-xleb-dev-overrides .swiper {
    position: relative;
}

.gf-xleb-dev-overrides .swiper > .slider-controls {
    position: absolute;
    top: -90px;
    right: 0;
    z-index: 4;
    width: auto;
    height: auto;
    max-height: none;
    min-width: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    pointer-events: none;
}

.gf-xleb-dev-overrides .swiper > .slider-controls .swiper-pagination {
    display: none;
}

.gf-xleb-dev-overrides .swiper > .slider-controls .navigation-slider {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    order: 0 !important;
    width: auto !important;
    height: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    pointer-events: auto;
}

.gf-xleb-dev-overrides .navigation-slider .swiper-button-prev,
.gf-xleb-dev-overrides .navigation-slider .swiper-button-next,
.gf-xleb-dev-overrides .swiper > .swiper-button-prev,
.gf-xleb-dev-overrides .swiper > .swiper-button-next {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--swiper-navigation-size) !important;
    height: var(--swiper-navigation-size) !important;
    min-width: var(--swiper-navigation-size);
    min-height: var(--swiper-navigation-size);
    margin: 0;
    padding: 0 !important;
    border-radius: 50%;
    background-color: var(--primaryOpacity100);
    color: var(--primary500);
    line-height: 1;
}

.gf-xleb-dev-overrides .navigation-slider .swiper-button-prev::before,
.gf-xleb-dev-overrides .navigation-slider .swiper-button-next::before {
    font-size: 28px;
    line-height: 1;
    color: var(--primary500);
}

.gf-xleb-dev-overrides .navigation-slider .swiper-button-prev::after,
.gf-xleb-dev-overrides .navigation-slider .swiper-button-next::after {
    content: none !important;
}

.gf-xleb-dev-overrides .content-link .arrow-icon,
.gf-xleb-dev-overrides .xleb-card .arrow-icon,
.gf-xleb-dev-overrides .post .arrow-icon {
    position: absolute !important;
    right: 20px;
    bottom: 20px;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    padding: 0 !important;
    border-radius: 50%;
    background: var(--whiteOpacity800);
    object-fit: contain;
    z-index: 5;
}

.gf-xleb-dev-overrides .variant-items .post .arrow-icon {
    position: static !important;
    right: auto;
    bottom: auto;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
}

.gf-xleb-dev-overrides .content-link:hover .arrow-icon,
.gf-xleb-dev-overrides .post:hover .arrow-icon {
    background: var(--secondaryOpacity300);
}

.gf-xleb-dev-overrides .content-link.filled:not(.xleb-card) {
    background: transparent;
}

.gf-xleb-dev-overrides .popular-services .swiper-slide.content-link.filled,
.gf-xleb-dev-overrides .workers .swiper-slide.content-link.filled,
.gf-xleb-dev-overrides .news .swiper-slide.content-link.filled {
    background: transparent;
}

@media (max-width: 767px) {
    .gf-xleb-dev-overrides .swiper > .slider-controls {
        display: none;
    }
}

.overlay {
    z-index: 2;
}

.small-card a {
    min-height: 120px;
    height: 100%;
    background: #efc582;
    justify-content: space-between;
    padding: 24px 16px;
    border-radius: 8px;
    color: black;
    text-decoration: unset;
}

.small-card a:hover {
    background: #E36C4B;
}

.feedback .wpb_content_element {
    background: white;
    padding: 24px 24px;
    border-radius: 8px;
}

.card .wpb_content_element {
    min-height: 168px;
    justify-content: space-between;
}

/* .link-to-pages a {font-size: var(--textLsize);}

.link-to-pages a:after {
    display: none;
}

.link-to-pages a:hover {
    transform: unset !important;
    transition: unset !important;
} */

footer .wrapper {
    gap: var(--gapX8);
}

footer .second-row {
    width: var(--col-3);
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    gap: var(--gapX4);
}

footer .social {
    flex-flow: column;
    gap: var(--gapX5);
}

footer .social a {
    text-decoration: none;
}

footer .icons {
    display: flex;
    gap: var(--gapX6);
    align-items: center;
}

.social a svg {
    fill: black;
    height: 26px;
}

.social .vk svg {
    height: 24px;
}

footer .warning {
    /* font-size: var(--textSsize); */
    line-height: var(--textMheightS);
}

footer .social a:hover svg {
    fill: var(--accentHoverColor);
}

footer .inst {
    display: flex;
}

footer .inst .star {
    color: black;
    text-decoration: none !important;
}

footer .first-row {
    width: var(--col-5);
    display: flex;
    flex-flow: column;
    gap: var(--gapX6);
}

footer .second-row {}

@media (min-width: 768px) {
    footer .wrapper {
        flex-flow: row;
    }
}

div.wpb-content-wrapper> :is(.vc_row):has(.swiper, .keen-slider),
body> :is(.vc_row):has(.swiper, .keen-slider) {
    overflow: visible;
}

body .wpb-content-wrapper {
    overflow: clip;
}

body.new .device-card {
    position: relative;
    overflow: visible;
    height: 220px;
}



body.new .device-card .textM {
    width: 67%;
}

body.new .devices-slider .swiper-button-next,
.devices-slider .swiper-button-prev {
    top: -350px;
}

body.new .device {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: unset;
    width: 56%;
    overflow: visible !important;
}

body.new .workers .xleb-card {
    height: 540px;
    background-color: unset;
    border: 1px solid var(--blackOpacity200);
    background-size: 70%;
    box-sizing: border-box;
}

body.new .workers .xleb-card .textM {
    color: var(--contentOpacityColor);
}

body.new .swiper-button-next,
.swiper-button-prev {
    color: var(--primary500);
    padding: 30px 30px;
    background-color: var(--primaryOpacity100);
    border-radius: 120px;
    top: -90px;
    /* bottom: -80px; */
}

body.new .swiper-button-next:after,
.swiper-button-prev:after {}

body.new .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 6px;
    left: auto;
}

body.new .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: unset;
    right: 80px;
}

body.new .icon {
    width: 50%
}

body.new .about-card {
    height: auto;
    z-index: 2;
}

body.new .bottom-row-cards {
    margin-top: -130px !important;
}

body.new .popular-services .xleb-card {
    height: 540px;
    overflow: hidden;
}

body.new .popular-services .xleb-card img {
    // overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: unset;
    object-fit: cover;
    height: 100%;
    width: 100%;

}

body.new .popular-services .xleb-card:before {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
    height: 40%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

body.new .popular-services .description-wrapper .titleXS {
    width: unset;
}

.popular-services {
    overflow: visible;
}

body.new .secondary-color {
    color: white;
    z-index: 2;
    padding-right: 3em;
}

body.new .filters-controls-container {
    /* width: var(--col-3); */
    flex-flow: row;
    overflow-x: auto;
    width: calc(100% + var(--outsideGap) * 2);
    margin: 0 var(--outsideGapFix);
    padding: 0 var(--outsideGap);
}

body.new .filters-controls-container::-webkit-scrollbar {
    display: none;
}

@media (min-width: 992px) {
    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .filters-controls-container {
        justify-content: center;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .filters-container.taxonomies {
        width: 100%;
        max-width: var(--col-8);
        margin: 0 auto;
    }

    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .filter-taxonomies.variant_service {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        gap: var(--gapX2);
        width: 100%;
    }
}

body.new .variant-items {
    width: var(--col-8);
    row-gap: var(--gapX2);
    margin-top: unset;
    margin-left: auto;
    margin-right: auto;
}

body.new .vue-posts {
    /* display: flex; */
    /* flex-flow: column; */
    gap: var(--columnGap);
    align-content: flex-start;
    align-items: flex-start;
}

body.new .terms .filter {
    border: 1px solid var(--blackOpacity200);
    background: unset;
    color: var(--contentOpacityColor);
    border-radius: 100px;
    padding: 12px 20px;
    font-size: var(--textSsize);
    line-height: var(--textSheightT);
    width: fit-content;
    white-space: nowrap;
}

body.new .terms .filter.active {
    color: var(--accentColor);
    border: 1px solid var(--accentColor);
    background: var(--primaryOpacity100);
    width: fit-content;
}

body.new .terms .filter:not(.active):hover {
    color: var(--contentColor);
}

body.new .posts-container.list .article-item {
    background: var(--cardBgColor);
    border-radius: 16px;
    flex-flow: row;
    padding: 20px 20px;
    margin: unset;
    align-items: center;
    gap: var(--gapX5);
}

body.new .posts-container.list .article-item.gf-service-category-card{
    padding: 0 var(--gapX4) 0 var(--gapX2);
}

body.new .posts-container.list .article-item .description .title {
    font-size: var(--textMsize);
    line-height: var(--textMheightT);
}

body.new .article-item .description {
    flex-flow: row;
    width: 100%;
    justify-content: space-between;
    gap: var(--gapX2) var(--gapX10);
    align-items: center;
}

body.new .article-item .description .price-range {
    display: flex;
    gap: var(--gapX1);
}

body.new .article-item .description .price-range span {
    font-size: var(--textMsize);
    line-height: var(--textMheightT);
}

body.new .article-item .description .tags {
    display: none;
}

// body.new .row-mid-form {
//     background: var(--cardBgColor);
//     border-radius: var(--gapX4);
//     padding: var(--gapX5);
//     gap: var(--gapX4);
// }

body.new .row-mid-form .vc_col-sm-5 {
    justify-content: center;
}

body.new .xleb-form .mid-form .input-box.field input:not([type=checkbox]) {
    background: unset;
    border-bottom: 1px solid var(--blackOpacity200);
    border-radius: unset;
    padding: 16px 0;
}

body.new .xleb-form .mid-form .submit-button {
    color: var(--accentColor);
    border: 1px solid var(--accentColor);
    width: fit-content;
    background: unset;
    border-radius: 160px;
    padding: 10px 38px;
    margin-top: var(--gapX4);
}

body.new .xleb-form .mid-form .caption {
    font-size: var(--textSsize);
    line-height: var(--textSheightS);
    margin-top: var(--gapX4);
}

body.new .row-bottom-form {
    background: var(--cardBgColor);
    border-radius: var(--gapX4);
    padding: 46px 0;
}

body.new .xleb-form .bottom-form {
    display: flex;
    gap: var(--columnGap);
}

body.new .xleb-form .bottom-form .input-box.field input:not([type=checkbox]) {
    background: unset;
    border-bottom: 1px solid var(--blackOpacity200);
    border-radius: unset;
    padding: 16px 0;
}

body.new .xleb-form .bottom-form .submit-button,
body :is(button, a, div).btn {
    color: var(--accentColor);
    border: 1px solid var(--accentColor);
    /* width: fit-content; */
    background: unset !important;
    border-radius: 160px;
    padding: 10px 38px;
    /* margin-top: var(--gapX4); */
}

.xleb-form .terms-field input[type="checkbox"] {
    background-color: var(--bgOpacityColor);
    border: 1px solid var(--inputBorder);
}

body.new .xleb-form .bottom-form .submit-button:hover,
body :is(button, a, div).btn:hover {
    /* color: var(--accentHoverColor); */
}

body.new .xleb-form .bottom-form .caption {
    font-size: var(--textSsize);
    line-height: var(--textSheightS);
    margin-top: var(--gapX4);
}

body.new .xleb-form .bottom-form .bottom-form-inputs {
    flex-flow: row;
    display: flex;
    gap: var(--gapX5);
    width: var(--col-4);
}

body.new .xleb-form .bottom-form .bottom-form-inputs .input-box {
    width: 100%;
}

body.new .opacity-color {
    color: var(--blackOpacity500);
}

body.new .arrow-icon {
    position: absolute;
    width: 40px;
    right: 20px;
    height: 40px;
    bottom: 20px;
    background: var(--whiteOpacity800);
    padding: unset;
    border-radius: 60px;
    z-index: 5;
}

body.new a:hover .arrow-icon {
    background: var(--secondaryOpacity300);
}

body.new .variant-items .post .arrow-icon {
    position: unset;
    width: 48px;
    height: 48px;
}

.promotion-icon {
    position: absolute;
    top: -12%;
    right: 0;
    width: 100px;
    padding: unset;
}

body :is(button, a, div).btn:hover,
body.new .xleb-form .bottom-form .submit-button:hover,
body.new .xleb-form .mid-form .submit-button:hover {
    color: var(--accentColor);
    border: 1px solid var(--accentColor) !important;
    background: var(--primaryOpacity100) !important;
}

.swiper-slide {
    overflow: visible;
}

body .top-up-arrow {
    font-size: var(--textLsize);
    cursor: pointer;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    flex-flow: row-reverse;
    z-index: 5;
    align-self: flex-end;
    padding: var(--gapX3) var(--gapX5);
    color: black;
    opacity: 0;
    width: 50px;
    height: 50px;
    transition: opacity 0.1s ease-in-out;
}

.top-up-arrow span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.top-up-arrow:hover {
    color: var(--accentColor);
}

.top-up-arrow.show {
    opacity: 1;
}

.top-up-arrow.show .arrow-icon {
    transform: rotate(-90deg);
    position: unset;
}

a.article-item.cosmo {
    display: flex;
    flex-direction: row;
    gap: var(--gapX5);
}

body.new .news .image-wrapper-news {
    background-color: unset;
    border-radius: 1px solid var(--whiteOpacity800);

}

.card-news {
    overflow: visible;
}

.services-photo {
    background-size: cover !important;
    background-position: right bottom !important;
}

@media (max-width: 767px) {
    footer .second-row {
        width: var(--col-12);
    }

    body.new .popular-services .xleb-card {
        height: 440px;
    }

    body.new .article-item .description {
        flex-flow: column;
        align-items: flex-start;
    }

    body.new .post .arrow-icon {
        width: 40px;
        height: 40px;
    }

    body.new .filter-taxonomies {
        flex-flow: row;
    }

    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .filters-controls-container {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .filters-container.taxonomies,
    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .filter-taxonomies.variant_service {
        width: 100%;
        max-width: 100%;
    }

    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .filter-taxonomies.variant_service {
        display: flex;
        flex-flow: column nowrap;
        gap: var(--gapX3);
    }

    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .terms .filter,
    body.home.new .vue-posts:has(.filter-taxonomies.variant_service) .terms .filter.active {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        box-sizing: border-box;
        text-align: center;
    }

    body.new .posts-container {
        margin: unset;
        width: 100%;
    }

    body.new .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    body.new .device-card {
        height: 440px;
    }

    body.new .device {
        right: 20px;
        bottom: 20px;
        width: 65%;
    }

    body.new .workers .xleb-card {
        height: 440px;
        background-size: 80%;
    }

    body.new .row-mid-form {
        gap: var(--gapX4);
    }

    body.new .about-card {
        min-height: 210px;
    }

    body.new .bottom-row-cards {
        margin: unset !important;
    }

    body.new .row-bottom-form {
        padding: var(--gapX5);
    }

    body.new .xleb-form .bottom-form {
        flex-flow: column;
    }

    body.new .xleb-form .mid-form .submit-button {
        width: 100%;
    }

    body.new .xleb-form .bottom-form .bottom-form-inputs {
        flex-flow: column;
        margin-top: var(--gapX6);
    }

    footer .wrapper {
        flex-flow: column-reverse;
    }

    footer .first-row {
        width: 100%;
    }

    a footer .second-row {
        width: 100%;
    }

    .promotion-icon {
        width: 80px;
    }

    body.new .device-card .textM {
        width: 100%;
    }

    body.new .xleb-form .bottom-form .bottom-form-inputs {
        width: 100%;
        gap: unset;
    }
}

.as-2-3 {
    aspect-ratio: 2/3;
}

img.custom-properties {
    object-position: 22%;
    aspect-ratio: 5 / 4;
    object-fit: cover;
}

.social a.max-footer svg {
    fill: none !important;
    color: var(--mainColor);
    height: unset;
}

.social a.max-footer svg:hover path {
    stroke: var(--accentHoverColor);
}

.btn.regata {
    border-color: #FF6033 !important;
    color: #FF6033 !important;
    width: 100%;
}

.btn.regata:hover{
        background-color: #ff603330 !important;
        border-color: #FF6033 !important;
    }