/* FONTS */
@import url("./fonts.css");

/* СЛАЙДЕРЫ */
@import url("./slick.css");


:root {
    /* fonts size */
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-24: 24px;
    --fs-30: 30px;
    --fs-36: 36px;
    --fs-48: 48px;

    /* color */
    --pear: #c8e02a;
    --pear-hover: #c8e02a;
    --pear2-hover: #9dbc00;
    --darkgreen: #050b23;
    --darkblue: #191a2a;
    --deepblue: #152252;
    --gray: #f3f4f6;
    --white: #fff;
}

/* RESET */
*,
*::before,
*::after {
    box-sizing: border-box;
}

a {
    color: var(--pear);
    text-underline-offset: 5px;
}

a:hover {
    text-decoration: none;
}

aside,
nav,
footer,
header,
section,
main {
    display: block;
}

ul,
ul li {
    list-style: none;
}

ol li {
    padding: 0;
}

ol li::before {
    display: none;
}

img,
svg {
    max-width: 100%;
    height: auto;
}

/* BASIC */
body {
    margin: 0;
    font-family: 'Onest';
    font-size: var(--fs-16);
    font-weight: 400;
    line-height: 24px;
    color: var(--darkblue);
}

h1,
.title2 {
    font-size: var(--fs-48);
    font-weight: 500;
    line-height: 48px;
    color: var(--darkblue);
}

h2,
.program-section__title {
    font-size: var(--fs-36);
    font-weight: 500;
    line-height: 36px;
    color: var(--darkblue);
}

h3 {
    font-size: var(--fs-36);
    font-weight: 500;
    line-height: 36px;
    color: var(--darkblue);
}

h4,
.title4 {
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 30px;
    color: var(--darkblue);
}

.fr {
    float: right;
    padding: 0 0 20px 20px;
}

.wrapper {
    padding-top: 177px;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
}

.btn {
    width: max-content;
    height: 40px;
    padding: 15px 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--darkgreen);
    text-decoration: none;
    background-color: var(--pear);
    border-radius: 5px;
    transition: all 0.3s ease;
}

.btn:hover {
    background-color: var(--pear-hover);
}

.btn-arrow {
    position: relative;
    height: 61px;
    padding: 23px 78px 22px 14px;
    border-radius: 15px;
}

.btn-arrow::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 25px;
    width: 42px;
    height: 42px;
    background: #d7ef3b url("/f/redesign/img/ico/ico_arrowright.webp") no-repeat center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.btn-arrow:hover {
    color: var(--white);
}

.btn-arrow:hover,
.btn-arrow:hover::before {
    background-color: var(--pear-hover);
}

.btn-dark {
    color: var(--white);
    background-color: var(--deepblue);
}

.btn-dark::before {
    background-color: #4f597d;
}

.btn-dark:hover,
.btn-dark:hover::before {
    background-color: var(--darkblue);
}

.btn-gray {
    background-color: #b1b4be;
}

.btn-gray::before {
    background-color: #888a8f;
}

.btn-gray:hover,
.btn-gray:hover::before {
    background-color: #888a8f;
}



ul {
    padding: 0;
}

li {
    position: relative;
    padding-left: 20px;
}

li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--pear);
    border-radius: 50%;
}

.nowrap {
    display: block;
}

.more {
    position: relative;
}

.more::before {
    content: '';
    position: absolute;
    top: 7px;
    right: -20px;
    width: 14px;
    height: 9px;
    background-image: url("/f/redesign/img/ico/ico_arrowright2.webp");
}

hr {
    height: 1px;
    background-color: var(--gray);
    border: 0;
}

table {
    width: 100%;
    border: 1px solid #d9d9db;
    border-collapse: collapse;
}

table td {
    padding: 10px 20px;
    border: 1px solid #d9d9db;
}



/* HEADER */
.header {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 22px;
    background-color: var(--white);
    transition: all 0.3s ease-in-out;
    will-change: box-shadow, scroll-position;
}

.header.fixed {
    padding-bottom: 22px;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.header__wrapper {
    display: grid;
    grid-template-areas:
        "logo search request phone whatsapp telegram city"
        "menu menu menu menu menu menu menu";
    grid-template-columns: max-content 1fr repeat(5, max-content);
    grid-template-rows: max-content;
    align-items: center;
}

.burger {
    position: relative;
    width: 30px;
    height: 30px;
    padding: 0;
    display: none;
    grid-area: burger;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.burger::before {
    content: "";
    position: absolute;
    inset: -10px;
}

.burger__logo {
    position: relative;
    width: 100%;
    height: 3px;
    display: block;
    background-color: var(--darkblue);
    transition: all 0.3s ease-in-out;
}

.burger__logo::before,
.burger__logo::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--darkblue);
    transition: all 0.3s ease-in-out;
}

.burger__logo::before {
    top: -8px;
}

.burger__logo::after {
    top: 8px;
}

.burger__logo.active {
    background-color: transparent;
}

.burger__logo.active::before {
    transform: rotateZ(45deg) translate(6px, 5px);
}

.burger__logo.active::after {
    transform: rotateZ(-45deg) translate(6px, -6px);
}

.header__home {
    display: flex;
}

.header__home:hover {
    opacity: 0.8;
}

.header__logo {
    width: 129px;
    height: 43px;
    grid-area: logo;
}

.header__search {
    position: relative;
    margin-left: 43px;
    grid-area: search;
}

.search__input {
    width: 100%;
    height: 40px;
    padding: 12px 14px;
    font-family: 'Onest';
    font-size: var(--fs-16);
    font-weight: 400;
    line-height: 24px;
    color: var(--darkgreen);
    background-color: var(--gray);
    border: 1px solid transparent;
    border-radius: 5px;
    transition: all 0.3s ease;
    outline: 0;
}

.search__input:hover,
.search__input:focus {
    border-color: var(--pear-hover);
}

.search__input::placeholder {
    opacity: 1;
}

.search__icon {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    padding: 0;
    background: transparent url("/f/redesign/img/ico/ico_serach.webp");
    border: 0;
    cursor: pointer;
}

.header__request {
    position: relative;
    margin-left: 36px;
    padding: 13px 62px 14px 23px;
    grid-area: request;
}

.header__request::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 25px;
    width: 25px;
    height: 25px;
    background: #d7ef3b url("/f/redesign/img/ico/ico_arrowright.webp") no-repeat center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.header__request:hover {
    color: var(--white);
}

.header__request:hover:before {
    background-color: var(--pear-hover);
}

.header .phone {
    margin-left: 36px;
    grid-area: phone;
    font-size: var(--fs-18);
    font-weight: 700;
    color: var(--darkgreen);
    text-decoration: none;
}

.header__whatsapp {
    margin-left: 31px;
    display: flex;
    grid-area: whatsapp;
}

.header__telegram {
    margin-left: 31px;
    display: flex;
    grid-area: telegram;
}

.header__city {
    width: max-content;
    height: 40px;
    margin-left: 32px;
    padding: 12px 22px 12px 56px;
    display: flex;
    align-items: center;
    grid-area: city;
    color: var(--darkgreen);
    text-decoration: none;
    background: var(--gray) url("/f/redesign/img/ico/ico_map.webp") no-repeat 22px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.header__navbar {
    margin-top: 19px;
    grid-area: menu;
    border-top: 1px solid #f2f3f6;
}

.header__menu {
    margin: 0;
    padding: 0;
    padding-top: 17px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header__menu--item {
    padding: 0;
}

.header__menu--item::before {
    display: none;
}

.header__menu--link {
    color: var(--darkgreen);
    text-decoration: none;
    transition: color 0.3s ease;
}

.header__menu--link:hover,
.header__menu--link.active {
    color: var(--pear);
}

.header__telegram--logo .cls-1 {
    stroke: transparent;
}

/* end HEADER */

/* DESC */
.desc__container {
    position: relative;
}

.desc-wrapper {
    display: grid;
    grid-template-columns: 591px 1fr;
    grid-template-rows: max-content;
    grid-column-gap: 23px;
    align-items: flex-start;
}

.desc__item {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.desc__item--img {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}

.desc__compamy {
    padding: 99px 128px 42px 67px;
}

.desc__title {
    margin: 0;
    font-size: var(--fs-30);
    font-weight: 500;
    line-height: 36px;
}

.desc__subtitle {
    margin: 0;
    margin-top: 34px;
}

.desc__leasing {
    /* width: 100%;
    max-width: 856px; */
    padding: 72px 102px 219px 68px;
}

.desc__leasing--title {
    margin: 0;
    font-size: var(--fs-48);
    font-weight: 500;
    line-height: 60px;
    text-align: right;
}

.desc__leasing--subtitle {
    margin: 0;
    margin-top: 32px;
    font-size: var(--fs-24);
    text-align: right;
}

.desc__leasing--btn {
    margin-top: 38px;
    margin-left: auto;
}

.desc__pictures {
    position: absolute;
    z-index: 1;
    top: 321px;
    left: calc(0% - 145px);
    width: 85%;
    will-change: top, left;
}

.desc__leasing--slick,
.desc__pictures--slick {
    width: 100%;
    max-width: 100%;
}

.desc__leasing--slide:not(:first-child),
.desc__pictures--slide:not(:first-child) {
    display: none;
}

/* end DESC */

/* PROGRAMS */
.programs {
    margin-top: 298px;
}

.programs__wrapper {
    display: grid;
    grid-template-areas:
        "title button"
        "programs programs";
    grid-template-columns: 1fr max-content;
    align-items: center;
}

.programs__title {
    margin: 0;
    grid-area: title;
}

.programs__btn {
    grid-area: button;
}

.programs__list {
    margin-top: 41px;
    grid-area: programs;
    display: grid;
    grid-template-areas:
        "order1 order2 order2 order3"
        "order4 order4 order5 order3"
        "order6 order7 order7 order7";
    grid-gap: 21px;
}

.programs__item {
    position: relative;
    z-index: 1;
    padding: 37px 60px 150px 35px;
    background-color: var(--gray);
    border-radius: 15px;
    transition: all 0.3s ease;
    will-change: translateY, box-shadow;
    overflow: hidden;
}

.programs__item:hover {
    transform: translateY(-10px);
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.order1 {
    padding-right: 164px;
    grid-area: order1;
}

.order2 {
    padding-right: 255px;
    grid-area: order2;
}

.order3 {
    width: 361px;
    padding-right: 80px;
    grid-area: order3;
}

.order4 {
    padding-right: 417px;
    grid-area: order4;
}

.order5 {
    grid-area: order5;
}

.order6 {
    grid-area: order6;
}

.order7 {
    padding-right: 544px;
    grid-area: order7;
}

.programs__item--name {
    font-size: var(--fs-24);
    font-weight: 500;
    color: var(--darkblue);
    text-decoration: none;
}

.programs__item--name::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
}

.programs__item--advantages li {
    padding: 0;
    font-size: 14px;
    color: #5d5e6d;
}

.programs__item--advantages li::before {
    display: none;
}

.programs__item--picture {
    position: absolute;
    z-index: -1;
    inset: 0;
    will-change: translate;
}

.programs__item--img {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* end PROGRAMS */

/* ADVANTAGES */
.advantages {
    margin-top: 118px;
}

.advantages__wrapper {
    position: relative;
    padding: 60px 91px 60px 211px;
    /* display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 239px;
    align-items: center; */
    background-color: #1e202a;
    border-radius: 20px;
}

.advantages__diogram {
    position: absolute;
    top: -54px;
}

.advantages__list {
    width: 50%;
    margin: 0;
    margin-left: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
    grid-template-rows: max-content;
    grid-gap: 21px;
}

.advantages__list--item {
    padding: 38px 41px;
    color: var(--white);
    background-color: #2f313b;
    border-radius: 10px;
}

.advantages__list--item::before {
    display: none;
}

.advantages__list--number {
    margin-bottom: 25px;
    display: block;
    font-size: var(--fs-24);
    line-height: 24px;
}

/* end ADVANTAGES */

/* SECTIONS */
.sections-navbar {
    margin-top: 22px;
}

.sections__wrapper {
    padding: 34px 79px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: max-content;
    background-color: var(--gray);
    border-radius: 20px;
}

.sections__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 22px;
}

.sections__item--name {
    width: 90%;
    display: block;
    color: var(--darkblue);
    text-align: center;
    text-decoration: none;
    transition: color 0.3s ease;
}

.sections__item--name::before {
    content: "";
    position: absolute;
    inset: 0;
}

.sections__item--name:hover {
    color: var(--pear-hover);
}

.sections__logo .cls-1 {
    fill: none;
}

/* end SECTIONS */

/* STEPS */
.steps {
    margin-top: 117px;
    overflow: hidden;
}

.steps__title {
    margin: 0;
}

.steps__wrapper {
    margin-top: 49px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    grid-gap: 21px 36px;
}

.steps__item {
    position: relative;
    padding: 43px 24px 38px 25px;
    display: grid;
    grid-template-rows: 27px 1fr 1fr;
    align-items: flex-start;
    border: 1px solid var(--deepblue);
    border-radius: 20px;
}

.steps__item--img .cls-1 {
    fill: none;
}

.steps__item--title {
    font-size: var(--fs-24);
    line-height: 30px;
}

.steps__item--text {
    margin: 0;
    color: #5d5e6d;
}

.steps__item .phone {
    display: block;
    color: #5d5e6d;
    text-decoration: none;
}

.steps__item--form {position: absolute;inset: 0;opacity: 0;}

/* end STEPS */

/* DECISION */
.decision {
    margin-top: 118px;
}

.decision__wrapper {
    display: grid;
    grid-template-columns: 825px 1fr;
    grid-template-rows: max-content;
    grid-gap: 20px;
}

.decision__text,
.decision__form {
    min-height: 804px;
}

.decision__text {
    position: relative;
    padding: 64px 91px 118px 74px;
    background-color: var(--gray);
    border-radius: 20px;
    overflow: hidden;
}

h2.decision__text--title,
p.decision__text--title {
    margin: 0;
    font-size: var(--fs-16);
    font-weight: 400;
    line-height: 24px;
}

.decision__text--title .big {
    margin-top: 10px;
    margin-bottom: 12px;
    display: block;
    font-size: var(--fs-36);
    font-weight: 500;
    line-height: 36px;
}

.decision__text--more {
    z-index: 2;
    margin-top: 24px;
    display: inline-block;
    color: var(--darkblue);
    text-decoration: none;
}

.decision__text--more:hover {
    text-decoration: underline;
}

.decision__text--img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.decision__form {
    padding: 64px 71px 118px;
    background-color: var(--gray);
    border-radius: 20px;
}

.decision__form--title {
    margin: 0;
    font-size: var(--fs-36);
    line-height: 36px;
}

.decision__form--subtitle {
    width: 80%;
}

.decision__form--rules {
    font-size: var(--fs-12);
    line-height: 18px;
}

.decision__form--rules .link {
    color: var(--darkblue);
    text-decoration: none;
    transition: color 0.2s ease;
}

.decision__form--rules .link:hover {
    color: var(--pear-hover);
}

.decision__form--rules.hidden {
    display: none;
}

.decision__form .smFormAftersubmit {
    font-size: var(--fs-16);
    text-align: left;
}

/* end DECISION */

/* CITYS */
.citys {
    margin-top: 23px;
}

.citys__wrapper {
    display: grid;
    grid-template-areas:
        "text map"
        "tabs tabs";
    grid-template-columns: 465px 1fr;
    grid-template-rows: max-content;
    grid-gap: 25px;
}

.citys__text {
    margin-top: 94px;
    padding: 54px 38px 67px 40px;
    grid-area: text;
    background-color: var(--gray);
    border-radius: 15px;
}

.citys__text p:last-child {
    margin-bottom: 0;
}

.citys__text--title {
    margin: 0;
}

.citys__map {
    position: relative;
    grid-area: map;
}

.map {
    width: 100%;
    height: 571px;
}

.citys__tabs {
    margin: 0;
    margin-top: 34px;
    grid-area: tabs;
}

.citys__tabs {
    margin: 0;
    margin-top: 34px;
    grid-area: tabs;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.citys__tabs--item {
    min-width: 130px;
    padding: 15px;
    text-align: center;
    border: 3px solid #acaeb7;
    border-radius: 5px;
    transition: border-color 0.3s ease;
    cursor: pointer;
}

.citys__tabs--item.active,
.citys__tabs--item:hover {
    border-color: var(--pear);
}

.citys__tabs--item::before {
    display: none;
}

.map .region {
    fill: #ebebeb;
    transition: all 0.3s ease;
    cursor: pointer;
}

.map .region:hover {
    fill: #e1e1e1;
}

.map g {
    cursor: pointer;
}

.baloon-item {
    display: none;
    position: absolute;
    top: 40%;
    left: 35%;
    width: max-content;
    max-width: 405px;
    height: auto;
    padding: 46px 40px 36px 35px;
    background-color: var(--gray);
    border-radius: 15px;
}

.baloon-item.active {
    display: block;
}

.baloon-item__city {
    margin: 0;
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 24px;
}

.baloon-item .phone {
    margin-top: 15px;
    display: block;
    color: var(--darkblue);
    text-decoration: none;
}

.baloon-item--address {
    margin-bottom: 0;
}

.baloon-item--timework {
    margin: 0;
}

/* end CITYS */

/* NEWS MAIN */
.news {
    margin-top: 116px;
}

.news__title {
    margin: 0;
}

.news__wrapper {
    margin-top: 57px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    grid-template-rows: max-content;
    grid-gap: 22px;
}

.news__item {
    position: relative;
    padding: 44px 41px 49px 38px;
    background-color: var(--gray);
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}

.news__item:hover {
    transform: translateY(-10px);
}

.news__item--title {
    display: block;
    margin: 29px 0 25px;
    font-size: var(--fs-24);
    line-height: 30px;
    color: var(--darkblue);
    text-decoration: none;
    transition: color 0.3s ease;
}

.news__item--title::before {
    content: "";
    position: absolute;
    inset: 0;
}

.news__item:hover .news__item--title {
    color: var(--pear-hover);
}

.news__item--preview {
    color: #5d5e6d;
}

.news-block__item--time {
    color: #5d5e6d;
}

/*  end NEWS MAIN */

/* FOOTER */
.footer {
    margin-top: 118px;
    padding: 107px 0 80px;
    background-color: var(--gray);
}

.footer__top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: max-content;
    grid-gap: 16px;
}

.footer__top--title {
    font-size: var(--fs-24);
    line-height: 30px;
    color: var(--darkblue);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer__top--title:hover {
    color: var(--pear-hover);
}

.footer__navbar {
    margin: 0;
    margin-top: 46px;
}

.footer__navbar--item {
    padding: 0;
}

.footer__navbar--item:not(:last-child) {
    margin-bottom: 16px;
}

.footer-menu-root .footer__navbar--item:nth-child(-n+2) {
    display: none;
}

.footer__navbar--item::before {
    display: none;
}

.footer__navbar--link {
    color: var(--darkblue);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer__navbar--link:hover {
    color: var(--pear-hover);
}

.footer__top--btn {
    margin: 46px 0;
    padding-left: 29px;
}

.footer .phone {
    display: block;
    font-size: var(--fs-24);
    font-weight: 700;
    line-height: 36px;
    color: var(--darkblue);
    text-decoration: none;
}

.footer__mail {
    display: block;
    margin: 5px 0;
}

.footer__address {
    margin-bottom: 0;
}

.footer__timework {
    margin: 10px 0;
}

.footer__map-link {
    color: var(--darkblue);
    text-decoration: none;
}

.footer__map-link:hover {
    text-decoration: underline;
}

.footer__bottom {
    margin-top: 112px;
    display: grid;
    grid-template-columns: repeat(3, max-content);
    grid-template-rows: max-content;
    grid-gap: 16px 122px;
    align-items: flex-start;
    overflow: hidden;
}

.copy {
    margin: 0;
}

.rules a {
    color: var(--darkblue);
    text-decoration: none;
}

.rules a:hover {
    text-decoration: underline;
}

.sm {
    width: 90%;
    display: flex;
    align-items: center;
    gap: 16px;
}

.sm p {
    margin: 0;
}

.sm__link {
    color: var(--darkblue);
    text-decoration: none;
}

.sm__link:hover {
    text-decoration: underline;
}

/* end FOOTER */


/* MOBILE MENU */
.mobile-menu {
    position: fixed;
    z-index: 1;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 125px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    overflow: scroll;
    transition: all 0.2s ease-in-out;
}

.mobile-menu.active {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.mobile__navbar {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.mobile__folder {
    font-size: var(--fs-18);
    line-height: 24px;
    color: var(--darkblue);
    text-decoration: none;
    transition: color 0.3s ease;
}

.mobile__folder:hover {
    color: var(--pear-hover);
}

.mobile-menu__list {
    margin: 12px 0 8px;
}

.mobile__block.active .mobile-menu__list {
    display: block;
}

.mobile-menu__item {
    padding-left: 0;
}

.mobile-menu__item:not(:last-child) {
    margin-bottom: 10px;
}

.mobile-menu__item::before {
    display: none;
}

.mobile-menu__item--link {
    font-size: var(--fs-16);
    color: #5d5e6d;
    text-decoration: none;
    transition: color 0.3s ease;
}

.mobile-menu__item--link:hover {
    color: var(--pear-hover);
}

.mobile-menu__list.root .mobile-menu__item:nth-child(-n+2) {
    display: none;
}

.mobile__feedback {
    margin-top: 16px;
    padding: 30px;
    background-color: var(--gray);
    border-radius: 20px;
}

.mobile__feedback--title {
    margin: 0 0 12px;
    font-size: var(--fs-18);
    line-height: 24px;
    color: #5d5e6d;
}

.mobile__feedback .phone {
    margin-bottom: 6px;
    display: block;
    font-size: var(--fs-18);
    font-weight: 700;
    color: #5d5e6d;
    text-decoration: none;
}

.mobile__feedback--address,
.mobile__feedback--timework {
    margin: 0 0 6px;
    color: #5d5e6d;
}

.mobile__feedback--contacts {
    margin-bottom: 12px;
    display: inline-block;
    color: #5d5e6d;
    text-decoration: none;
}

.mobile__bottom {
    margin-top: 24px;
}

.mobile__bottom--text {
    margin: 0;
    margin-bottom: 6px;
    color: #5d5e6d;
    line-height: 18px;
}

.mobile__bottom--link {
    margin-bottom: 6px;
    display: inline-block;
    color: #5d5e6d;
    text-decoration: none;
}

/* end MOBILE MENU */

.wrapper-in {
    display: grid;
    grid-template-areas: "left-col right-col";
    grid-template-columns: 210px 1fr;
    grid-template-rows: max-content;
    grid-column-gap: 40px;
}

.right-column {
    grid-area: right-col;
}

.left-column {
    grid-area: left-col;
}

.breadcrumbs {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 15px;
}

.breadcrumbs__item {
    padding-left: 0;
    padding-right: 19px;
}

.breadcrumbs__item::before {
    display: none;
}

.breadcrumbs__item::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 4px;
    height: 6px;
    background-image: url('/f/redesign/img/ico/ico_deliver.webp');
}

.breadcrumbs__item--link {
    color: #5d5e6d;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumbs__item--link:hover {
    color: var(--pear2);
}

.left-menu {
    margin: 0 0 27px;
}

.left-menu__item,
.left-submenu__item {
    padding-left: 0;
}

.left-menu__item:not(:last-child) {
    margin-bottom: 17px;
}

.left-menu__item--link,
.left-submenu__item--link {
    color: var(--darkblue);
    text-decoration: none;
    transition: color 0.2s ease;
}

.left-menu__item--link:hover,
.left-menu__item--link.active,
.left-submenu__item--link:hover,
.left-submenu__item--link.active {
    color: var(--pear);
}

.left-menu__item::before,
.left-submenu__item::before {
    display: none;
}

.left-submenu {
    margin: 13px 0;
}

.left-submenu__item {
    padding-left: 11px;
}

.left-submenu__item:not(:last-child) {
    margin-bottom: 5px;
}

.left-column__btn {
    padding-left: 23px;
}

.folder-list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(584px, 100%), 1fr));
    grid-template-rows: max-content;
    grid-gap: 22px;
}

.folder-item {
    position: relative;
    padding: 47px 31px 41px 52px;
    background-color: var(--gray);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.folder-item::before {
    content: "";
    position: absolute;
    top: 31px;
    left: 52px;
    width: 42px;
    height: 52px;
    background: transparent center no-repeat url("/f/redesign/img/ico/ico_file2.webp");
    border-radius: 0;
}

.folder-item:hover {
    background-color: var(--pear);
}

.folder-item__link {
    padding-left: 74px;
    display: block;
    font-size: var(--fs-24);
    color: var(--darkblue);
    text-decoration: none;
}

.folder-item__link::after {
    content: "";
    position: absolute;
    inset: 0;
}

.infoblock {
    position: relative;
    padding: 54px 58px 63px 420px;
    border-radius: 20px;
}

.infoblock-bottom {
    margin-top: 89px;
}

.infoblock-dark {
    background-color: #1e202a;
}

.infoblock__text p {
    margin: 0;
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 46px;
    color: var(--white);
}

.infoblock__img.top {
    position: absolute;
    top: -19px;
    left: 64px;
}

.program-section {
    margin-top: 116px;
}

.program-section__title {
    margin: 0;
}

.programs-slider {
    position: relative;
    margin-top: 50px;
}

.programs-slider .slick-slide {
    padding-right: 19px;
}

.programs-slider__item {
    position: relative;
    max-height: 515px;
    padding: 38px 36px 350px 37px;
    background-color: var(--gray);
    border-radius: 15px;
    transition: all 0.3s ease;
    will-change: box-shadow;
    overflow: hidden;
}

.programs-slider__item:hover {
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.programs-slider .slick-prev,
.programs-slider .slick-next {
    position: absolute;
    top: 50%;
    width: 43px;
    height: 42px;
    padding: 0;
    font-size: 0;
    background: var(--white) no-repeat center url("/f/redesign/img/ico/ico_arrowright2.webp");
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
}

.programs-slider .slick-prev {
    left: -75px;
    transform: rotate(180deg);
}

.programs-slider .slick-next {
    right: -56px;
}

.programs-slider__item--name {
    font-size: var(--fs-24);
    font-weight: 500;
    color: var(--darkblue);
    text-decoration: none;
}

.programs-slider__item--name::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
}

.programs-slider__item--img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.city-list {
    margin: 32px 0 0;
    column-count: 3;
}

.city-item {
    margin-bottom: 12px;
    padding-left: 0;
}

.city-item::before {
    display: none;
}

.city-item__link {
    color: #5d5e6d;
    text-decoration: none;
    transition: color 0.2s ease;
}

.city-item__link:hover,
.city-item__link.active {
    color: var(--pear-hover);
}

.conditions {
    margin-top: 118px;
    padding: 60px 90px 60px 62px;
    background-color: #1e202a;
    border-radius: 20px;
}

.conditions__wrapper {
    display: grid;
    grid-template-columns: 597px 1fr;
    grid-template-rows: max-content;
    grid-column-gap: 140px;
    grid-template-areas: "title list" "picture list";
}

.conditions__wrapper.mirror {
    grid-template-areas: 
        "title picture" 
        "list picture";
}

.conditions__title {
    margin: 0;
    grid-area: title;
    line-height: 46px;
    color: var(--white);
}

.conditions__list {
    margin: 0;
    grid-area: list;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(265px, 100%), 1fr));
    grid-gap: 20px;
}

.conditions__item {
    padding: 45px 9px 26px 35px;
    color: var(--white);
    background-color: #2f313b;
    border-radius: 10px;
}

.conditions__item.full {
    grid-column: 1 / -1;
}

.conditions__item::before {
    display: none;
}

.conditions__item--big {
    margin-bottom: 18px;
    display: block;
    font-size: var(--fs-24);
}

.conditions__img {
    margin: 35px auto 0;
    grid-area: picture;
}

.conditions~.steps .container {
    padding: 0;
}

.decision-program .smFormContent .input:first-child {
    display: none;
}

.decision-program .decision__form .leftColumn {
    display: grid;
    grid-template-areas: none;
}

.decision-program .decision__form .input {
    grid-area: initial !important;
}

.program-advantages {
    margin-top: 118px;
    padding: 61px 63px;
    background-color: #1e202a;
    border-radius: 20px;
    overflow: hidden;
}

.program-advantages__title {
    margin-top: 0;
    color: var(--white);
}

.program-advantages__subtitle {
    color: var(--white);
}

.program-advantages--list {
    margin: 0;
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(48%, 100%), 1fr));
    grid-gap: 20px;
}

.program-advantages--item {
    padding: 46px 17px 29px 32px;
    color: var(--white);
    background-color: #2f313b;
    border-radius: 10px;
}

.program-advantages--item::before {
    display: none;
}

.program-advantages--item .big {
    margin-bottom: 20px;
    display: block;
    font-size: var(--fs-24);
}

.program-catalogue {
    margin-top: 118px;
    padding: 62px 63px 65px 40px;
    background-color: var(--gray);
    border-radius: 20px;
    overflow: hidden;
}

.program-catalogue__wrapper {
    display: grid;
    grid-template-areas:
        "title picture"
        "text picture"
        "slider slider ";
    grid-template-columns: 1fr max-content;
}

.program-catalogue__title {
    margin: 0;
    grid-area: title;
}

.program-catalogue__text {
    grid-area: text;
}

.program-catalogue__slider {
    width: 100%;
    grid-area: slider;
}

.program-catalogue__slider .slick-arrow {
    position: absolute;
    top: 21px;
    width: 42px;
    height: 42px;
    padding: 0;
    font-size: 0;
    background: var(--white) no-repeat center url("/f/redesign/img/ico/ico_arrowright2.webp");
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
}

.program-catalogue__slider .slick-prev {
    left: 0;
    transform: rotate(180deg);
}

.program-catalogue__slider .slick-next {
    right: 0;
}

.program-catalogue__slider .slick-list {
    margin-inline: 73px;
}

.program-catalogue__slider .slick-slide {
    margin-inline: 16px;
}

.program-catalogue__slider .slick-slide>div {
    display: flex;
}

.program-catalogue__picture {
    grid-area: picture;
}

.program-catalogue__img {
    position: relative;
    left: calc(25% - 115px);
}

.lease {
    margin-top: 116px;
    overflow: hidden;
}

.lease__title {
    margin: 0 0 50px;
}

.lease__list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(258px, 100%), 1fr));
    grid-template-rows: max-content;
    grid-gap: 19px;
}

.lease__item {
    padding: 22px 17px;
    font-size: var(--fs-18);
    font-weight: 700;
    background-color: var(--gray);
    border-radius: 5px;
    word-break: break-word;
}

.lease__item::before {
    display: none;
}

.program-request {
    margin-top: 115px;
    background-color: var(--gray);
    border-radius: 20px;
}

.program-request__wrapper {
    padding: 0px 64px 50px 177px;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 266px;
}

.program-request__img {
    position: relative;
    top: -29px;
}

.program-request__text {
    margin-top: 50px;
}

.faq {
    margin-top: 112px;
    overflow: hidden;
}

.faq__title {
    margin: 0;
}

.faq__wrapper {
    margin-top: 51px;
}

.faq__item {
    position: relative;
    padding: 33px 63px 28px 63px;
    background-color: var(--gray);
    border-radius: 20px;
    cursor: pointer;
}

.faq__item:not(:last-child) {
    margin-bottom: 14px;
}

.faq__item--title {
    width: 90%;
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 36px;
}

.faq__item--text {
    position: relative;
    margin-top: 23px;
    display: none;
    border-top: 1px solid rgba(148, 148, 150, 0.24);
}

.faq__item--title::before {
    content: "+";
    position: absolute;
    z-index: 1;
    top: 22px;
    right: 63px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    color: #1e202a;
    background-color: var(--white);
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.faq__item--title.active::before {
    content: "-";
}

.faq__btns,
.flex__btns {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.infoblock .phone {
    display: block;
    text-decoration: none;
}

.program-promo {
    background: transparent no-repeat center url("/f/redesign/img/program-into.webp");
    border-radius: 20px;
    padding: 68px 0 0 61px;
    display: grid;
    grid-template-columns: 1fr max-content;
}

.program-promo__text {
    margin-bottom: 68px;
}

.program-promo__text h1 {
    font-size: var(--fs-36);
    line-height: 42px;
}

.program-promo__text--desc {
    margin: 30px 0;
    font-size: var(--fs-24);
}

.doclist__item {
    position: relative;
    padding: 23px 36px;
    display: grid;
    grid-template-areas:
        "icon doc"
        "icon type";
    grid-template-columns: max-content 1fr;
    grid-column-gap: 35px;
    align-items: center;
    background-color: var(--white);
    border: 1px solid #e5e5e5;
    border-radius: 20px;
}

.doclist__item:not(:last-child) {
    margin-bottom: 14px;
}

.doclist__item::before {
    display: none;
}

.doclist__item::after {
    content: "";
    position: absolute;
    top: 34px;
    right: 37px;
    width: 42px;
    height: 42px;
    background: var(--white) no-repeat center url("/f/redesign/img/ico/ico_arrowright2.webp");
    border: 1px solid #e5e5e5;
    border-radius: 50%;
}

.doclist__item--logo {
    grid-area: icon;
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--gray);
    border-radius: 5px;
}

.doclist__item--type {
    grid-area: type;
}

.doclist__item--name {
    width: 90%;
    grid-area: doc;
    color: var(--darkblue);
    line-height: 18px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.doclist__item--name:hover {
    color: var(--pear);
}

.doclist__item--name::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
}

.glossary__alphabet {
    margin-bottom: 33px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.glossary__alphabet--item {
    position: relative;
    width: 35px;
    min-width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.glossary__alphabet--item:first-child {
    width: 50px;
    min-width: 50px;
}

.glossary__alphabet--item.active,
.glossary__alphabet--item:hover {
    background-color: var(--pear);
    border-color: var(--pear);
}

.glossary__alphabet--link {
    color: var(--darkblue);
    text-decoration: none;
}

.glossary__alphabet--link::before {
    content: "";
    position: absolute;
    inset: 0;
}

.glossary__term {
    padding: 47px 72px 42px 64px;
    display: grid;
    grid-template-columns: 355px 1fr;
    grid-column-gap: 49px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.glossary__term:hover {
    border-color: var(--pear);
}

.glossary__term:not(:last-child),
.glossary__terms--item:not(:last-child) {
    margin-bottom: 16px;
}

.glossary__term--title {
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 30px;
    color: var(--darkblue);
    text-decoration: none;
}

.glossary__term--text p:first-child {
    margin-top: 0;
}

.checkmark-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: max-content;
    grid-gap: 1em;
    grid-template-areas:
        "x-col y-col"
        "x-col z-col";
}

.checkmark__item:first-child {
    grid-area: x-col;
}

.checkmark__item:nth-child(2) {
    grid-area: y-col;
}

.checkmark__item:nth-child(3) {
    grid-area: z-col;
}

.checkmark__item {
    position: relative;
    padding-left: 42px;
}

.checkmark__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background: var(--white) no-repeat center url("/f/redesign/img/ico/ico_checkmark.webp");
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.checkmark__item p {
    margin: 0;
}

.checkmark__list li::before {
    top: 12px;
    width: 9px;
    height: 1px;
    background-color: var(--darkblue);
}

.title-ip {
    line-height: 1.25em;
}

.infoblock__text .btn {
    margin-top: 1.25em;
}

.promo-secondary {
    margin-bottom: 5em;
    padding: 55px 117px 33px 61px;
    display: grid;
    grid-template-columns: 1fr max-content;
    background: transparent no-repeat center url("/f/redesign/img/program-into.webp");
    background-size: cover;
    border-radius: 20px;
    grid-gap: 1.5em 116px;
}

.promo-secondary__text .btn {
    margin-top: 1.5em;
}

.faq-leasing__item--question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.faq-leasing__item--question::before {
    display: none;
}

.faq__item--button {
    position: relative;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
    font-size: 0;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
}

.faq__item--button .icon {
    content: "";
    position: absolute;
    inset: 21px 16px;
    width: 10px;
    height: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5d5e6d;
    transition: all 0.3s ease;
}

.faq__item--button .icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 1px;
    background-color: #5d5e6d;
    transform: rotate(90deg);
    transition: all 0.3s ease;
}

.faq-leasing__item--question.active .icon::before {
    transform: rotate(0);
}

.faq-leasing__item--answer p {
    color: #5d5e6d;
}

.events-year,
.events-content {
    position: relative;
}

.timeline {
    margin-top: 74px;
}

.events-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 16px;
}

.event-year {
    padding-top: 42px;
    font-size: var(--fs-20);
    line-height: 1.2;
    color: var(--darkblue);
    cursor: pointer;
}

.event-year::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: 32px;
    height: 32px;
    display: block;
    background-color: var(--gray);
}

.event-year.active::before,
.event-year.pear::before {
    background-color: var(--pear);
}

.event-year.active::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -5px;
    left: 5px;
    width: 42px;
    height: 42px;
    display: block;
    background-color: rgba(181, 201, 50, 0.3);
    border-radius: 50%;
    animation: puls 2s ease 0s infinite normal forwards;
}

@keyframes puls {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.events-content {
    margin-top: 52px;
}

.events-item {
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.events-item.active {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.filling-line {
    position: absolute;
    z-index: -2;
    top: 16px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--gray);
    overflow: hidden;
}

.fill {
    width: 0;
    height: 100%;
    background-color: var(--pear);
    transition: width 0.3s ease;
}

.reviews {
    margin-top: 52px;
}

.reviews__item {
    padding-bottom: 32px;
    display: grid;
    grid-template-columns: 169px 1fr;
    grid-gap: 24px;
    align-items: flex-start;
}

.reviews__item:not(:last-child) {
    margin-bottom: 32px;
    border-bottom: 1px solid var(--gray);
}

.reviews__item--modal {
    display: flex;
}

.reviews__item--title {
    margin-top: 0;
    font-size: var(--fs-30);
    font-weight: 500;
    line-height: 30px;
}

.partners {
    margin-top: 52px;
}

.partners__folder-title {
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 30px;
    color: var(--darkblue);
    text-decoration: none;
}

.partners__grid {
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(150px,100%),1fr));
    grid-template-rows: max-content;
    grid-gap: 16px;
}

.partners__grid:not(:last-child) {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--gray);
}

.partners__item {
    position: relative;
    padding: 12px;
    border: 1px solid #acaeb7;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.partners__item:hover {
    border-color: var(--pear);
}

.partners__item--link::before {
    content: "";
    position: absolute;
    inset: 0;
}

.fancybox-iframe-partner .fancyform-rules {
    display: none;
}

.checkmark-flex {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(49%,100%),1fr));
    grid-gap: 16px;
}

.checkmark-flex .checkmark__item {
    grid-area: initial;
}

.sale {
    margin-block: 52px;
}

.sale__grid {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));
    grid-gap: 24px;
}

.sale__item {
    position: relative;
    background-color: var(--gray);
    border-radius: 10px;
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
}

.sale__item:hover {
    transform: translateY(-10px);
}

.sale__item--img {
    width: 100%;
    height: 300px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
}

.sale__item--text {
    padding: 15px 30px 80px;
}

.sale__item--name {
    display: block;
    font-size: var(--fs-18);
    color: var(--darkblue);
    text-decoration: none;
    transition: color 0.3s ease;
}

.sale__item:hover .sale__item--name {
    color: var(--pear-hover);
}

.sale__item--name::before {
    content: "";
    position: absolute;
    inset: 0;
}

.sale__item--more {
    position: absolute;
    z-index: -1;
    bottom: 20px;
    left: 30px;
}

.promo-secondary.insert {
    margin-block: 2em;
    padding: 2em 2em 2em 4em;
}

.promo-secondary.insert p {
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 30px;
}

.sale-catalog {
    margin-block: 52px;
}

.sale-catalog__wrapper {
    display: grid;
    grid-template-columns: 580px 1fr;
    grid-template-rows: max-content;
    grid-gap: 32px;
}

.sale-catalog--photo-big {
    display: flex;
}

.sale-catalog--title {
    margin-top: 0;
    font-size: var(--fs-30);
    line-height: 36px;
}

.sale-catalog--price {
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 30px;
}

.sale-catalog--number {
    color: var(--pear-hover);
}

.salesman {
    padding: 2em 2em 2em 4em;
    background: transparent no-repeat center url("/f/redesign/img/program-into.webp");
    background-size: cover;
    border-radius: 20px;
}

.salesman__title {
    margin-top: 0;
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 30px;
}

.salesman--text {
    margin-bottom: 0;
}

.salesman--text a {
    text-decoration: none;
}

.sale-slider {
    width: 100%;
    margin-top: 16px;
}

.sale-slider .slick-slide {
    padding-right: 19px;
}

.lease__list:not(:last-child) {
    margin-bottom: 52px;
}

.page-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
  
.page-item {
    position: relative;
    padding: 7px 16px;
    text-align: center;
    background-color: var(--gray);
    border-radius: 5px;
    transition: all 0.3s ease;
}
  
.page-item::before {
    display: none;
}
  
.page-item:hover,
.page-item.active {
    background-color: var(--deepblue);
}
  
.page-item__link {
    color: var(--darkblue);
    text-decoration: none;
}
  
.page-item:hover a,
.page-item.active:hover a,
.page-item__page {
    color: var(--white);
}
  
.page-item__link::before {
    content: "";
    position: absolute;
    inset: 0;
}
  
.news__wrapper.second {
    margin-top: 38px;
    margin-bottom: 38px;
}

.news-gallery {
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(190px,100%),1fr));
    grid-gap: 0.5em;
}

.news-gallery__fancybox {
    display: flex;
}

.news-link-back {
    margin-top: 24px;
    display: inline-block;
    text-decoration: none;
}

.key {
    margin-block: 80px;
    padding: 60px 30px 60px 91px;
    background-color: var(--gray);
    border-radius: 20px;
}

.key__wrapper {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content;
    grid-gap: 2em;
    align-items: center;
}

.key-text {
    margin: 0;
    font-size: var(--fs-20);
    line-height: 30px;
}

.compnay-promo {
    margin-bottom: 40px;
    padding: 60px 90px 60px 62px;
    background-color: var(--gray);
    border-radius: 20px;
}

.company-promo__wrapper {
    display: grid;
    grid-template-areas: 
        "picture content";
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content;
    grid-gap: 2em;
    align-items: center;
}

.compnay-promo__img {
    grid-area: picture;
}

.company-promo__list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(265px, 100%), 1fr));
    grid-gap: 20px;
}

.company-promo__item {
    padding: 25px 9px 25px 35px;
    background: rgba(145, 148, 160, 0.1);
    border-radius: 10px;
}

.company-promo__item.full {
    grid-column: 1 / -1;
}

.company-promo__item::before {
    display: none;
}

.company-promo__item--big {
    margin-bottom: 10px;
    display: block;
    font-size: var(--fs-24);
}

.briefcase {
    position: relative;
    margin-block: 80px;
    padding: 60px 211px 60px 91px;
    background-color: var(--gray);
    border-radius: 20px;
}

.briefcase__text {
    width: calc(70% - 30px);
}

.briefcase__title {
    margin-top: 0;
}

.briefcase__img {
    position: absolute;
    top: -30px;
    right: 60px;
}

.landmark {
    margin-top: 80px;
}

.landmark__title {
    margin-top: 0;
    line-height: 30px;
    color: var(--white);
}

.landmark__item {
    padding: 29px 17px 29px 32px;
}

.program-root {
    margin: 40px 0 20px;
}

.program-root.black {
    background-color: #1e202a;
}

.program-root.black .company-promo__item {
    color: var(--white);
}

.center {
    text-align: center;
}

.block-grid {
    margin-block: 50px;
    display: grid;
    grid-template-rows: max-content;
}

.block-gird-2 {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 2em;
}

.block-img {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.block-img.gray {
    background-color: var(--gray);
}

.block-text .big {
    margin-bottom: 5px;
    display: block;
}

.block-text p.color-gray {
    color: #5d5e6d;
}

.program-advantages.gray {
    background-color: var(--gray);
}

.program-advantages.gray .landmark__title,
.program-advantages.gray .program-advantages__subtitle {
    color: var(--darkblue);
}

.program-advantages.gray .program-advantages--item {
    color: var(--darkblue);
    background: rgba(145, 148, 160, 0.1);
}

.article-item__top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reading-time {
    margin: 0;
}

.article-item .news__item--title {
    margin-bottom: 0;
}

.reading-time {
    color: #5d5e6d;
}

/* СТАТЬИ */
.authorship {
    padding-block: 16px;
    display: grid;
    grid-template-areas:
        "author date time share";
    grid-template-columns: repeat(4,max-content);
    grid-template-rows: max-content;
    grid-gap: 1em;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--gray);
    border-bottom: 1px solid var(--gray);
    box-sizing: border-box;
}

.author {
    grid-area: author;
    display: flex;
    align-items: center;
    gap: 1em;
}

.author__name {
    margin: 0;
}

.authorship__date {
    grid-area: date;
}

.authorship__time {
    margin: 0;
    grid-area: time;
}

.authorship__share {
    position: relative;
    padding-left: 115px;
    grid-area: share;
}

.authorship__share::before {
    content: "Поделиться:";
    position: absolute;
    top: 5px;
    left: 0;
}

.authorship__share li::before {
    display: none;
}

.articles-slider .slick-slide {
    padding-right: 19px;
}
  
.articles-slider .slick-prev,
.articles-slider .slick-next {
    position: absolute;
    top: 50%;
    width: 43px;
    height: 42px;
    padding: 0;
    font-size: 0;
    background: var(--white) no-repeat center url("/f/redesign/img/ico/ico_arrowright2.webp");
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
}
  
.articles-slider .slick-prev {
    left: 0;
    transform: rotate(180deg);
}
  
.articles-slider .slick-next {
    right: 0;
}

.articles-slider .slick-list {
    margin-left: 64px;
    margin-right: 45px;
}

.articles-buttons-block,
.cases-buttons-block {
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(2,max-content);
    grid-gap: 16px;
}

.authorship-block-gray {
    display: block;
    color: #5d5e6d;
}
/* end СТАТЬИ */

/* КЕЙСЫ */
.cases__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(328px,100%),1fr));
    grid-template-rows: max-content;
    grid-gap: 50px 16px;
}

.cases__item {
    position: relative;
}

.cases__item--top {
    min-height: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d9d9db;
    border-radius: 20px;
}

.cases__item--img {
    position: relative;
    z-index: -1;
    width: 100%;
    max-height: 260px;
    object-fit: cover;
}

.cases__item--bottom {
    margin-top: 16px;
}

.cases__item--name {
    font-size: var(--fs-20);
    font-weight: 500;
    line-height: 30px;
    color: var(--darkblue);
    text-decoration: none;
    transition: color 0.3s ease;
}

.cases__item--name::before {
    content: "";
    position: absolute;
    inset: 0;
}

.cases__item--name:hover {
    color: var(--pear-hover);
}

.cases__item--desc {
    color: #5d5e6d;
}

.cases__item--more {
    font-family: 'Onest';
    font-size: var(--fs-16);
    line-height: 24px;
    color: #5d5e6d;
    background-color: transparent;
    border: 0;
}
/* end КЕЙСЫ */

/* КНОПКА НАВЕРХ */
.upbtn {
    position: fixed;
    z-index: 1;
    right: 15px;
    width: 60px;
    height: 60px;
    background: var(--pear) no-repeat center url("/f/redesign/img/upbtn.webp");
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}
/* end КНОПКА НАВЕРХ */

/* КОНТАКТЫ */
.contacts__wrapper {
    position: relative;
}

.contacts .contacts-button-prev,
.contacts .contacts-button-next {
    position: absolute;
    top: 20px;
    display: none;
}

.contacts .contacts-button-prev,
.contacts .contacts-button-next {
    position: absolute;
    top: 20px;
    width: 42px;
    height: 42px;
    background: var(--white) no-repeat center url("/f/redesign/img/ico/ico_arrowright2.webp");
    border: 1px solid #e5e5e5;
    border-radius: 50%;
}

.contacts .contacts-button-prev::after,
.contacts .contacts-button-next::after {
    display: none;
}

.contacts .contacts-button-prev {
    transform: rotate(180deg);
}

.contacts__citys {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.contacts__citys--item {
    min-width: 130px;
    padding: 15px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #acaeb7;
    border-radius: 5px;
    transition: border-color 0.3s ease;
    cursor: pointer;
}

.contacts__citys--item {
    font-family: 'Onest';
    font-size: var(--fs-16);
    font-weight: 400;
    line-height: 24px;
    color: var(--darkblue);
}

.contacts__citys--item.active,
.contacts__citys--item:hover {
    border-color: var(--pear);
}

.contacts__citys--item.order {
    order: -1;
}

.contacts__city--title {
    margin-top: 0;
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: 30px;
}

.contacts__city--phone .phone {
    font-size: var(--fs-20);
    font-weight: 500;
    color: var(--darkblue);
    text-decoration: none;
}

.contacts-map {
    width: 100%;
    height: 390px !important;
}

.contacts__city--wrapper {
    margin-top: 50px;
    display: none;
    grid-template-columns: 1fr 50%;
    grid-gap: 16px 32px;
}

.contacts__city--wrapper.active {
    display: grid;
}

.iframe-map {
    width: 100%;
    height: 400px;
    border: 0;
}

.map-boolon {
    display: none;
}

.map-contacts__logo {
    margin: 10px auto 0;
    display: block;
}

.map-contacts__address {
    text-align: center;
}

.contacts__citys--all {
    width: 100%;
    margin: 0 !important;
    padding: 15px !important;
    display: none;
    text-align: center;
    background: transparent;
    border: 1px solid #acaeb7;
    transition: border-color 0.3s ease;
    cursor: pointer;
}
/* end КОНТАКТЫ */

.lenta {
    display: grid;
    grid-template: max-content/100px 1fr;
}

.lenta a {
    color: #000;
}

.lenta a:hover {
    color: var(--pear-hover);
}

/* cookie */
.cookie {
    position: fixed;
    z-index: 1;
    bottom: 100px;
    right: 0;
    width: 475px;
    height: auto;
    padding: 20px 40px;
    display: none;
    background-color: #1e202a;
    border-radius: 5px;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    transition: right 0.3s ease-in-out;
}
  
.cookie__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--white);
}
  
.cookie__btn {
    margin-top: 12px;
    width: max-content;
    height: auto;
    padding: 4px 14px;
    font-size: 14px;
    line-height: 1.4;
    color: #000;
    background-color: var(--gray);
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
}
/* /cookie */

.footer__top--item.info .footer__top--title {
    margin: 0;
}

.footer__top--item.info .footer__top--title:hover {
    color: var(--darkblue);
}

.doctument-items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 16px;
}
  
.document-item {
    position: relative;
    padding: 23px 36px;
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: var(--white);
    border: 1px solid #e5e5e5;
    border-radius: 20px;
}
  
.document-item__link {
    width: 90%;
    display: block;
    color: var(--darkblue);
    line-height: 18px;
    text-decoration: none;
    transition: color 0.3s ease;
}
  
.document-item__link:hover {
    color: var(--pear);
}

.document-item__link::after {
    content: "";
    position: absolute;
    inset: 0;
}
  
.document-item__icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    display: block;
    background: var(--white) no-repeat center url("/f/redesign/img/ico/ico_arrowright2.webp");
    border: 1px solid #e5e5e5;
    border-radius: 50%;
}

.info-bonds li {
    padding: 0;
    font-weight: 300;
    color: #5d5e6d;
}

.info-bonds li::before {
    display: none;
}

.info-bonds li:not(:last-child) {
    margin-bottom: 16px;
}

.info-bonds .bold {
    font-weight: 700;
    color: var(--darkblue);
}

.info-bonds ~ .doclist {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 14px;
}

.info-bonds ~ .doclist .doclist__item--name {
    width: 80%;
}

.document-item__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.document-item__link .status {
    padding: 5px;
    font-size: 14px;
    background-color: #c8e02a;
}

.document-item__link:hover .status {
    color: var(--darkblue);
}


/* ADAPTIVE */
@media (max-width: 1550px) {

    h1,
    .title2 {
        font-size: var(--fs-36);
        line-height: 36px;
    }

    h2,
    .program-section__title {
        font-size: var(--fs-30);
        line-height: 30px;
    }

    h3 {
        font-size: var(--fs-24);
        line-height: 24px;
    }

    h4,
    .title4 {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .wrapper {
        padding-top: 85px;
    }

    .container {
        padding-inline: 30px;
    }

    /* HEADER */
    .header__logo {
        width: 86px;
        height: 28px;
    }

    .header__search {
        margin-left: 28px;
    }

    .header__request,
    .header .phone {
        margin-left: 24px;
    }

    .header__telegram,
    .header__city {
        margin-left: 20px;
    }

    .header__menu {
        padding-top: 11px;
    }

    .header__menu--link {
        font-size: var(--fs-14);
    }

    /* end HEADER */

    /* DESC */
    .desc__compamy {
        padding: 66px 85px 28px 44px;
    }

    .desc__title {
        font-size: var(--fs-24);
        line-height: 30px;
    }

    .desc__subtitle {
        margin-top: 22px;
    }

    .desc__leasing {
        padding: 48px 68px 146px 45px;
    }

    .desc__leasing--title {
        font-size: var(--fs-36);
        line-height: 45px;
    }

    .desc__leasing--subtitle {
        font-size: var(--fs-20);
    }

    .desc__pictures {
        top: 235px;
        left: calc(0% - 80px);
    }

    .desc__picture {
        /* width: calc(50% + 300px); */
        width: 900px;
    }

    /* end DESC */

    /* PROGRAM */
    .programs {
        margin-top: 198px;
    }

    .order1 {
        padding-right: 72px;
    }

    .order2 {
        padding-right: 113px;
    }

    .order3 {
        padding-right: 40px;
    }

    .order4 {
        padding-right: 186px;
    }

    .order7 {
        padding-right: 241px;
    }

    .programs__item--name {
        font-size: var(--fs-20);
    }

    /* end PROGRAM */

    /* ADVANTAGES */
    .advantages__wrapper {
        padding: 40px 60px 40px 140px;
    }

    .advantages__diogram {
        top: -43px;
        width: 262px;
        height: 337px;
    }

    .advantages__list--item {
        padding: 30px 27px;
    }

    .advantages__list--number {
        margin-bottom: 16px;
        font-size: var(--fs-20);
    }

    /* end ADVANTAGES */

    /* STEPS */
    .steps {
        margin-top: 78px;
    }

    .steps__wrapper {
        margin-top: 32px;
        grid-gap: 14px 24px;
    }

    .steps__item {
        padding: 28px 16px 25px 40px;
    }

    .steps__item--title {
        font-size: var(--fs-24);
        line-height: 24px;
    }

    /* end STEPS */

    /* DECISION */
    .decision {
        margin-top: 78px;
    }

    .decision__wrapper {
        grid-template-columns: 660px 1fr;
    }

    .decision__text,
    .decision__form {
        min-height: 754px;
    }

    .decision__text--title .big,
    h2.decision__form--title {
        font-size: var(--fs-30);
        line-height: 30px;
    }

    .decision__text {
        padding: 42px 60px 78px 49px;
    }

    .decision__form {
        padding: 42px 47px 78px;
    }

    /* end DECISION */

    /* CITYS */
    .citys__tabs {
        margin-top: 22px;
    }

    /* end CITYS */

    /* NEWS MAIN */
    .news {
        margin-top: 77px;
    }

    .news__wrapper {
        margin-top: 38px;
    }

    .news__item {
        padding: 29px 27px 32px 40px;
    }

    /* end NEWS MAIN */

    /* FOOTER */
    .footer {
        margin-top: 78px;
        padding: 71px 0 53px;
    }

    .footer__top--title {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .footer__navbar {
        margin-top: 30px;
    }

    .footer__top--btn {
        margin: 30px 0;
    }

    .footer__bottom {
        margin-top: 74px;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 16px;
    }

    /* end FOOTER */

    .folder-list {
        grid-template-columns: repeat(auto-fit, minmax(min(389px, 100%), 1fr));
    }

    .folder-item {
        padding: 31px 20px 27px 34px;
    }

    .folder-item::before {
        width: 28px;
        height: 34px;
        background-size: cover;
        top: 24px;
        left: 32px;
    }

    .folder-item__link {
        padding-left: 49px;
        font-size: var(--fs-18);
    }

    .infoblock {
        padding: 54px 58px 63px 360px;
    }

    .infoblock-bottom {
        margin-top: 59px;
    }

    .infoblock__text p {
        font-size: var(--fs-20);
        line-height: 36px;
    }

    .program-section {
        margin-top: 77px;
    }

    .programs-slider .slick-list {
        margin-inline: 75px;
    }

    .programs-slider .slick-prev {
        left: 0;
    }

    .programs-slider .slick-next {
        right: 0;
    }

    .programs-slider__item {
        max-height: 450px;
        padding: 30px 24px 285px;
    }

    .programs-slider__item--name {
        font-size: var(--fs-20);
    }

    .conditions {
        margin-top: 78px;
        padding: 48px 72px 48px 49px;
    }

    .conditions__wrapper {
        grid-template-columns: 453px 1fr;
        grid-column-gap: 93px;
    }

    .conditions__title {
        line-height: 36px;
    }

    .conditions__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .conditions__item {
        padding: 36px 9px 20px 28px;
    }

    .program-advantages {
        margin-top: 78px;
        padding: 48px 50px;
    }

    .program-advantages--list {
        margin-top: 38px;
    }

    .program-advantages--item {
        padding: 36px 17px 23px 25px;
    }

    .program-advantages--item .big {
        font-size: var(--fs-20);
    }

    .program-catalogue {
        position: relative;
        margin-top: 78px;
    }

    .program-catalogue__img {
        left: calc(25% - 60px);
    }

    .program-catalogue__slider {
        margin-top: 41px;
    }

    .lease {
        margin-top: 78px;
    }

    .lease__list {
        grid-template-columns: repeat(auto-fit, minmax(min(206px, 100%), 1fr));
        grid-gap: 15px 28px;
    }

    .lease__item {
        font-size: var(--fs-16);
    }

    .lease__title {
        margin: 0 0 33px;
    }

    .program-request__wrapper {
        padding: 0px 42px 50px 118px;
        grid-column-gap: 177px;
    }

    .program-request__text {
        margin-top: 33px;
    }

    .program-request {
        margin-top: 78px;
    }

    .faq {
        margin-top: 78px;
    }

    .faq__wrapper {
        margin-top: 34px;
    }

    .faq__item--title {
        font-size: var(--fs-20);
    }

    .faq__item {
        padding: 26px 50px 22px;
    }

    .program-promo {
        padding: 54px 0 0 48px;
    }

    .glossary__term {
        padding: 37px 57px 33px 51px;
        grid-template-columns: 284px 1fr;
    }

    .glossary__term--title {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .promo-secondary {
        margin-bottom: 4em;
        padding: 44px 93px 26px 48px;
        grid-gap: 1.5em 92px;
    }

    .timeline {
        margin-top: 52px;
    }

    .event-year {
        font-size: var(--fs-16);
    }

    .event-year::before {
        width: 25px;
        height: 25px;
    }

    .event-year.active::after {
        top: -3px;
        left: 6px;
        width: 32px;
        height: 32px;
    }

    .filling-line {
        top: 12.5px;
    }

    .reviews__item--title {
        font-size: var(--fs-24);
    }

    .partners {
        margin-top: 32px;
    }

    .sale-catalog {
        margin-block: 32px;
    }

    .sale-catalog--title {
        font-size: var(--fs-24);
        line-height: 30px;
    }

    .sale-catalog--price {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .sale-catalog__wrapper {
        grid-template-columns: 429px 1fr;
    }

    .compnay-promo {
        padding: 48px 72px 48px 49px;
    }

    .compnay-promo__img {
        width: 282px;
        height: 102px;
    }

    .company-promo__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .company-promo__item {
        padding: 26px 16px 20px 28px;
    }

    .briefcase {
        padding: 40px 140px 40px 60px;
    }

    .briefcase__img {
        top: -20px;
        right: 20px;
        width: 290px;
        height: 373px;
    }

    /* КОНТАКТЫ */
    .contacts__citys--item {
        min-width: auto;
        padding: 10px;
    }

    .contacts__citys--item {
        font-size: var(--fs-14);
        line-height: 18px;
    }

    .contacts__city--wrapper {
        margin-top: 32px;
    }
    /* end КОНТАКТЫ */
}

@media (max-width: 1199px) {

    h1,
    .title2,
    .program-promo__text h1 {
        font-size: var(--fs-30);
        line-height: 30px;
    }

    h2,
    .program-section__title {
        font-size: var(--fs-24);
        line-height: 24px;
    }

    h3 {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    h4,
    .title4 {
        font-size: var(--fs-18);
        line-height: 24px;
    }

    .container {
        max-width: 960px;
    }

    /* HEADER */
    .header.fixed {
        padding-block: 14px;
    }

    .header__wrapper {
        grid-template-areas:
            "burger logo request phone  whatsapp telegram city  "
            "search search search search search search search";
        grid-template-columns: max-content 1fr repeat(5, max-content);
    }

    .burger {
        display: block;
    }

    .header__logo {
        margin-left: 28px;
    }

    .header__search {
        margin-top: 16px;
        margin-left: 0;
    }

    .header__navbar {
        display: none;
    }

    .header.fixed .header__search {
        display: none;
    }

    /* end HEADER */

    /* DESC */
    .desc-wrapper {
        grid-template-columns: 394px 1fr;
    }

    .desc__compamy {
        padding: 44px 56px 18px 29px;
    }

    .desc__title {
        font-size: var(--fs-20);
    }

    .desc__subtitle {
        margin-top: 14px;
    }

    .desc__leasing {
        padding: 32px 45px 97px 30px;
    }

    .desc__leasing--title {
        font-size: var(--fs-30);
        line-height: 38px;
    }

    /* end DESC */

    /* PROGRAM */
    .programs {
        margin-top: 238px;
    }

    .programs__list {
        grid-template-areas:
            "order1 order2"
            "order3 order4"
            "order5 order6"
            "order7 order7";
        grid-template-columns: repeat(2, 1fr);
    }

    .programs__item {
        padding: 24px 20px 40px !important;
    }

    .order3 {
        width: auto;
    }

    .order5 {
        padding-right: 130px !important;
    }

    .programs__item--img {
        width: auto;
        height: auto;
        left: auto;
        top: 0;
        transform: translate(30px, 20px);
    }

    .order7 .programs__item--img {
        transform: translate(-30px, 20px);
    }

    /* end PROGRAM */

    /* ADVANTAGES */
    .advantages {
        margin-top: 78px;
    }

    .advantages__diogram {
        top: -34px;
        width: 209px;
        height: 269px;
    }

    .advantages__wrapper {
        padding: 26px 40px 26px;
    }

    .advantages__list {
        width: 65%;
    }

    .advantages__list--item {
        padding: 24px 20px;
    }

    /* end ADVANTAGES */

    /* SECTIONS */
    .sections__wrapper {
        padding: 22px 40px;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 40px;
    }

    /* end SECTIONS */

    /* STEPS */
    .steps {
        margin-top: 52px;
    }

    /* end STEPS */

    /* DECISION */
    .decision {
        margin-top: 52px;
    }

    .decision__wrapper {
        grid-template-columns: 100%;
    }

    .decision__text,
    .decision__form {
        min-height: auto;
    }

    .decision__text {
        padding: 42px 360px 52px 40px;
    }

    .decision__form {
        padding: 42px 40px 52px;
    }

    .decision__form .leftColumn {
        display: grid;
        grid-template-areas:
            "name phone mail"
            "text text text";
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: max-content;
        grid-column-gap: 16px;
    }

    .decision__form .input:nth-child(1) {
        grid-area: name;
    }

    .decision__form .input:nth-child(2) {
        grid-area: phone;
    }

    .decision__form .input:nth-child(3) {
        grid-area: mail;
    }

    .decision__form .input:nth-child(4) {
        grid-area: text;
    }

    .decision__text--title .big,
    h2.decision__form--title {
        font-size: var(--fs-24);
        line-height: 24px;
    }

    /* end DECISION */

    /* CITYS */
    .citys__wrapper {
        grid-template-areas:
            "text"
            "map"
            "tabs";
        grid-template-columns: 100%;
    }

    .citys__text {
        margin-top: 0;
        padding: 36px 38px 36px 40px;
    }

    .map {
        height: auto;
    }

    .citys__tabs {
        margin-top: 0;
    }

    /* end CITYS */

    /* NEWS MAIN */
    .news {
        margin-top: 51px;
    }

    .news__item:last-child {
        display: none;
    }

    .news__item--title {
        margin: 19px 0 16px;
        font-size: var(--fs-20);
        line-height: 24px;
    }

    /* end NEWS MAIN */

    /* FOOTER */
    .footer {
        margin-top: 52px;
        padding: 47px 0 35px;
    }

    .footer__top {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: max-content;
        grid-gap: 24px;
    }

    .footer__navbar {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .footer__navbar--item:not(:last-child) {
        margin-bottom: 0;
    }

    .footer__top--btn {
        margin: 20px 0 0;
    }

    .footer__top--item.feedback {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 16px;
    }

    .feedback .footer__top--title {
        width: 100%;
    }

    .footer__top--btn {
        margin: 0;
    }

    .footer__address,
    .footer__timework {
        margin: 0;
    }

    .footer__bottom {
        margin-top: 34px;
        grid-template-columns: 100%;
    }

    .sm {
        width: auto;
    }

    /* end FOOTER */

    .folder-list {
        grid-template-columns: 100%;
    }

    .folder-item__link {
        padding-left: 39px;
        font-size: var(--fs-16);
    }

    .infoblock {
        padding: 43px 46px 50px;
    }

    .infoblock__wrapper {
        text-align: center;
    }

    .infoblock__img.top {
        position: relative;
        left: 0;
    }

    .programs-slider .slick-list {
        margin: 0 31px 0 50px;
    }

    .program-section {
        margin-top: 51px;
    }

    .programs-slider {
        margin-top: 33px;
    }

    .conditions__wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "title picture" "list list";
        grid-column-gap: 62px;
    }

    .conditions__list {
        margin-top: 35px;
    }

    .conditions__img {
        width: calc(50% - 30px);
        margin: 0 auto;
    }

    .program-advantages {
        margin-top: 52px;
        padding: 38px 40px;
    }

    .program-catalogue {
        margin-top: 52px;
        padding: 41px 43px 360px 26px;
    }

    .program-catalogue__wrapper {
        grid-template-areas:
            "title"
            "text"
            "slider"
            "picture";
        grid-template-columns: 100%;
    }

    .program-catalogue__img {
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0;
    }

    .program-catalogue__slider .slick-list {
        margin-inline: 50px;
    }

    .lease {
        margin-top: 52px;
    }

    .program-request {
        position: relative;
        margin-top: 52px;
    }

    .program-request__wrapper {
        padding: 0px 28px 6px 78px;
    }

    .program-request__wrapper {
        padding: 38px 25px;
        display: block;
    }

    .program-request__img {
        position: absolute;
        top: -29px;
        right: 0;
        width: 175px;
        height: auto;
    }

    .program-request__text {
        margin: 0;
        width: calc(80% - 20px);
    }

    .faq__item {
        padding: 20px 40px 17px;
    }

    .faq__item--title::before {
        right: 40px;
    }

    .faq__item--title {
        font-size: var(--fs-18);
        line-height: 30px;
    }

    .conditions {
        margin-top: 52px;
    }

    .program-promo__text--desc {
        margin: 24px 0;
        font-size: var(--fs-20);
    }

    .glossary__term {
        padding: 29px 45px 26px 40px;
        grid-template-columns: 100%;
        grid-column-gap: 0;
        grid-row-gap: 16px;
    }

    .infoblock__text .btn {
        margin-inline: auto;
    }

    .promo-secondary {
        padding: 35px 74px 20px 38px;
        grid-template-columns: 100%;
    }

    .promo-secondary img {
        width: calc(50% - 15px);
        margin: 0 auto;
    }

    .timeline {
        margin-top: 20px;
    }

    .events-year {
        height: 75px;
        padding-top: 7px;
        overflow-x: scroll;
    }

    .events-list {
        gap: 0;
    }

    .event-year {
        font-size: var(--fs-14);
        line-height: 14px;
    }

    .events-content {
        margin-top: 34px;
    }

    .filling-line {
        top: 19px;
    }

    .sale-promo {
        position: relative;
        padding: 24px 38px calc(40% + 30px);
        grid-template-columns: 100%;
        background-size: cover;
    }

    .sale-promo .program-promo__img {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .sale-catalog__wrapper {
        grid-template-columns: 100%;
        grid-gap: 24px;
    }

    .sale-slider {
        max-width: 650px;
    }

    .key {
        position: relative;
        margin: 100px 0 40px;
        padding: 30px 30px 50px;
    }

    .key__wrapper {
        display: block;
    }

    .key-text {
        width: calc(70% - 15px);
    }

    .company-promo__wrapper {
        grid-template-areas:
            "picture" 
            "content";
        grid-template-columns: 100%;
    }

    .compnay-promo__img {
        margin: 0 auto;
    }

    .company-promo__item--big {
        font-size: var(--fs-20);
    }

    .briefcase {
        margin-block: 40px;
        padding: 24px 48px 130px;
        overflow: hidden;
    }

    .briefcase__text {
        width: 100%;
    }

    .briefcase__img {
        top: 50%;
        right: -15px;
    }

    /* СТАТЬЯ */
    .authorship {
        grid-template-columns: repeat(3,max-content);
        grid-template-areas:
            "author author author" 
            "date time share";
    }

    .author__name .authorship-block-gray {
        display: inline-block;
    }
    /* end СТАТЬЯ */

    /* КЕЙСЫ */
    .cases__wrapper {
        grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr));
    }
    /* end КЕЙСЫ */

    /* КОНТАКТЫ */
    .contacts__city--wrapper {
        margin-top: 16px;
        grid-template-columns: 100%;
    }

    .contacts__city--title {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .contacts__city--phone .phone {
        font-size: var(--fs-18);
        line-height: 1.2;
    }
    /* end КОНТАКТЫ */

    .info-bonds ~ .doclist {
        grid-template-columns: 100%;
    }
}

@media (max-width: 991px) {
    /* .wrapper {
        padding-top: 134px;
    } */

    .container {
        max-width: 720px;
    }

    /* HEADER */
    .header__wrapper {
        grid-template-areas:
            "burger logo phone whatsapp telegram city"
            "search search search search search search";
        grid-template-columns: max-content 1fr repeat(4, max-content);
    }

    .header__logo {
        margin-left: 18px;
    }

    .search__input {
        font-size: var(--fs-14);
    }

    .header__request {
        display: none;
    }

    .header .phone {
        margin-left: 16px;
        font-size: var(--fs-16);
    }

    .header__telegram,
    .header__city {
        margin-left: 13px;
    }

    .header__city {
        padding: 8px 14px 8px 37px;
        font-size: var(--fs-14);
        line-height: 18px;
        background-position: 14px;
    }

    /* end HEADER */

    /* DESC */
    .desc-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }

    .desc__leasing--title {
        font-size: var(--fs-24);
        line-height: 30px;
    }

    .desc__leasing--subtitle {
        margin-top: 21px;
        font-size: var(--fs-16);
    }

    .desc__leasing--btn {
        margin-top: 25px;
        padding: 15px 52px 14px 9px;
    }

    .desc__leasing--btn::before {
        top: 16px;
        right: 16px;
        width: 28px;
        height: 28px;
    }

    .desc__pictures {
        top: 300px;
    }

    .desc__picture {
        width: calc(50% + 200px);
    }

    /* end DESC */

    /* PROGRAM */
    .programs {
        margin-top: 52px;
    }

    .programs__item:not(:last-child) {
        padding: 24px 30px 160px !important;
    }

    .programs__item--img {
        transform: translate(30px, 170px);
    }

    /* end PROGRAM */

    /* ADVANTAGES */
    .advantages__wrapper {
        padding: 26px 40px 26px 111px;
    }

    .advantages__diogram {
        top: -63px;
        left: -50px;
        width: 139px;
        height: 179px;
    }

    .advantages__list {
        width: 100%;
    }

    .advantages__list--number {
        margin-bottom: 10px;
    }

    /* end ADVANTAGES */

    /* SECTIONS */
    .sections__wrapper {
        padding: 22px 30px;
    }

    /* end SECTIONS */

    /* STEPS */
    .steps {
        margin-top: 34px;
    }

    .steps__wrapper {
        grid-gap: 16px;
    }

    .steps__item {
        padding: 28px 16px 25px 30px;
        grid-template-columns: max-content 1fr;
        grid-template-rows: 1fr;
        grid-template-areas:
            "icon title"
            "text text";
        grid-gap: 16px;
        align-items: flex-start;
    }

    .steps__item--img {
        grid-area: icon;
    }

    .steps__item--title {
        margin: 0;
        grid-area: title;
        font-size: var(--fs-20);
    }

    .steps__item--title br,
    .steps__item--text br {
        display: none;
    }

    .steps__item--text {
        min-height: 80px;
        grid-area: text;
    }

    .steps__item .phone {
        display: inline-block;
    }

    /* end STEPS */

    /* DECISION */
    .decision {
        margin-top: 34px;
    }

    .decision__text {
        padding: 28px 106px 230px 30px;
    }

    .decision__form {
        padding: 42px 30px 52px;
    }

    /* end DECISION */

    /* CITYS */
    .citys__text {
        padding: 36px 38px 36px 30px;
    }

    .citys__tabs {
        gap: 6px;
    }

    .citys__tabs--item {
        min-width: 104px;
        padding: 10px;
    }

    /* end CITYS */

    /* NEWS MAIN */
    .news {
        margin-top: 34px;
    }

    .news__item {
        padding: 19px 18px 21px 30px;
    }

    /* end NEWS MAIN */

    /* FOOTER */
    .footer .phone {
        font-size: var(--fs-20);
    }

    /* end FOOTER */

    .wrapper-in {
        display: block;
    }

    .left-column {
        display: none;
    }

    .infoblock-bottom {
        margin-top: 39px;
    }

    .city-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .conditions {
        margin-top: 52px;
        position: relative;
        padding: 38px;
    }

    .conditions__wrapper {
        display: block;
    }

    .conditions__img {
        display: none;
    }

    .program-advantages--item {
        padding: 28px 13px 18px 20px;
    }

    .conditions__item--big,
    .program-advantages--item .big {
        margin-bottom: 16px;
        font-size: var(--fs-18);
    }

    .program-advantages {
        margin-top: 34px;
    }

    .program-catalogue {
        margin-top: 34px;
    }

    .lease {
        margin-top: 34px;
    }

    .faq__item--title {
        font-size: var(--fs-16);
        line-height: 24px;
    }

    .faq__item--title::before {
        width: 28px;
        height: 28px;
        top: 21px;
        right: 21px;
    }

    .program-promo {
        position: relative;
        padding: 43px 38px calc(40% + 30px);
        display: grid;
        grid-template-columns: 100%;
        background-size: cover;
    }

    .program-promo__img {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .glossary__alphabet {
        margin-bottom: 26px;
    }

    .glossary__term--title {
        font-size: var(--fs-18);
        line-height: 24px;
    }

    .baloon-item {
        top: 0;
    }

    .faq__item--button {
        width: 28px;
        min-width: 28px;
        height: 28px;
    }

    .faq__item--button .icon {
        inset: 14px 9px;
        width: 8px;
        height: 1px;
    }

    .faq__item--button .icon::before {
        width: 8px;
        height: 1px;
    }

    .partners__grid {
        margin-top: 16px;
        grid-template-columns: repeat(auto-fill,minmax(min(90px,100%),1fr));
    }

    .partners__grid:not(:last-child) {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }

    .lease__list:not(:last-child) {
        margin-bottom: 32px;
    }

    .news__wrapper.second {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .page-item {
        padding: 5px 14px;
    }

    .page-item__link, 
    .page-item__page {
        font-size: var(--fs-14);
    }

    /* КОНТАКТЫ */
    .mslider {
        position: relative;
        z-index: 1;
        margin-inline: auto;
        padding: 0;
        display: block; 
        list-style: none;
        overflow: hidden;
    }

    .mslide {
        position: relative;
        width: 100%;
        height: 100%;
        display: block;
        flex-shrink: 0;
        transition-property: transform;
    }

    .contacts__wrapper {
        position: relative;
    }

    .contacts__citys {
        display: none;
    }

    .contacts__city--wrapper {
        margin-top: 16px;
    }

    .contacts__citys--all {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    /* end КОНТАКТЫ */
}

@media (max-width: 767px) {

    h1,
    .title2,
    .program-promo__text h1 {
        font-size: var(--fs-24);
        line-height: 24px;
    }

    h2,
    .program-section__title {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    h3 {
        font-size: var(--fs-18);
        line-height: 24px;
    }

    h4,
    .title4 {
        font-size: var(--fs-16);
        line-height: 24px;
    }

    .wrapper {
        padding-top: 68px;
    }

    .container {
        max-width: 540px;
    }

    .btn-arrow {
        padding: 15px 52px 14px 24px;
    }

    /* HEADER */
    .header {
        padding-top: 14px;
    }

    .header__wrapper {
        grid-template-areas:
            "burger logo feedback"
            "search search search";
        grid-template-columns: repeat(2, max-content) 1fr;
    }

    .header .phone,
    .header__telegram,
    .header__whatsapp {
        grid-area: feedback;
    }

    .header .phone {
        margin-right: 52px;
        text-align: right;
    }

    .header__telegram {
        width: 16px;
        height: 16px;
        margin-top: -3px;
        margin-left: auto;
        display: block;
        text-align: right;
    }

    .header__whatsapp {
        width: 16px;
        height: 16px;
        margin-top: -3px;
        margin-left: auto;
        margin-right: 24px;
        display: block;
    }

    .header__city {
        display: none;
    }

    /* end HEADER */

    /* DESC */
    .desc__title {
        font-size: var(--fs-18);
        line-height: 24px;
    }

    .desc__compamy {
        padding: 29px 37px 29px 19px;
    }

    .desc__subtitle {
        margin-top: 9px;
        font-size: var(--fs-14);
        line-height: 18px;
    }

    .desc__leasing {
        padding: 21px 30px 42px 20px;
        background-color: #c7e028;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .desc__leasing--title {
        font-size: var(--fs-20);
        line-height: 24px;
        text-align: left;
    }

    .desc__leasing--subtitle {
        margin-top: 14px;
        font-size: var(--fs-14);
        line-height: 18px;
        text-align: left;
    }

    .desc__leasing--btn {
        width: 100%;
        margin-top: 16px;
        justify-content: flex-start;
        padding-block: 10px;
    }

    .desc__leasing--slick .slick-slide {
        padding-inline: 10px;
    }

    .desc__leasing .desc__item--img {
        display: none;
    }

    .desc__pictures {
        position: relative;
        inset: 0;
        width: 100%;
        background: transparent center no-repeat url("/f/redesign/img/leasing.webp");
        background-size: cover;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    /* end DESC */

    /* PROGRAM */
    .programs {
        margin-top: 34px;
    }

    .programs__wrapper {
        display: block;
    }

    .programs__btn {
        width: 100%;
        margin-top: 16px;
        justify-content: flex-start;
    }

    .programs__list {
        margin-top: 24px;
        grid-template-areas:
            "order1"
            "order2"
            "order3"
            "order4"
            "order5"
            "order6"
            "order7"
            "order7";
        grid-template-columns: 100%;
    }

    .programs__item:not(:last-child) {
        padding: 24px 100px 24px 30px !important;
    }

    .order7 .programs__item--name {
        width: 80%;
        display: block;
    }

    .programs__item--img {
        transform: translate(30px, 20px);
    }

    .order7 .programs__item--img {
        transform: translate(15px, 30px);
    }

    /* end PROGRAM */

    /* ADVANTAGES */
    .advantages {
        margin-top: 62px;
    }

    .advantages__wrapper {
        padding: 58px 33px 26px;
    }

    .advantages__diogram {
        z-index: 1;
        top: -42px;
        left: -33px;
        width: 92px;
        height: 119px;
    }

    .advantages__list {
        grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    }

    .advantages__list--item {
        padding: 16px 13px;
    }

    .advantages__list--number {
        font-size: var(--fs-18);
    }

    /* end ADVANTAGES */

    /* SECTIONS */
    .sections__wrapper {
        padding: 22px 16px;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 26px;
    }

    .sections__item {
        row-gap: 14px;
    }

    /* end SECTIONS */

    /* STEPS */
    .steps__wrapper {
        margin-top: 24px;
    }

    .steps__item--title {
        font-size: var(--fs-18);
    }

    .steps__item--text {
        min-height: auto;
    }

    /* end STEPS */


    /* DECISION */
    .decision__text {
        padding: 28px 32px 153px;
    }

    .decision__text--title .big,
    h2.decision__form--title {
        font-size: var(--fs-20);
    }

    .decision__text--title .big {
        margin: 0;
    }

    .decision__form {
        padding: 28px 32px 34px;
    }

    .decision__form--subtitle {
        font-size: var(--fs-14);
        line-height: 18px;
    }

    .decision__form .leftColumn,
    .decision-program .decision__form .leftColumn {
        display: block;
    }

    /* end DECISION */

    /* CITYS */
    .citys__tabs .slick-slide {
        margin-right: 10px;
    }

    .citys__tabs .slick-dots {
        position: relative;
        top: -10px;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(16px, 100%), 1fr));
        grid-template-rows: max-content;
        grid-gap: 8px;
    }

    .citys__tabs .slick-dots li {
        width: 12px;
        height: 12px;
        padding: 0;
    }

    .citys__tabs .slick-dots li::before {
        display: none;
    }

    .citys__tabs .slick-dots button {
        width: 100%;
        height: 100%;
        padding: 0;
        font-size: 0;
        background-color: var(--pear);
        border: 2px solid var(--pear-hover);
        border-radius: 50%;
        transition: background-color 0.3s ease;
        cursor: pointer;
    }

    .citys__tabs .slick-dots button:hover,
    .citys__tabs .slick-dots li.slick-active button {
        background-color: var(--pear-hover);
    }

    .baloon-item {
        position: relative;
        left: 0;
        width: 100%;
    }

    .baloon-item {
        padding: 30px 26px 24px 23px;
    }

    .baloon-item__city {
        font-size: var(--fs-20);
    }

    .baloon-item .phone {
        margin-top: 5px;
    }

    .citys__tabs {
        flex-wrap: nowrap;
        overflow: scroll;
    }

    .baloon-tabs {
        margin-top: 16px;
    }

    .citys__tabs--item {
        min-width: auto;
        white-space: nowrap;
    }

    /* end CITYS */

    /* NEWS MAIN */
    .news__wrapper {
        margin-top: 25px;
    }

    .news__item--title {
        margin: 10px 0;
        font-size: var(--fs-18);
    }

    /* end NEWS MAIN */

    /* FOOTER */
    .footer {
        margin-top: 34px;
        padding: 31px 0 23px;
    }

    .footer__top--item.feedback {
        display: block;
    }

    .footer__top--btn {
        margin: 20px 0 10px;
        padding: 15px 90px 14px 29px;
    }

    .footer__address,
    .footer__timework {
        margin: 10px 0;
    }

    /* end FOOTER */

    .infoblock {
        padding: 34px 36px 40px;
    }

    .infoblock__img {
        width: calc(50% - 30px);
    }

    .infoblock__text p {
        font-size: var(--fs-18);
        line-height: 30px;
    }

    .programs-slider .slick-list {
        margin: 0;
    }

    .programs-slider .slick-dots {
        margin: 8px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 19px;
    }

    .programs-slider .slick-dots li {
        padding: 0;
        display: flex;
    }

    .programs-slider .slick-dots li::before {
        display: none;
    }

    .programs-slider .slick-dots button {
        width: 16px;
        height: 16px;
        padding: 0;
        font-size: 0;
        background-color: var(--white);
        border: 3px solid var(--pear);
        border-radius: 50%;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .programs-slider .slick-dots li:hover button,
    .programs-slider .slick-dots li.slick-active button {
        background-color: var(--pear);
    }

    .program-section {
        margin-top: 33px;
    }

    .programs-slider {
        margin-top: 22px;
    }

    .conditions__title {
        line-height: 30px;
    }

    .conditions__list {
        grid-template-columns: 100%;
        grid-gap: 10px;
    }

    .conditions__item {
        padding: 28px 18px;
    }

    .lease__item {
        padding: 17px 13px 17px 16px;
    }

    .program-request__text {
        width: auto;
    }

    .program-request__img {
        display: none;
    }

    .program-request__text p:first-child {
        margin-top: 0;
    }

    .program-request__text .btn-arrow {
        width: 100%;
        justify-content: flex-start;
    }

    .faq__btns a,
    .flex__btns a {
        width: 100%;
        justify-content: flex-start;
    }

    .program-promo {
        padding: 34px 30px calc(40% + 30px);
    }

    .program-promo__text .btn {
        width: 100%;
        justify-content: flex-start;
    }

    .program-promo .breadcrumbs {
        gap: 2px 15px;
    }

    .program-promo__text--desc {
        font-size: var(--fs-18);
    }

    .doclist__item {
        padding: 18px 28px;
        grid-column-gap: 28px;
    }

    .doclist__item--logo {
        width: 52px;
        height: 52px;
    }

    .doclist__item::after {
        top: 27px;
        right: 29px;
        width: 33px;
        height: 33px;
    }

    .infoblock__text .btn {
        width: 100%;
        justify-content: flex-start;
    }

    .checkmark-grid {
        display: flex;
        flex-direction: column;
        gap: 1.25em;
    }

    .promo-secondary {
        margin-bottom: 2em;
        padding: 24px 40px;
    }

    .promo-secondary__text .btn {
        width: 100%;
        justify-content: flex-start;
    }

    .event-year:not(:last-child) {
        margin-right: 10px;
    }

    .events-content {
        margin-top: 25px;
    }

    .reviews {
        margin-top: 32px;
    }

    .reviews__item {
        padding-bottom: 16px;
        display: block;
    }

    .reviews__item--img {
        width: 112px;
        height: auto;
    }

    .reviews__item--modal {
        padding: 0 20px 20px 0;
        float: left;
    }

    .partners {
        margin-top: 24px;
    }

    .sale__grid {
        grid-template-columns: repeat(auto-fill,minmax(min(200px,100%),1fr));
    }

    .sale__item--img {
        height: 180px;
    }

    .sale__item--name {
        font-size: var(--fs-16);
        line-height: 20px;
    }

    .sale__item--more {
        font-size: var(--fs-14);
    }

    .sale__item--text {
        padding: 15px 30px 60px;
    }

    .sale {
        margin-block: 32px;
    }

    .promo-secondary.insert p {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .promo-secondary.insert {
        padding: 1em 1em 1em 2em;
    }

    .salesman__title {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .salesman {
        padding: 1em 1em 1em 2em;
    }

    .news-gallery {
        grid-template-columns: repeat(auto-fill,minmax(min(100px,100%),1fr));
    }

    .key-text {
        font-size: var(--fs-16);
        line-height: 24px;
    }

    .compnay-promo {
        padding: 32px;
    }

    .compnay-promo__img {
        width: 188px;
        height: 68px;
    }

    .company-promo__list {
        grid-template-columns: 100%;
        grid-gap: 14px;
    }

    .company-promo__item--big br {
        display: none;
    }

    .company-promo__item--big {
        margin-bottom: 5px;
        font-size: var(--fs-18);
    }

    .briefcase__text {
        position: relative;
        z-index: 1;
    }

    .briefcase .btn {
        width: 100%;
        justify-content: flex-start;
    }

    .key-text {
        width: 100%;
    }

    .key__img {
        z-index: -1;
        width: 176px;
        height: 226px;
    }

    .block-gird-2 {
        position: relative;
        margin-block: 32px;
        padding: 30px;
        display: block;
    }

    .block-img {
        position: absolute;
        inset: 0;
        padding: 0;
        background: transparent no-repeat center url("/f/redesign/img/program-into.webp");
          background-color: transparent;
    }

    .block-img img {
        display: none;
    }

    .block-text {
        position: relative;
        z-index: 1;
    }

    /* СТАТЬИ */
    .articles-slider .slick-list {
        margin-left: 0;
        margin-right: 0;
    }

    .articles-slider .slick-slide {
        padding-right: 0;
    }

    .articles-slider .slick-dots {
        margin: 8px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 19px;
    }
      
    .articles-slider .slick-dots li {
        padding: 0;
        display: flex;
    }
      
    .articles-slider .slick-dots li::before {
        display: none;
    }
      
    .articles-slider .slick-dots button {
        width: 16px;
        height: 16px;
        padding: 0;
        font-size: 0;
        background-color: var(--white);
        border: 3px solid var(--pear);
        border-radius: 50%;
        transition: all 0.3s ease;
        cursor: pointer;
    }
      
    .articles-slider .slick-dots li:hover button,
    .articles-slider .slick-dots li.slick-active button {
        background-color: var(--pear);
    }

    .articles-buttons-block,
    .cases-buttons-block {
        grid-template-columns: 100%;
    }

    .articles-buttons-block .btn,
    .cases-buttons-block .btn {
        width: 100%;
        justify-content: flex-start;
    }
    /* end СТАТЬИ */

    /* КЕЙСЫ */
    .cases__wrapper {
        grid-template-columns: 100%;
        grid-gap: 24px 16px;
    }

    .cases__item--name {
        font-size: var(--fs-18);
        line-height: 24px;
    }
    /* end КЕЙСЫ */

    /* КНОПКА НАВЕРХ */
    .upbtn {
        width: 48px;
        height: 48px;
    }
    /* end КНОПКА НАВЕРХ */

    .city-list {
        column-count: 2;
    }

    .table-scroll {
        overflow-x: scroll;
    }

    table td {
        white-space: nowrap;
    }

    .doctument-items {
        grid-template-columns: 100%;
    }

    .document-item {
        padding: 16px 24px;
    }

    .document-item__icon.icon-arrow {
        width: 28px;
        min-width: 28px;
        height: 28px;
        background-size: 11px;
    }

    .info-bonds ~ .doclist {
        margin-top: 30px;
    }
}

/* Для экранов шириной 576px и более */
@media (min-width: 576px) {
    .desc__pictures--slick.dekstop {
        display: block;
    }

    .desc__pictures--slick.mobile {
        display: none;
    }
}

@media (max-width: 575px) {
    body {
        font-size: var(--fs-14);
    }

    .btn,
    .btn-arrow {
        font-size: var(--fs-16);
    }

    .btn-arrow::before {
        top: 16px;
        right: 16px;
        width: 28px;
        height: 28px;
    }

    /* HEADER */
    .header__logo {
        width: 68px;
        height: 22px;
    }

    .header .phone {
        margin-right: 41px;
        font-size: var(--fs-14);
    }

    .header__whatsapp {
        margin-right: 21px;
    }
    /* end HEADER */

    /* DESC */
    .desc__compamy {
        padding: 14px 14px 14px 19px;
    }

    .desc__title {
        font-size: var(--fs-16);
        line-height: 1.2;
    }

    .desc__leasing {
        padding: 12px 12px 0 19px;
    }

    .desc__picture {
        width: 240px;
        height: 106px;
        margin: 0 auto;
        display: flex;
        object-fit: contain;
    }

    .desc__pictures--slick.dekstop {
        display: none;
    }

    .desc__pictures--slick.mobile {
        display: block;
    }


    .desc__leasing--title {
        font-size: var(--fs-16);
        line-height: 1.2;
    }

    .desc__leasing--subtitle {
        margin-top: 12px;
        font-size: var(--fs-12);
        line-height: 1.2;
    }

    .desc__leasing--btn {
        height: auto;
        margin-top: 14px;
        padding: 10px 36px 10px 19px;
        font-size: var(--fs-14);
        line-height: 1.6;
    }

    .desc__leasing--btn::before {
        top: 7px;
    }

    /* end DESC */

    /* PROGRAM */
    .programs__item:not(:last-child),
    .order7.programs__item {
        padding: 24px 20px !important;
    }

    .programs__item--advantages {
        width: 80%;
        margin-bottom: 0;
    }

    .programs__item--img {
        left: calc(70% - 5px);
        right: 0 !important;
        transform: translateY(30px) !important;
    }

    .programs__item--advantages li {
        font-size: var(--fs-12);
        line-height: 20px;
    }

    .programs__item--name {
        font-size: var(--fs-16);
    }

    .programs__item--advantages .nowrap {
        display: inline-block;
    }
    /* end PROGRAM */

    /* ADVANTAGES */
    .advantages {
        margin-top: 16px;
    }

    .advantages__diogram {
        display: none;
    }

    .advantages__wrapper {
        padding: 26px 33px;
    }

    /* end ADVANTAGES */

    /* SECTION */
    .sections__logo {
        width: 31px;
        height: 32px;
        object-fit: contain;
    }

    /* end SECTION */

    /* DECISION */
    .decision__text--more {
        margin-top: 16px;
    }

    .decision__form--subtitle {
        width: 100%;
    }

    /* end DECISION */

    /* CITYS */
    .citys__tabs .slick-dots {
        top: 10px;
    }

    /* end CITYS */

    /* FOOTER */
    .footer__top--btn {
        margin: 20px 0 10px;
        padding: 15px 63px 14px 16px;
    }

    /* end FOOTER */

    .folder-list {
        grid-gap: 14px;
    }

    .folder-item {
        padding: 24px 10px 21px 24px;
    }

    .folder-item::before {
        top: 22px;
        left: 25px;
        width: 22px;
        height: 27px;
    }

    .folder-item__link {
        padding-left: 31px;
        font-size: var(--fs-14);
    }

    .infoblock {
        padding: 27px 28px 32px;
    }

    .infoblock__text p {
        font-size: var(--fs-16);
        line-height: 24px;
    }

    .programs-slider__item {
        max-height: none;
        padding: 30px 24px 200px;
    }

    .programs-slider__item--img {
        width: calc(50% + 50px);
    }

    .program-catalogue {
        padding: 27px 28px 320px 38px;
    }

    .program-catalogue__slider {
        margin-top: 16px;
    }

    .program-catalogue__slider .slick-list {
        margin-inline: 28px;
    }

    .program-catalogue__slider .slick-arrow {
        width: 28px;
        height: 28px;
        background-size: 11px;
    }

    .program-catalogue__slider .slick-slide {
        margin-inline: 8px;
    }

    .program-request {
        margin-top: 34px;
    }

    .faq {
        margin-top: 34px;
    }

    .faq__wrapper {
        margin-top: 16px;
    }

    .faq__item {
        padding: 16px 32px 13px;
    }

    .conditions {
        margin-top: 34px;
    }

    .program-promo__text .btn {
        font-size: var(--fs-14);
        line-height: 18px;
    }

    .doclist__item {
        padding: 14px 22px;
        grid-column-gap: 16px;
    }

    .doclist__item--name {
        width: 80%;
    }

    .glossary__alphabet {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: scroll;
    }

    .glossary__term {
        padding: 23px 36px 20px 32px;
    }

    .glossary__term--title {
        font-size: var(--fs-16);
    }

    .fr {
        padding: 0;
        float: none;
    }

    .reviews__item--title {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .partners__folder-title {
        font-size: var(--fs-20);
        line-height: 24px;
    }

    .sale-catalog {
        margin-block: 16px;
    }

    .page-pagination {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .key {
        margin-block: 0;
    }

    .compnay-promo {
        margin-bottom: 24px;
    }

    .compnay-promo__img {
        width: 125px;
        height: 45px;
    }

    .briefcase {
        padding: 24px 24px 130px;
    }

    /* СТАТЬИ */
    .authorship {
        grid-template-areas:
            "author" 
            "date" 
            "time" 
            "share";
        grid-template-columns: 100%;
    }
    .authorship-block-gray {
        display: inline-block;
    }

    .author__name {
        margin-top: -50px;
        line-height: 14px;
    }

    .authorship__date {
        margin-top: -105px;
        margin-left: 86px;
    }

    .authorship__time {
        margin-top: -85px;
        padding-left: 86px;
    }

    .authorship__share {
        margin-top: -45px;
        margin-left: 86px;
        padding-left: 95px;
    }

    .author__icon {
        position: relative;
        top: 16px;
    }

    .author__icon {
        width: 70px;
        height: 70px;
    }
    /* end СТАТЬИ */

    /* КОНТАКТЫ */
    .contacts__city--title {
        font-size: var(--fs-18);
        line-height: 24px;
    }

    .contacts__city--phone .phone {
        display: block;
        font-size: var(--fs-16);
        line-height: 1.2;
    }

    .contacts-map {
        height: 300px !important;
    }
    /* end КОНТАКТЫ */

    /* cookie */
    .cookie {
        bottom: 0;
        width: 100%;
        padding: 10px 20px;
        border-radius: 0;
    }

    .cookie__wrapper {
        text-align: center;
    }

    .cookie__text,
    .cookie__btn {
        font-size: 12px;
    }
    /* /cookie */
}


@media (max-width: 380px) {

    /* HEADER */
    .header__logo {
        width: 57px;
        height: 18px;
    }

    .header .phone {
        margin-left: 16px;
    }

    /* end HEADER */

    /* PROGRAM */
    .programs__item--advantages {
        width: 90%;
    }

    .programs__item--img {
        left: calc(70% + 15px);
        transform: translateY(55px) !important;
        width: 120px;
    }

    /* end PROGRAM */

    /* SECTION */
    .sections__item--name {
        font-size: var(--fs-12);
        line-height: 18px;
    }

    /* end SECTION */

    /* СТАТЬИ */
    .author__name,
    .authorship__date,
    .authorship__time,
    .authorship__share::before {
        font-size: var(--fs-12);
        line-height: 18px;
    }

    .authorship__date {
        margin-top: -95px;
    }

    .authorship__time {
        margin-top: -75px;
        padding-left: 86px;
    }

    .authorship__share {
        margin-top: -35px;
        padding-left: 85px;
    }

    .authorship__share .ya-share2__icon_more {
        width: 24px !important;
        height: 24px !important;
    }
    /* end СТАТЬИ */

    .lenta {
        grid-template: max-content/80px 1fr;
    }
}

/* 06.05.2025 - удалить стили ниже, когда будет убрано 80 победа из логотипа в шапки. решение временное */
.svg-80-logo {
    margin-left: 10px;
    max-width: 56px;
 }
 @media (max-width: 1550px) {
  .svg-80-logo {
     max-width: 38px;
  }
 }
 @media (max-width: 1199px) {
   /* .svg-80-logo {
     display: none;
   } */
   .header__wrapper {
     display: flex;
     justify-content: space-between;
   }
 }
 @media (max-width: 767px) {
  .header__wrapper {
     grid-template-areas:
      "burger logo   logo2  feedback" 
      "search search search search  ";
     display: grid;
     justify-content: unset;
   }
 }
 @media (max-width: 575px) {
   .svg-80-logo {
     max-width: 32px;
   }
 }
 @media (max-width: 400px) {
 .header__logo.logo {
   margin-left: 10px;
   width: 49px;
 }
 .svg-80-logo {
     max-width: 25px;
     min-height: 26px;
     margin-left: 7px;
 }
}
/* end 06.05.2025 */

/* 26.08.2025 */
.sale__item--text {
    min-height: 191px;
    padding: 15px 30px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .sale__item--text {
        min-height: 127px;
    }
}

.sale__item--name {
    flex: 1;
}

.sale__item--pricebox {
    display: flex;
}

.sale__item--price {
    margin-top: 12px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 500;
}

.sale__item--more {
    position: relative;
    bottom: 0;
    left: 0;
    width: max-content;
}

.sale__item--count {
    display: none;
}

.programs-slider__item.active {
    display: none !important;
}
/* end 26.08.2025 */