.methods-posts{
    display: flex !important;
}

.methods-posts a .description-wrapper{
    justify-content: center;
}

.methods-posts a{
    padding-left: var(--gapX3);
    padding-right: var(--gapX3);
}

.methods-posts a:first-child{
    margin-left: auto;
}

.methods-posts a:last-child{
    margin-right: auto;
}

.advantages-cards{
    display: flex !important;
}

[data-name="sprosit-spetsialista"] .input-box:has(input.submit-button){
    width: fit-content;
}

ul.menu li+li{
    margin-top: unset !important;
}

ul.menu{
    gap: var(--gapX6);
}

.terms-field label{
    font-size: var(--textSsize);
    line-height: var(--textSheightT);
}

.xleb-card:has(.xleb-form){
    backdrop-filter: blur(8px);
}

.logo span{
    font-family: var(--titleFont);
    text-transform: uppercase;
}

[data-name="sprosit-spetsialista"] .input-box input[type="checkbox"]:hover {
    background: transparent;
    border: 1px solid var(--white);
}
@media(min-width: 768px){
    header {
        padding-top: unset !important;
    }
}

@media (max-width: 767px){
    .xleb-form.underline textarea{
        height: 92px !important;
    }

    #main-menu-panel{
        background-color: var(--primary100) !important;
    }

    #xleb-mobile-menu .xleb-mobile-header{
        background-color: var(--primary100) !important;
    }

    .xleb-form.underline .input-box:has(input.submit-button){
        width: 100% !important;
    }

    header .menu-icon .line{
        height: 2px !important;
    }

    [data-name="sprosit-spetsialista"] .input-box:has(input.submit-button){
        width: 100% !important;
        border-radius: var(--roundedXS) !important;
    }

    header > .wrapper{
        border-bottom: unset !important;
    }
}

.textS.nowrap{
    white-space: nowrap;
}

.contacts-header a{
    font-family: "Consolas", sans-serif;
    font-feature-settings: "ss07";
}

.single-services .wpb-content-wrapper{
    overflow: visible !important;
}

input.submit-button{
    border-radius: var(--roundedXS) !important;
}

[data-name="sprosit-spetsialista"] .input-box:has(input.submit-button){
        border-radius: var(--roundedXS) !important;
    }

ul[role="list"] li{
    line-height: var(--textSheightS);
    margin-top: var(--textStopS);
    margin-bottom: var(--textSbottomS);
    font-size: var(--textSsize);
}

ul[role="list"] li+li{
    margin-top: var(--gapX4) !important;
}

footer span{
    color: var(--contentOpacityColor);
    font-size: var(--textSsize);
}

footer .row p a{
    color: var(--contentOpacityColor);
    font-size: var(--textSsize);
}

footer .row p{
    display: flex;
    gap: var(--gapX5);
}

footer .wrapper p{
    color: var(--contentOpacityColor);
    font-size: var(--textSsize);
}

@media (max-width: 767px){
    body.page-id-264 header{
        background-position: bottom;
    }

    .methods-posts{
        display: grid !important;
    }

    .methods-posts a{
        width: unset;
    }

    .methods-posts p.title{
        text-align: center;
    }

    .advantages-cards{
        display: grid !important;
        gap: var(--columnGap);
    }

    .advantages-cards .circle-advantages-card{
        height: 167px;
        width: -webkit-fill-available;
    }
    .form-compact{
        display: flex !important;
        flex-direction: column !important;
        gap: var(--gapX4) !important;
    }

    header{
        gap: unset !important;
    }

    header .wrapper.part-2{
        padding-top: unset !important;
        padding-bottom: unset !important;
    }
}

header {
        background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.map {
    width: 100%;
    overflow: hidden;
}

#map {
    width: 100%;
    height: 400px;
}

footer{
    border-top: 1px solid var(--dividerDefault);
}

@media(min-width: 768px){
    ul.menu > li{
        align-items: flex-end !important;
    }
}


[data-name="forma-v-shapke"] .input-box:has(input.submit-button){
    width: fit-content;
}

[data-name="sprosit-spetsialista"] .input-box:has(input.submit-button){
    background-color: var(--white);
}

[data-name="sprosit-spetsialista"] .input-box:has(input.submit-button):hover{
    background-color: var(--whiteOpacity800);
}

[data-name="sprosit-spetsialista"] .input-box input.submit-button{
    color: var(--contentPrimaryColor) !important;
}

[data-name="forma-v-shapke"] .input-box:has(input.submit-button){
    background-color: var(--buttonDefaultBg);
}

[data-name="forma-v-shapke"] .input-box:has(input.submit-button):hover{
    background-color: var(--buttonDefaultHoverBg);
}

.services-items a:hover hr{
    border-bottom-color: var(--primaryOpacity500);
}

hr.xleb-separator{
    border-bottom:1px solid var(--dividerDefault);
}

[data-name="sprosit-spetsialista"] .terms-field a{
    color: var(--white);
    text-decoration-color: var(--whiteOpacity200);
}

@media (max-width: 767px){
    .popup-content,
    .modal-content{
        margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: unset !important;
    width: var(--containerWidth) !important;
    }

    .trigger-popup i.ph-phone::before{
        font-size: unset;
    }
}

body.error404 header{
    padding-bottom: var(--gapX18);
}

body.single-methods .image-main img{
    width: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

body.single-methods .wpb-content-wrapper{
    padding-top: 20px;
}

input.submit-button{
    padding: 11px 20px 9px;
}

@media (min-width: 768px){
    .single-services header,
    .single-methods header{
        padding-bottom: unset !important;
    }
}

.content-wrapper .wpb-content-wrapper{
    overflow: visible;
}

.content-wrapper .wpb-content-wrapper .titleS,
.content-wrapper .wpb-content-wrapper .titleXXXS{
    color: var(--contentPrimaryColor);
}

.services-items.grid a .title:not(:hover),
.methods-items.grid a .title:not(:hover){
    color: var(--contentPrimaryColor);
}

body .vc_row:has(.map) a{
    font-family: "Consolas", sans-serif;
    font-feature-settings: "ss07";
}

.single-methods .content-wrapper .wpb-content-wrapper .textS.tight > :is(p),
.single-services .content-wrapper .wpb-content-wrapper .textS.tight > :is(p){
    line-height: var(--textSheightS);
    margin-top: var(--textStopS);
    margin-bottom: var(--textSbottomS);
}