.b_leasing_work_on_u {
    padding: 30px 0 0;

    margin-bottom: 50px;

    &:has(.c_leasing_calc.expanded) {
        .wrapper{
            grid-template-columns: 0px 100%;
            gap: 0;
        }

        .promo__search{
            opacity: 0;
            visibility: hidden;

            height: 0;
        }
    }

    .wrapper {
        grid-template-columns: calc(100% - 350px - 40px) 350px;
        gap: 40px;

        overflow-x: hidden;

        @media(max-width: 1024px){
            grid-template-columns: 100% 0px;
            gap: 0;
        }

        transition: 1s ease all;
    }

    .promo__search{
        /*padding-top: 32px;*/
        overflow: hidden;
        transition: 0.5s ease all;

        .tag{
            background-color: var(--green-light-clr);
            color: var(--green-clr);
            font-size: 14px;
            font-weight: 600;

            border-radius: 16px;

            padding: 6px 12px;
            width: fit-content;

            font-family: "Roboto", sans-serif;
        }

        .title{
            margin-top: 24px;

            font-size: 60px;
            line-height: 1;
            font-weight: 900;

            @media (max-width: 1260px) {
                font-size: 55px;
            } @media(max-width: 1160px){
                font-size: 43px;
            } @media (max-width: 1024px){
                font-size: 65px;
            } @media (max-width: 800px){
                font-size: 60px;
            } @media (max-width: 750px){
                font-size: 50px;
            } @media (max-width: 620px){
                font-size: 45px;
            } @media (max-width: 570px){
                font-size: 40px;
            } @media (max-width: 500px){
                font-size: 35px;
            } @media (max-width: 450px){
                font-size: 30px;
            } @media (max-width: 400px){
                font-size: 25px;
            }

            i{
                color: var(--green-clr);
                margin-right: 10px;
            }
        }

        .description{
            color: var(--grey-clr);
            font-size: 20px;
            line-height: 1.5;

            margin-top: 25px;

            @media(max-width: 1260px){
                font-size: 19px;
            } @media(max-width: 1160px){
                font-size: 18px;
            } @media(max-width: 1024px){
                font-size: 23px;
            } @media(max-width: 800px){
                font-size: 20px;
            } @media(max-width: 750px){
                font-size: 18px;
            } @media(max-width: 620px){
                font-size: 16px;
            } @media(max-width: 570px){
                font-size: 14px;
            } @media(max-width: 450px){
                margin-top: 15px;
            } @media(max-width: 400px){
                margin-top: 10px;
            }
        }

        .search_leasing_form{
            margin-top: 30px;

            .search_txt_error{
                margin-bottom: 8px;

                max-height: 35px;
                opacity: 1;
                visibility: visible;
                overflow: hidden;

                transition: 1s ease all 0.3s;

                .err_title{
                    font-size: 16px;
                    font-weight: 600;
                    color: var(--error-clr);
                }

                .err_description{
                    font-size: 12px;
                    font-weight: 400;
                    color: var(--error-clr);
                }

                &.hidden{
                    visibility: hidden;
                    opacity: 0;
                    max-height: 0;
                }
            }

            .highlited_part{
                box-shadow: 0px 11px 25px -3px #EAFFE3;
                /*background: #F3FFEF;*/

                background: linear-gradient(90deg, #F3FFEF 0%, #F3FFF0 100%);
                border-radius: 16px;
            }

            .field_container {
                .input_icon_i_btn {
                    background: #fff;
                    --btn-width: 150px;
                    @media(max-width: 700px){
                        --btn-width: 28px;
                    } @media(max-width: 575px){
                        .icon{display: none;}
                        grid-template-columns: calc(100% - var(--btn-width)) var(--btn-width);
                        input{padding: 0 10px 0 0;--placeholder-font-size: 12px;}
                    }
                }
                .primary_btn{
                    img{display: none;}
                    @media(max-width: 700px){
                        --padding: 6px;
                        border-radius: 10px;
                        img{display: block;}
                        div{display: none;}
                    }
                }
            }

            .note{
                gap: 5px;
                margin-top: 10px;
                padding: 0 0 10px 15px;

                font-size: 12px;
                font-family: "Roboto", sans-serif;
                color: var(--grey-clr);

                @media(max-width: 540px){
                    align-items: flex-start;
                }

                transition: 0.3s ease all;

                &.error{
                    div{color: var(--error-clr);}
                    img{--filter: var(--filter-error-clr);}
                    zoom: 1.2;
                }

                img{
                    --filter: var(--filter-grey-clr);
                    width: 13px;
                    display: block;

                    filter: var(--filter);
                }

                div{
                    line-height: 1;
                }
            }
        }
        .advantages_container{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 22px 40px;

            /*@media(max-width: 1140px){
                grid-template-columns: repeat(2, 1fr);
            } @media(max-width: 1024px){
                grid-template-columns: repeat(3, 1fr);
            }*/

            margin-top: 50px;

            .advantage{
                display: flex;
                align-items: center;
                gap: 10px;

                font-family: "Roboto", sans-serif;

                .icon_cont{
                    width: 40px;
                    height: 40px;

                    min-width: 40px;
                    min-height: 40px;

                    max-width: 40px;
                    max-height: 40px;

                    display: flex;
                    justify-content: center;
                    align-items: center;

                    background-color: var(--green-light-clr);

                    border-radius: 100%;
                    img{
                        height: 20px;
                        display: block;

                        filter: var(--filter-green-clr);
                    }
                }

                .advantage_title{
                    font-size: 14px;
                    font-weight: 700;
                    color: var(--black-clr);

                }
                .advantage_description{
                    font-size: 12px;
                    color: var(--grey-clr);
                }
            }
        }
    }

    @media(max-width: 1024px){
        .c_leasing_calc{
            height: 0;
            visibility: hidden;
            &.expanded{
                height: 100%;
                visibility: visible;
            }
        }
    }
}