html {
    overflow-x: hidden;
}

.cel {
    display: flex;
    padding: 90px 240px;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    background: var(--White, #FFF);
}

.cel .cel-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}

.cel .cel-left .cel-titles {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.cel .cel-left .small-title {
    display: flex;
    width: 122px;
    padding: 18px 0;
    align-items: flex-start;
    gap: 10px;

    color: var(--Middle-Grey, #56595C);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 121%; /* 14.52px */
    text-transform: uppercase;
}

.cel .cel-left .mid-title {
    width: 490px;
    color: var(--Dark-Grey, #2E3135);

    /* PC Titles/H2 */
    font-family: Oswald;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%; /* 65.34px */
    text-transform: uppercase;
}

.cel .cel-left .cel-icons {
    width: 966px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.cel .cel-left .cel-icon {
    display: flex;
    gap: 15px;
}

.cel .cel-left .cel-icon .content-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cel .cel-left .cel-icon .cel-title {
    color: var(--Dark-Grey, #2E3135);
    font-family: Manrope;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%; /* 24.32px */
}

.cel .cel-left .cel-icon .cel-text {
    color: var(--Middle-Grey, #56595C);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 152%; /* 21.28px */
}

.cel .cel-right .cel-green-block {
    width: 434px;
    height: 497px;
    border-radius: 20px;
    background: #0AAF60;

}

.cel .cel-right .cel-green-titles {
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 24px;

    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cel .cel-right .cel-title {
    width: 380px;

    color: var(--White, #FFF);

    /* PC Titles/H3 */
    font-family: Oswald;
    font-size: 43px;
    font-style: normal;
    font-weight: 600;
    line-height: 121%; /* 52.03px */
    text-transform: uppercase;
}

.cel .cel-right .cel-text {
    width: 333px;

    color: var(--White, #FFF);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%; /* 21.12px */
}

.cel .cel-right .cell-zaya {
    background-image: url('/wp-content/themes/newmeters/assets/img/house2.png');
    background-size: cover;
    width: 434px;
    height: 290px;
    position: relative;
    z-index: 9;
    top: -27px;
    justify-content: center;
    display: flex;
    align-items: flex-end;
}

.cel .cel-right .zaya-btn {
    margin-bottom: 30px;
    display: flex;
    width: 374px;
    height: 66px;
    padding: 10px;
    justify-content: space-between;
    align-items: center;

    border-radius: 23px;
    background: var(--Dark-Blue, #18232E);

    color: var(--White, #FFF);
    text-align: center;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 18px */

    cursor: pointer;
}

.cel .cel-right .zaya-btn:hover {
    box-shadow: 0 5px 22px 0 rgba(21, 35, 48, 0.46);
}

.cel .cel-right .zaya-btn .btn-icon {
    display: flex;
    padding: 23px;
    align-items: center;
    gap: 10px;

    border-radius: 15px;
    background: var(--White, #FFF);
}

.cel .cel-right .zaya-btn .btn-text {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    margin-left: -16px;
}

.zakonno {
    width: 100%;
    height: 778px;
    overflow: hidden;
}

.zakonno-wrap {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    height: 778px;
    overflow: hidden;
    width: calc(100% - 30px); 
}

.zakonno-inner {
    width: 100%;
    height: 778px;
    justify-content: space-between;
    display: flex;

    background-image: url('/wp-content/themes/newmeters/assets/img/femida2.png');
    box-shadow: inset 0 0 0 1000px rgba(24, 35, 46, 0.95);
    border-radius: 29px; 
    
    position: relative;
    z-index: 1;
    background-size: cover;
}

.zakonno .zakonno-inner .col-left {
    display: flex;
    flex-direction: column;
    padding-left: 240px;
    padding-top: 90px;
    padding-bottom: 90px;
    gap: 40px;
}

.zakonno .small-title {
    color: var(--Middle-Grey, #56595C);
    font-family: Geologica;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 121%; /* 14.52px */
    text-transform: uppercase;

    padding-top: 18px;
    padding-bottom: 18px;
}

.zakonno .mid-title {
    color: var(--White, #FFF);

    /* PC Titles/H2 */
    font-family: Oswald;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%; /* 65.34px */
    text-transform: uppercase;
}

.zakonno .icon-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.zakonno .icon-grid-item {
    display: flex;
    gap: 15px;
    width: 400px;
    padding: 25px;    
}

.zakonno .item-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zakonno .item-content .item-title {
    color: var(--White, #FFF);

    /* PC Titles/H5 */
    font-family: Manrope;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%; /* 24.32px */
}

.zakonno .item-content .item-text {
    color: var(--Middle-Grey, #56595C);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 152%; /* 21.28px */
}

.zakonno .docs {
    display: flex;
    align-items: center;
    height: 778px;
    position: absolute;
    z-index: 1;
}

.zakonno .ugol-wrap {
    display: inline-block;
    width: 761px;
    height: 778px;
    overflow: hidden;
}

.zakonno .ugol {
    background-color: #0AAF60;
    /* height: 2000px; */
    /* width: 2000px; */
    /* transform: rotate(-61.843deg); */
    width: 1706.5px;
    height: 1192px;
    /* transform: rotate(-246.157deg); */
    /* width: 250px; */
    /* height: 250px; */
    transform: rotate(-29deg);
    margin-left: 250px;
    margin-top: -490px;
}

.zakonno .col-right-inner {
    overflow: hidden;
    border-radius: 28px;
    height: 778px;
    width: 710px;
}

.zakonno .zakonno-gray-back {
    width: 100%;
    height: 360px;
    position: relative;
    top: -360px;
    background: var(--Light-Grey, #EEF0F5);
}

.neobh {
    width: 100%;
    background: #EEF0F5;
    display: flex;
    padding: 90px 240px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 40px;
}


.neobh .small-title {
    color: var(--Middle-Grey, #56595C);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 121%; /* 14.52px */
    text-transform: uppercase;
    padding-top: 18px;
    padding-bottom: 18px;
}

.neobh .mid-title {
    color: var(--Dark-Grey, #2E3135);

    /* PC Titles/H2 */
    font-family: Oswald;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%; /* 65.34px */
    text-transform: uppercase;
}


.neobh .neobh-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.neobh .neobh-item {
    display: flex;
    width: 466px;
    height: 101px;
    padding: 25px;
    align-items: flex-start;
    gap: 15px;

    border-radius: 20px;
    background: var(--White, #FFF);
}

.neobh .neobh-item.neobh-item-high {
    height: 116px;
}

.neobh .item-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.neobh .item-title {
    color: var(--Dark-Grey, #2E3135);

    /* PC Titles/H5 */
    font-family: Manrope;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%; /* 24.32px */
}

.neobh .item-text {
    color: var(--Middle-Grey, #56595C);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 152%; /* 21.28px */
    
    opacity: 0.8;
}

.neobh .neobh-zaya-item {
    display: flex;
    height: 92px;
}

.neobh .neobh-zaya-inner {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex: 1 0 0;
    padding: 30px;
    border-radius: 20px;
    background-image: url(/wp-content/themes/newmeters/assets/img/zaya-phone-bg.jpg);
    background-position: 0px -14.095px;
    background-size: 100% 139.149%;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1000px rgba(10, 175, 96, 0.85);
}

.neobh .zaya-text {
    color: var(--White, #FFF);

    /* PC Titles/H5 */
    font-family: Manrope;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%; /* 24.32px */
}

.neobh .zaya-btn {
    display: flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 12px;
    background: var(--Dark-Blue, #18232E);

    color: var(--White, #FFF);
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */

    cursor: pointer;
}

.neobh .zaya-btn:hover {
    background: #FFF;
    color: #18232E;
}

.foto-objects {
    display: flex;
    padding: 90px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    background: var(--White, #FFF);
}

.foto-objects .small-title {
    color: var(--Middle-Grey, #56595C);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 121%; /* 14.52px */
    text-transform: uppercase;

    padding-top: 18px;
    padding-bottom: 18px;
}

.foto-objects .mid-title {
    color: var(--Dark-Grey, #2E3135);

    /* PC Titles/H2 */
    font-family: Oswald;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%; /* 65.34px */
    text-transform: uppercase;
}

.foto-objects .slider-control {
    display: flex;
    justify-content: space-between;
    padding-left: 240px;
    width: calc(100% - 480px);
}

.foto-objects .slider-control .slider-buttons {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.foto-objects .slider-control .slider-buttons > div {
    display: flex;
    padding: 15px 16px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--Light-Grey, #EEF0F5);

    cursor: pointer;
}

.foto-objects .slider-control .slider-buttons > div:hover {
    background: var(--Dark-Blue, #18232E);
}

.foto-objects .slider-control .slider-buttons > div:hover svg path {
    stroke: #fff;
}

.foto-objects .slider {
    width: 100%;
    height: 410px;
}

.foto-objects .slider .slide {
    display: inline-block;
    width: 596px;
    height: 410px;    
    background: var(--Light-Grey, #EEF0F5);
    margin-right: 20px;
}

.foto-objects .slider .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    background: var(--Light-Grey, #EEF0F5);
}

.foto-objects .slider-wrap {
    width: 100%;
    height: 410px;
    overflow: hidden;
}

.stoimost {
    padding: 90px 0 0 240px;
    background: var(--Light-Grey, #EEF0F5);
    display: flex;
    justify-content: space-between;
}

.stoimost .col-left {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-bottom: 90px;
}

.stoimost .small-title {
    padding-top: 18px;
    padding-bottom: 18px;
    color: var(--Middle-Grey, #56595C);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 121%; /* 14.52px */
    text-transform: uppercase;    
}

.stoimost .mid-title {
    color: var(--Dark-Grey, #2E3135);

    /* PC Titles/H2 */
    font-family: Oswald;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%; /* 65.34px */
    text-transform: uppercase;
}

.stoimost .green-block {
    width: 574px;
    display: flex;
    padding: 35px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;
    align-self: stretch;
    border-radius: 20px;
    background: var(--Green-Light, #0AAF60);
}

.stoimost .green-title {
    color: var(--White, #FFF);
    font-family: Oswald;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 156%; /* 54.6px */
    text-transform: uppercase;
}

.stoimost .green-block ul {
    list-style: none;
    padding-left: 0;
}

.stoimost .green-block ul li {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7L9 18L4 13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    padding-left: 34px;
    color: var(--White, #FFF);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 156%; /* 24.96px */
}

.stoimost .green-price {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.stoimost .green-price .price-label {
    color: var(--White, #FFF);
    font-family: Manrope;
    font-size: 17px;
    font-style: normal;
    font-weight: 800;
    line-height: 121%; /* 20.57px */
    text-transform: uppercase;
}

.stoimost .green-price .price-value {
    color: var(--White, #FFF);
    font-family: Oswald;
    font-size: 43px;
    font-style: normal;
    font-weight: 600;
    line-height: 119%; /* 51.17px */
}

.stoimost .green-bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.stoimost .zaya-btn {
    display: inline-flex;
    padding: 10px 35px 10px 10px;
    justify-content: center;
    align-items: center;
    gap: 25px;

    border-radius: 23px;
    background: var(--Dark-Blue, #18232E);

    color: var(--White, #FFF);
    text-align: center;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 18px */

    cursor: pointer;
}

.stoimost .zaya-icon {
    width: 66px;
    height: 66px;
    border-radius: 15px;
    background: var(--White, #FFF);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.stoimost .zakaz-zaya-wrap {
    flex-grow: 1;
    display: flex;
    /* flex-direction: row; */
    justify-content: flex-end;
}

.stoimost .zakaz-zaya {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-image: url('/wp-content/themes/newmeters/assets/img/house.png');
    background-size: cover;
    width: 330px;
}

.stoimost .zaya-icon::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.8335 5.8335H14.1668V14.1668' stroke='%2318232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.8335 14.1668L14.1668 5.8335' stroke='%2318232E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
}

.stoimost .zaya-btn:hover {
    background: #FFF;
    color: #18232E;
}

.stoimost .zaya-btn:hover .zaya-icon::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.8335 5.8335H14.1668V14.1668' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.8335 14.1668L14.1668 5.8335' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
}

.stoimost .zaya-btn:hover .zaya-icon {
    background: var(--Dark-Blue, #18232E);
}


.stoimost .photo-block {
    width: 512px;
    height: 100%;
    background-image: url('/wp-content/themes/newmeters/assets/img/photo2.png');
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.stoimost .col-right {
    padding-right: 300px;
}

.stoimost .tultip-inner {
    width: 344px;
    padding: 20px;
    gap: 10px;
    border-radius: 16px;
    background: var(--White, #FFF);
    box-shadow: 0 4px 54px 0 rgba(0, 0, 0, 0.11);
}

.stoimost .tultip-title {
    color: var(--Green-Light, #0AAF60);
    font-family: Manrope;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.stoimost .tultip-small-title {
    color: #83878E;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.stoimost .tultip-text {
    margin-top: 10px;
    color: #3B4758;
    font-family: Manrope;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.stoimost .tultip-triangle {
    width: fit-content;
    position: relative;
    top: 5px;
    left: 50px;
}

.stoimost .tultip-block {
    margin-bottom: 160px;
    margin-left: 45px;
}


.banki {
    padding-left: 240px;
    padding-right: 240px;
    padding-top: 90px;
    padding-bottom: 90px;

    display: flex;
    justify-content: space-between;
}

.banki .banki-title {
    color: var(--Dark-Grey, #2E3135);

    /* PC Titles/H3 */
    font-family: Oswald;
    font-size: 43px;
    font-style: normal;
    font-weight: 600;
    line-height: 121%; /* 52.03px */
    text-transform: uppercase;

    width: 311px;
}

.banki .banki-items {
    display: flex;
    gap: 20px;
}

.banki .banki-items .item {
    display: flex;
    width: 191px;
    height: 93px;
    padding: 15px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 260px;

    border-radius: 16px;
    border: 1px solid var(--Light-Grey, #EEF0F5);
    background: var(--White, #FFF);
}

@media screen and (max-width: 768px) {
    .cel {
        display: flex;
        padding: 40px 14px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
    }

    .cel .cel-left {
        gap: 20px;
    }

    .cel .cel-left .small-title {
        display: flex;
        width: 122px;
        padding: 6px 0;
        align-items: flex-start;
        gap: 10px;

        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 11px;
        font-style: normal;
        font-weight: 800;
        line-height: 121%; /* 13.31px */
        text-transform: uppercase;
    }
    .cel .cel-left .mid-title {
        width: 200px;
        color: var(--Dark-Grey, #2E3135);

        /* Mobile Titles/H2 - Mobile */
        font-family: Oswald;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 121%; /* 31.46px */
        text-transform: uppercase;
    }

    .cel .cel-left .cel-icons {
        width: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cel .cel-left .cel-icon {
        gap: 10px;
    }

    .cel .cel-left .cel-icon .content-wrap {
        gap: 4px;
    }

    .cel .cel-left .cel-icon .cel-title {
        color: var(--Dark-Grey, #2E3135);

        /* Mobile Titles/H5 - Mobile */
        font-family: Manrope;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 128%; /* 19.2px */
    }

    .cel .cel-left .cel-icon .cel-text {
        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 142%; /* 18.46px */
    }

    .cel .cel-right {
        align-self: stretch;
        background: #0AAF60;
        border-radius: 14px;
    }

    .cel .cel-right .cel-green-block {
        width: auto;
        height: 365px;
        background: unset;
        background-image: url('/wp-content/themes/newmeters/assets/img/house2.png');
        border-radius: 14px;
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: bottom;
        background-size: 70%;
    }

    .cel .cel-right .cel-green-titles {
        padding-left: 16px;
        padding-top: 16px;
        padding-right: 16px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .cel .cel-right .cell-zaya {
        position: unset;
        left: unset;
        width: unset;
        height: unset;
        background-image: unset;
    }

    .cel .cel-right .zaya-btn {
        margin-top: 20px;
        width: 303px;
        height: 86px;
    }

    .cel .cel-right .zaya-btn .btn-icon {
        padding: 33px;
    }

    .zakonno {
        height: 1137px;
    }

    .zakonno-wrap {
        height: unset;
    }

    .zakonno-inner {
        flex-direction: column;
        height: unset;
    }

    .zakonno .zakonno-inner .col-left {
        padding-top: 40px;
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: 40px;
    }

    .zakonno .zakonno-inner .col-right {
        overflow: hidden;
    }

    .zakonno .col-right-inner {
        overflow: hidden;
        border-radius: 28px;
        height: 484px;
        width: 710px;
    }

    .zakonno .docs {
        display: flex;
        justify-content: center;
        height: unset;
        position: absolute;
        z-index: 1;
        width: 100%;
    }

    .zakonno .ugol-wrap {
        display: inline-block;
        width: auto;
        height: 780px;
        overflow: hidden;
    }

    .zakonno .ugol {
        background-color: #0AAF60;
        width: 1700.5px;
        height: 2424px;
        transform: rotate(241deg);
        margin-top: -300px;
    }

    .zakonno .small-title {
        display: flex;
        width: 122px;
        padding: 6px 0;
        align-items: flex-start;
        gap: 10px;

        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 11px;
        font-style: normal;
        font-weight: 800;
        line-height: 121%; /* 13.31px */
        text-transform: uppercase;
    }
        
    .zakonno .mid-title {
        color: var(--White, #FFF);

        /* Mobile Titles/H2 - Mobile */
        font-family: Oswald;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 121%; /* 31.46px */
        text-transform: uppercase;
    }

    .zakonno .icon-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .zakonno .icon-grid-item {
        width: auto;
        display: flex;
        padding: 12px;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;

        border-radius: 12px;
        background: var(--Dark-Blue, #18232E);
    }

    .zakonno .item-content .item-title {
        color: var(--White, #FFF);

        /* Mobile Titles/H5 - Mobile */
        font-family: Manrope;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 128%; /* 19.2px */
    }

    .zakonno .item-content .item-text {
        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 131%; /* 17.03px */
        opacity: 0.8;
    }

    .zakonno .item-content {
        gap: 4px;
    }

    .neobh {
        padding: 40px 14px;
        gap: 20px;
        padding-bottom: 80px;
    }

    .neobh .small-title {
        display: flex;
        width: 122px;
        padding: 6px 0;
        align-items: flex-start;
        gap: 10px;

        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 11px;
        font-style: normal;
        font-weight: 800;
        line-height: 121%; /* 13.31px */
        text-transform: uppercase;
    }

    .neobh .mid-title {
        color: var(--Dark-Grey, #2E3135);

        /* Mobile Titles/H2 - Mobile */
        font-family: Oswald;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 121%; /* 31.46px */
        text-transform: uppercase;
    }

    .neobh .neobh-grid {
        grid-template-columns: 1fr;
        padding-right: 28px;
    }

    .neobh .neobh-item {
        width: auto;
        display: flex;
        padding: 14px;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .neobh .item-content {
        gap: 3px;
    }

    .neobh .item-title {
        color: var(--Dark-Grey, #2E3135);

        /* Mobile Titles/H5 - Mobile */
        font-family: Manrope;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 128%; /* 19.2px */
    }

    .neobh .item-text {
        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 142%; /* 18.46px */
        opacity: 0.8;
    }

    .neobh .neobh-item {
        height: unset !important;
    }

    .neobh .neobh-zaya-item {
        height: 75px;
    }

    .foto-objects {
        padding-left: 14px;
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 20px;
    }

    .foto-objects .slider-control {
        display: block;
        padding-left: 0;
    }

    .foto-objects .slider-control .slider-buttons {
        display: none;
    }

    .foto-objects .small-title {
        display: flex;
        width: 122px;
        padding: 6px 0;
        align-items: flex-start;
        gap: 10px;

        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 11px;
        font-style: normal;
        font-weight: 800;
        line-height: 121%; /* 13.31px */
        text-transform: uppercase;
    }

    .foto-objects .mid-title {
        width: 200px;

        color: var(--Dark-Grey, #2E3135);

        /* Mobile Titles/H2 - Mobile */
        font-family: Oswald;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 121%; /* 31.46px */
        text-transform: uppercase;
    }

    .foto-objects .slider,
    .foto-objects .slider-wrap {
        height: 167px;
    }

    .foto-objects .slider .slide {
        width: 240px;
        height: 167px;
    }

    .foto-objects .slider .slide img {
        border-radius: 16px;
    }

    .stoimost {
        display: flex;
        padding: 40px 14px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding-bottom: 0;
    }

    .stoimost .small-title {
        display: flex;
        width: 122px;
        padding: 6px 0;
        align-items: flex-start;
        gap: 10px;

        display: flex;
        width: 122px;
        padding: 6px 0;
        align-items: flex-start;
        gap: 10px;
    }

    .stoimost .mid-title {
        color: var(--Dark-Grey, #2E3135);

        /* Mobile Titles/H2 - Mobile */
        font-family: Oswald;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 121%; /* 31.46px */
        text-transform: uppercase;
    }

    .stoimost .col-left {
        width: 100%;
    }

    .stoimost .green-block {
        width: auto;
        padding: 14px;
        gap: 10px;
        border-radius: 14px;
    }

    .stoimost .green-block ul {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    .stoimost .green-title {
        color: var(--White, #FFF);
        font-family: Oswald;
        font-size: 21px;
        font-style: normal;
        font-weight: 600;
        line-height: 156%; /* 32.76px */
        text-transform: uppercase;
    }

    .stoimost .green-block ul li {
        color: var(--White, #FFF);
        font-family: Manrope;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 156%; /* 20.28px */
    }

    .stoimost .green-bottom {
        flex-direction: column;
        justify-content: flex-start;
    }

    .stoimost .green-price .price-label {
        color: var(--White, #FFF);
        font-family: Manrope;
        font-size: 14px;
        font-style: normal;
        font-weight: 800;
        line-height: 121%; /* 16.94px */
        text-transform: uppercase;
    }

    .stoimost .green-price .price-value {
        color: var(--White, #FFF);
        font-family: Oswald;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 119%; /* 28.56px */
    }

    .stoimost .green-price {
        flex-direction: row;
        gap: unset;
        justify-content: space-between;
        align-items: center;
    }

    .stoimost .green-zaya {
        display: flex;
        justify-content: center;
    }

    .stoimost .col-left {
        padding-bottom: 0;
    }

    .stoimost .col-right {
        padding-right: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .stoimost .photo-block {
        width: 290px;
        height: 397px;
    }

    .stoimost .tultip-block {
        position: absolute;
        left: 0;
        margin-bottom: 40px;
        margin-left: 14px;
        width: calc(100% - 28px);
    }

    .stoimost .tultip-inner {
        width: auto;
        padding: 12px;
        gap: 7px;
        border-radius: 12px;
        background: var(--White, #FFF);
        box-shadow: 0 4px 54px 0 rgba(0, 0, 0, 0.11);
    }

    .stoimost .tultip-triangle {
        left: calc(50% - 13px);
    }

    .stoimost .tultip-title {
        color: var(--Green-Light, #0AAF60);
        font-family: Manrope;
        font-size: 19px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .stoimost .tultip-small-title {
        color: #83878E;
        font-family: Manrope;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .stoimost .tultip-text {
        color: #3B4758;
        font-family: Manrope;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .banki {
        flex-direction: column;
        justify-content: unset;
        padding: 40px 14px;
        gap: 20px;
    }

    .banki .banki-title {
        width: 311px;
        color: var(--Dark-Grey, #2E3135);

        /* Mobile Titles/H3 - Mobile */
        font-family: Oswald;
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: 121%; /* 30.25px */
        text-transform: uppercase;
    }

    .banki .banki-title br {
        display: none;
    }

    .banki .banki-items {
        overflow-y: scroll;
    }

    .banki .banki-items .item {
        width: 171px;
        height: 60px;
        padding: 15px 10px;
        flex-shrink: 0;
    }
}

/* ocenka poopup */
.ocenka-popup.fancybox__content {
    padding: 35px;
    border-radius: 20px;
}

.ocenka-popup.fancybox__content .f-button.is-close-btn {
    --f-button-color: transparent;
    --f-button-hover-color: transparent;
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    opacity: 1;

    position: absolute;
    top: 0;
    margin-right: 10px;
    margin-top: 10px;
    border: none !important;
}

.ocenka-popup .f-button.is-close-btn svg {
    display: none;
}

.ocenka-popup .f-button.is-close-btn::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M18 6L6 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ocenka-popup .single-ocenka-content {
    display: flex;
    gap: 65px;
}

.ocenka-popup .single-ocenka-content .col-left {
    width: 585px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ocenka-popup .single-ocenka-content .ocenka-title {
    width: 489px;
    color: var(--Dark-Grey, #2E3135);

    /* PC Titles/H2 */
    font-family: Oswald;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 121%; /* 65.34px */
    text-transform: uppercase;
}

.ocenka-popup .single-ocenka-content .ocenka-address {
    color: var(--Dark-Grey, #2E3135);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 152%; /* 24.32px */
}

.ocenka-popup  .ocenka-content {
    color: var(--Middle-Grey, #56595C);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 152%;
}

.ocenka-popup .ocenka-content h3 {
    color: var(--Dark-Grey, #2E3135);
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 121%;
}

.ocenka-popup  .ocenka-content ul {
    padding-left: 17px;
    color: var(--Dark-Grey, #2E3135);
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 156%;
}

.ocenka-popup .col-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.ocenka-popup .gallery-wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ocenka-popup .gallery-wrap,
.ocenka-popup .gallery {
    width: 581px;
    height: 411px;
    position: relative;
}

.ocenka-popup .gallery-slider,
.ocenka-popup .gallery-slider .gallery-slide {
    width: 581px;
    height: 411px;
}

.ocenka-popup .gallery-slider {
    overflow: hidden;
}

.ocenka-popup .gallery-slider .gallery-slide img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}

.ocenka-popup .gallery-slider .gallery-slide {
    display: inline-block;
}

.ocenka-popup .gallery-btns {
    width: fit-content;
    position: absolute;
    right: 11px;
    bottom: 11px;
    display: flex;
    gap: 10px;
}

.ocenka-popup .gallery-btns > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: var(--White, #FFF);
    cursor: pointer;
}

.ocenka-popup .gallery-btns > div:hover {
    background: var(--Dark-Blue, #18232E);
}

.ocenka-popup .gallery-btns > div:hover svg path {
    stroke: #fff;
}

.ocenka-popup .gallery-thumb-slider {
    width: 581px;
    height: 74px;
    overflow: hidden;
}

.ocenka-popup .gallery-thumb-slide {
    display: inline-block;
    width: 104px;
    height: 74px;
    margin-right: 15px;
    cursor: pointer;
}

.ocenka-popup .gallery-thumb-slide img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.ocenka-popup  .ocenka-num-cols {
    display: flex;
    gap: 60px;
}

.ocenka-popup  .ocenka-num .name {
    overflow: hidden;
    color: var(--Middle-Grey, #56595C);
    text-overflow: ellipsis;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 152%; /* 22.8px */
}

.ocenka-popup .ocenka-num .value {
    overflow: hidden;
    color: var(--Dark-Grey, #2E3135);
    text-overflow: ellipsis;
    font-family: Oswald;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 152%; /* 51.68px */ 
}

.ocenka-popup .green-btn {
    width: fit-content;
    display: flex;
    padding: 6px 30px 6px 6px;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Manrope;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 17px */
    border-radius: 19px;
    background: var(--Green-Light, #0AAF60);
    box-shadow: 0 5px 22px 0 rgba(46, 142, 93, 0.46); 
    cursor: pointer;
}

.ocenka-popup .green-btn:hover {
    background: var(--Dark-Blue, #18232E);
    box-shadow: 0 5px 22px 0 rgba(21, 35, 48, 0.46);
}

.ocenka-popup .green-icon {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: var(--White, #FFF);
}

.ocenka-popup .ocenka-price-wrap .price-title {
    overflow: hidden;
    color: var(--Middle-Grey, #56595C);
    text-overflow: ellipsis;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 152%; /* 22.8px */
}

.ocenka-popup .ocenka-price-wrap .price-value {
    overflow: hidden;
    color: var(--Dark-Grey, #2E3135);
    text-overflow: ellipsis;
    font-family: Oswald;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 152%; /* 51.68px */
}

@media screen and (max-width: 768px) {
    .ocenka-popup.fancybox__content {
        padding: 14px;
        padding-top: 50px;
        border-radius: 20px;
    }

    .ocenka-popup .single-ocenka-content {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .ocenka-popup .gallery-wrap, .ocenka-popup .gallery {
        width: 100%;
        height: 235px;
    }

    .ocenka-popup .gallery-slider, .ocenka-popup .gallery-slider .gallery-slide {
        width: 100%;
        height: 235px;
    }

    .ocenka-popup .gallery-thumb-wrap {
        width: 100%;
    }

    .ocenka-popup .gallery-thumb-slider {
        width: 100%;
        height: 61px;
    }

    .ocenka-popup .gallery-thumb-slide {
        width: 86px;
        height: 61px;
        margin-right: 15px;
    }

    .ocenka-popup .single-ocenka-content .col-left {
        width: 100%;
    }

    .ocenka-popup .col-right {
        gap: 8px;
    }

    .ocenka-popup .single-ocenka-content .ocenka-title {
        color: var(--Dark-Grey, #2E3135);

        /* Mobile Titles/H2 - Mobile */
        font-family: Oswald;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 121%; /* 31.46px */
        text-transform: uppercase;
    }

    .ocenka-popup .single-ocenka-content .ocenka-address {
        color: var(--Dark-Grey, #2E3135);
        font-family: Manrope;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 152%; /* 19.76px */
    }

    .ocenka-popup .ocenka-num .name {
        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 109%; /* 14.17px */
    }

    .ocenka-popup .ocenka-num .value {
        overflow: hidden;
        color: var(--Dark-Grey, #2E3135);
        text-overflow: ellipsis;
        font-family: Oswald;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 152%; /* 24.32px */
    }

    .ocenka-popup .zaya-btn-wrap {
        display: flex;
        justify-content: center;
    }

    .ocenka-popup .ocenka-price-wrap .price-title {
        color: var(--Middle-Grey, #56595C);
        font-family: Manrope;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 109%; /* 14.17px */
    }

    .ocenka-popup .ocenka-price-wrap .price-value {
        overflow: hidden;
        color: var(--Dark-Grey, #2E3135);
        text-overflow: ellipsis;
        font-family: Oswald;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 152%; /* 24.32px */
    }
}

.foto-objects .slide img.loading {
    opacity: 0.75;
}

@media screen and (min-width: 1024px) {
    .ocenka-popup .col-right {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .cel {
        padding: 40px 24px;
        flex-direction: column;
        gap: 20px;
    }

    .cel .cel-right .cel-green-block {
        overflow: hidden;
    }

    .zakonno .zakonno-inner .col-left {
        padding-left: 24px;
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 20px;
    }

    .zakonno .icon-grid {
        grid-template-columns: 1fr;
    }
    
    .neobh {
        padding: 40px 24px;
    }

    .foto-objects {
       padding: 40px 0; 
    }

    .foto-objects .slider-control {
        width: calc(100% - 48px);
        padding-left: 24px;
    }

    .stoimost {
        padding: 40px 0 0 24px;
    }

    .banki {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: flex;
        flex-direction: column;
    }

    .ocenka-popup .single-ocenka-content {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .ocenka-popup.fancybox__content,
    .ocenka-popup .single-ocenka-content .col-left {
        width: 100%;
    }

    .ocenka-popup .single-ocenka-content .ocenka-title {
        width: unset;
    }

    .ocenka-popup .col-right {
        align-items: flex-start;
    }
}