/* форма обратной связи */
#service-remont .feedback-form{
    position: relative;
    margin-bottom: 470px;
    height: 643px;
}
#service-remont .feedback-form:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 769px;
    height: 100%;
    background: #F5F5F5;
    border-radius: 10px 400px 10px 0;
    z-index: 0;
}
#service-remont .feedback-form:after{
    content: '';
    position: absolute;
    width: 617px;
    height: 623px;
    top: 34px;
    left: 193px;
    background: url(/wp-content/themes/liftmann/img/lizing/banner-logo.svg) no-repeat center;
    background-size: contain;
    z-index: 0;
}
#service-remont .feedback-form .image{
    width: 960px;
    height: 934px;
    object-fit: contain;
    object-position: top;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translate(270px, -152px) scale(1);
    transition: transform .5s linear;
}
#service-remont .feedback-form.load-active .image{
    transform: translate(375px, -46px) scale(1.28);
}
#service-remont .feedback-form .feedback-block{
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    max-width: 710px;
    width: 100%;
    margin: 0 0 0 auto;
    padding-top: 23px;
}
#service-remont .feedback-form .feedback-block .title{
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    color: #343434;
    margin-bottom: 16px;
    text-transform: none;
}
#service-remont .feedback-form .feedback-block .sub-title{
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #343434;
    margin-bottom: 33px;
    max-width: 53%;
    width: 100%;
}
#service-remont .feedback-form .feedback-block form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
#service-remont .feedback-form .feedback-block .group-input{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}
#service-remont .feedback-form .feedback-block form p{
    margin: 0;
}
#service-remont .feedback-form .feedback-block br{
    display: none;
}
#service-remont .feedback-form .feedback-block .group-input.phone,
#service-remont .feedback-form .feedback-block .group-input.email{
    width: calc(100% / 2 - 20px / 2);
}
#service-remont .feedback-form .feedback-block .group-input label{
    position: absolute;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #9F9F9F;
    top: 17px;
    left: 28px;
    cursor: text;
    opacity: 1;
    transition: .2s linear;
}
#service-remont .feedback-form .feedback-block .group-input input{
    width: 100%;
    padding: 16px 28px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #3C3D3F;
    border: 1px solid #9F9F9F;
    transition: .2s linear;
    margin-bottom: 0;
}
#service-remont .feedback-form .feedback-block .group-input input::placeholder{
    color: #9F9F9F;
    transition: .2s linear;
}
#service-remont .feedback-form .feedback-block .group-input input:focus-visible::placeholder{
    padding-left: 10px;
}
#service-remont .feedback-form .feedback-block .group-input input:hover{
    border-color: #EE3224;
}
#service-remont .feedback-form .feedback-block .group-input input:focus-visible{
    border-color: #EE3224;
    caret-color: #EE3224;
    outline: none;
}
#service-remont .feedback-form .feedback-block .wpcf7-not-valid-tip,
#service-remont .feedback-form .feedback-block form .wpcf7-response-output{
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #EE3224;
    margin-top: 2px;
}
#service-remont .feedback-form .feedback-block form[data-status="sent"] .wpcf7-response-output{
    color: #4AA657;
}
#service-remont .feedback-form .feedback-block form input[aria-invalid="true"]{
    background: #EE32241A;
    border-color: #EE3224;
}
#service-remont .feedback-form .feedback-block form input[aria-invalid="true"]::placeholder{
    color: #EE3224;
}
#service-remont .feedback-form .feedback-block .block-button{
    display: flex;
    gap: 20px;
    margin-top: 13px;
}
#service-remont .feedback-form .feedback-block .block-button .text{
    width: calc(100% / 2 - 20px / 2);
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #797979;
}
#service-remont .feedback-form .feedback-block .block-button .text > p{
    line-height: 17px;
}
#service-remont .feedback-form .feedback-block .block-button .text a{
    color: #797979;
    text-decoration: underline;
}
#service-remont .feedback-form .feedback-block .block-button > p{
    width: calc(100% / 2 - 20px / 2);
}
#service-remont .feedback-form .feedback-block button{
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 16px;
    transition: .2s linear;
    margin: 0;
}
#service-remont .feedback-form .feedback-block button:disabled{
    opacity: .8;
}
#service-remont .feedback-form .feedback-block button:disabled:hover {
    opacity: .8;
    background-color: #ee3224;
    color: #fff;
}
/* end форма обратной связи */

#service-remont .feedback-form{
    margin-bottom: 360px;
}
#service-remont .form-diagnostics form .group-input input::placeholder,
#service-remont .form-diagnostics form .group-input textarea::placeholder{
    color: #9F9F9F;
    transition: .2s linear;
}
#service-remont .form-diagnostics input:focus-visible::placeholder,
#service-remont .form-diagnostics textarea:focus-visible::placeholder{
    padding-left: 10px;
}
#service-remont .form-diagnostics form .group-input input:hover,
#service-remont .form-diagnostics form .group-input textarea:hover{
    border-color: #EE3224;
}
#service-remont .form-diagnostics form .group-input input:focus-visible,
#service-remont .form-diagnostics form .group-input textarea:focus-visible{
    border-color: #EE3224;
    caret-color: #EE3224;
    outline: none;
}
#service-remont .form-diagnostics form .wpcf7-not-valid-tip,
#service-remont .form-diagnostics form .wpcf7-response-output{
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #EE3224;
    margin-top: 2px;
}
#service-remont .form-diagnostics form .wpcf7-response-output{
    margin: 0;
}
#service-remont .form-diagnostics form[data-status="sent"] .wpcf7-response-output{
    color: #4AA657;
}
#service-remont .form-diagnostics form input[aria-invalid="true"]{
    background: #EE32241A;
    border-color: #EE3224;
}
#service-remont .form-diagnostics form input[aria-invalid="true"]::placeholder{
    color: #EE3224;
}
#service-remont .form-diagnostics form .block-button .text a{
    color: #9F9F9F;
    text-decoration: underline;
}
#service-remont .form-diagnostics form .block-button button{
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 16px;
    transition: .2s linear;
    margin: 0;
}
#service-remont .form-diagnostics form .block-button button:disabled{
    opacity: .8;
}
#service-remont .form-diagnostics form .block-button button:disabled:hover{
    opacity: .8;
    background-color: #ee3224;
    color: #fff;
}

#service-remont .page-h1{
    line-height: 44px;
    margin-bottom: 32px;
    letter-spacing: 0;
}

#service-remont .other-pages {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 100px;
}

#service-remont .other-pages .item{
    width: calc(100% / 2 - 20px / 2);
    border-radius: 10px;
    padding: 24px;
    border: 1px solid #DFDFDF;
    min-height: 506px;
    transition: .3s ease-out;
}

#service-remont .other-pages .item .image{
    background: #F5F5F5;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px;
    height: 381px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#service-remont .other-pages .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .3s ease-out;
}
#service-remont .other-pages .item .title{
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: #EE3224;
    margin: 0 0 8px 0;
}
#service-remont .other-pages .item .text{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #797979;
    max-width: 512px;
}
#service-remont .other-pages .item .d-flex-row{
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
#service-remont .other-pages .item .d-flex-row .go-link{
    border-radius: 50%;
    background: #EE3224;
    border: 1px solid #EE3224;
    transition: .3s ease-out;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
#service-remont .other-pages .item .d-flex-row .go-link:hover{
    background: #fff;
}
#service-remont .other-pages .item .d-flex-row .go-link svg path{
    transition: .3s ease-out;
}
#service-remont .other-pages .item .d-flex-row .go-link:hover svg path{
    stroke: #EE3224;
}
#service-remont .form-diagnostics{
    margin-bottom: 100px;
    padding: 100px 0;
    background: #F5F5F5;
}

#service-remont .page-h1.page-sub-title{
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #343434;
    margin-bottom: 24px;
    max-width: 577px;
}

#service-remont .form-diagnostics .sub-title{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #343434;
    margin-bottom: 24px;
}

#service-remont .form-diagnostics form .d-flex-items{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;

}

#service-remont .form-diagnostics form .d-flex-items .item{
    width: calc(100% / 2 - 20px / 2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

#service-remont .form-diagnostics .group-input{
    display: flex;
    width: 100%;
    position: relative;
}

#service-remont .form-diagnostics .group-input.group-row{
    gap: 20px;
}

#service-remont .form-diagnostics .group-input p{
    margin: 0;
    width: 100%;
}

#service-remont .form-diagnostics .group-input p span{
    display: flex;
}

#service-remont .form-diagnostics .group-input p span.wpcf7-form-control-wrap{
    flex-direction: column;
}


#service-remont .form-diagnostics .group-input input,
#service-remont .form-diagnostics .group-input textarea{
    width: 100%;
    padding: 16px 28px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #3C3D3F;
    border: 1px solid #9F9F9F;
    background: #F5F5F5;
    transition: .2s ease-out;
    margin-bottom: 0;
}

#service-remont .form-diagnostics .group-input textarea{
    max-height: 124px;
}

#service-remont .form-diagnostics .block-button{
    display: flex;
    width: calc(100% / 2 - 20px / 2);
    gap: 20px;
    margin-top: 25px;
    align-items: flex-start;
}
#service-remont .form-diagnostics form .block-button p{
    margin: 0;
}
#service-remont .form-diagnostics form .block-button .text{
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #9F9F9F;
    width: calc(100% / 2 - 20px / 2);
}
#service-remont .form-diagnostics form .block-button > p{
    width: calc(100% / 2 - 20px / 2);
}
#service-remont .information {
    margin-bottom: 281px;
}
#service-remont .information .items {
    display: flex;
    gap: 20px;
}
#service-remont .information .items .item {
    width: calc(100% / 2 - 20px / 2);
}
#service-remont .information .items:first-child > .item:last-child {
    padding-top: 120px;
}
#service-remont .information .items:first-child {
    margin-bottom: 24px;
}
#service-remont .information .items:nth-child(2) {
    margin-bottom: 20px;
}
#service-remont .information .items .page-h1.page-sub-title {
    margin-bottom: 32px;
}
#service-remont .information .items .text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}
#service-remont .information .items .text:last-child {
    margin-bottom: 0;
}
#service-remont .information .items .text p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #797979;
}
#service-remont .information .items .text p span {
    color: #EE3224;
}
#service-remont .information .items .attention {
    display: flex;
    gap: 25px;
    align-items: center;
}
#service-remont .information .items .attention .text {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #343434;
    max-width: 528px;
    margin: 0;
}
#service-remont .information .items .attention svg {
    flex-shrink: 0;
}
#service-remont .information .items .item-photo {
    border: 1px solid #DFDFDF;
    padding: 24px;
    border-radius: 10px;
}
#service-remont .information .items .item-photo img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#service-remont .information .items:nth-child(3) .item {
    width: 100%;
}
#service-remont .information .items:nth-child(3) .item.item-photo img {
    height: 752px;
    object-position: 50% 100%;
}
#service-remont .banner__block {
    width: 100%;
    padding: 24px;
    border-radius: 10px;
    border: 1px solid #DFDFDF;
    position: relative;
    margin-bottom: 32px;
}
#service-remont .banner__block .text {
    position: absolute;
    right: 64px;
    bottom: 64px;

    font-weight: 600;
    font-size: 72px;
    line-height: 76px;
    letter-spacing: .4px;
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;
}
#service-remont .banner__block img {
    height: 552px;
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 90%;
}
@media (min-width: 992px){
    #service-remont .other-pages .item:hover{
        border-color: #EE3224;
    }

    #service-remont .other-pages .item:hover img{
        transform: scale(1.1);
    }
}
@media (max-width: 1500px){
    #service-remont .feedback-form.load-active .image{
        transform: translate(280px, -46px) scale(1.28);
    }
}
@media (max-width: 1400px){
    #service-remont .feedback-form .image{
        transform: translate(200px, -152px) scale(1);
    }
    #service-remont .feedback-form.load-active .image{
        transform: translate(200px, -46px) scale(1.18);
    }
}
@media (max-width: 1300px){
    #service-remont .feedback-form .image{
        transform: translate(100px, -152px) scale(.9);
    }
    #service-remont .feedback-form.load-active .image{
        transform: translate(120px, -46px) scale(1.16);
    }
}
@media (max-width: 1200px){
    #service-remont .feedback-form .image{
        transform: translate(0px, -152px) scale(.8);
    }
    #service-remont .feedback-form.load-active .image{
        transform: translate(100px, -96px) scale(1.16);
    }
    #service-remont .form-diagnostics .block-button{
        width: 80%;
    }
    #service-remont .form-diagnostics form .block-button > p{
        max-width: 345px;
    }
    #service-remont .banner__block img {
        height: 440px;
    }
    #service-remont .banner__block .text {
        font-size: 58px;
        line-height: 64px;
        right: 44px;
        bottom: 44px;
    }
    #service-remont .information .items:nth-child(3) .item.item-photo img {
        height: 552px;
    }
}
@media (max-width: 1100px){
    #service-remont .feedback-form .image{
        display: none;
    }
    #service-remont .feedback-form:before,
    #service-remont .feedback-form:after{
        content: none;
    }
    #service-remont .feedback-form .feedback-block{
        max-width: none;
    }
    #service-remont .feedback-form{
        height: auto;
    }
    #service-remont .feedback-form .feedback-block .block-button{
        width: 100%;
    }
    #service-remont .feedback-form{
        margin-bottom: 100px;
    }
    #service-remont .information {
        margin-bottom: 100px;
    }
}
@media (max-width: 992px){
    #service-remont .other-pages .item{
        min-height: 406px;
    }
    #service-remont .other-pages .item .image{
        height: 300px;
    }
    #service-remont .information .items {
        flex-direction: column;
    }
    #service-remont .information .items .item {
        width: 100%;
    }
    #service-remont .information .items:nth-child(2) > .item:last-child {
        display: none;
    }
    #service-remont .banner__block .text {
        font-size: 44px;
        line-height: 48px;
    }
    #service-remont .information .items:first-child > .item:last-child {
        padding-top: 0;
    }
    #service-remont .information .items:first-child {
        gap: 16px;
    }
    #service-remont .information .items:nth-child(3) .item.item-photo img {
        height: 382px;
    }
}
@media (max-width: 768px){
    #service-remont .feedback-form{
        margin-bottom: 56px;
    }
    #service-remont .feedback-form .feedback-block .title{
        font-size: 27px;
        line-height: 32px;
        font-weight: 500;
        margin-bottom: 8px;
    }
    #service-remont .feedback-form .feedback-block .sub-title{
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 20px;
    }
    #service-remont .feedback-form .feedback-block form{
        gap: 10px;
    }
    #service-remont .feedback-form .feedback-block .block-button{
        margin-top: 14px;
    }
    #service-remont .feedback-form .feedback-block .group-input.phone,
    #service-remont .feedback-form .feedback-block .group-input.email{
        width: calc(100% / 2 - 10px / 2);
    }
    #service-remont .feedback-form .feedback-block .block-button{
        flex-direction: column;
    }
    #service-remont .feedback-form .feedback-block .block-button .text,
    #service-remont .feedback-form .feedback-block .block-button > p{
        width: 100%;
    }
    #service-remont .page-h1 {
        line-height: 32px;
        margin-bottom: 16px;
    }
    #service-remont .other-pages {
        margin-bottom: 56px;
    }
    #service-remont .other-pages .item{
        width: 100%;
        min-height: auto;
        padding: 16px;
    }

    #service-remont .other-pages .item .image{
        height: 208px;
    }

    #service-remont .other-pages .item .d-flex-row{
        gap: 0;
    }

    #service-remont .form-diagnostics {
        padding: 56px 0;
        margin-bottom: 56px;
    }

    #service-remont .page-h1.page-sub-title{
        font-weight: 500;
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 20px;
        letter-spacing: -.2px;
    }

    #service-remont .form-diagnostics .sub-title{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 16px;
    }

    #service-remont .form-diagnostics .group-input.group-row{
        flex-direction: column;
        gap: 10px;
    }
    #service-remont .form-diagnostics form .d-flex-items .item{
        gap: 10px;
        width: 100%;
    }
    #service-remont .form-diagnostics form .d-flex-items{
        gap: 10px;
    }
    #service-remont .form-diagnostics .block-button{
        width: 100%;
        margin-top: 20px;
    }
    #service-remont .information {
        margin-bottom: 56px;
    }
    #service-remont .information .items .page-h1.page-sub-title {
        margin-bottom: 20px;
    }
    #service-remont .information .items .attention .text {
        font-size: 18px;
        line-height: 22px;
    }
    #service-remont .information .items .item-photo {
        padding: 16px;
    }
    #service-remont .other-pages{
        gap: 10px;
    }
    #service-remont .other-pages .item .title{
        margin-bottom: 4px;
    }
    #service-remont .banner__block {
         padding: 12px;
    }
    #service-remont .banner__block img {
        border-radius: 8px;
        height: 290px;
    }
    #service-remont .banner__block .text {
        font-size: 32px;
        line-height: 36px;
        right: 36px;
        bottom: 36px;
    }
    #service-remont .information .items:nth-child(3) .item.item-photo {
        padding: 12px;
    }
    #service-remont .information .items:nth-child(3) .item.item-photo img {
        height: 320px;
        border-radius: 8px;
    }
    #service-remont .information .items .page-h1.page-sub-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 24px;
    }
}
@media (max-width: 576px){
    #service-remont .feedback-form .feedback-block .group-input.phone,
    #service-remont .feedback-form .feedback-block .group-input.email{
        width: 100%;
    }
    #service-remont .feedback-form .feedback-block .sub-title{
        max-width: 100%;
    }
    #service-remont .form-diagnostics .block-button{
        flex-direction: column;
    }
    #service-remont .form-diagnostics form .block-button > p{
        max-width: none;
        width: 100%;
    }
    #service-remont .form-diagnostics form .block-button .text{
        width: 100%;
    }
    #service-remont .other-pages .item .image{
        height: 212px;
    }
    #service-remont .banner__block img {
        height: 190px;
    }
    #service-remont .banner__block .text {
        font-size: 20px;
        line-height: 24px;
        right: 22px;
        bottom: 22px;
    }
    #service-remont .banner__block {
        margin-bottom: 10px;
    }
    #service-remont .information .items:nth-child(3) .item.item-photo img {
        height: 240px;
    }
}
@media (max-width: 370px) {
    #service-remont .other-pages .item .d-flex-row{
        gap: 10px;
    }
}