* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
    scroll-behavior: auto;
}
body {
    background: #fff;
    position: relative;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: #333;
    font-family: Manrope;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}
html {
    font-size: calc(16vw / 19.2);
}
@media screen and (max-width: 768px) {
    html {
        font-size: calc(16vw / 3.75);
    }
}

input,
button,
textarea {
    font-size: inherit;
}
input {
    border-radius: 0px;
    outline: none;
}
button {
    cursor: pointer;
    color: inherit;
    background-color: inherit;
}
a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
button,
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
ul li {
    list-style: none;
}
input,
button,
textarea,
button,
a {
    font-family: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}
h1 {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
h2 {
    font-family: "Druk Wide Cyr";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
img {
    display: block;
    pointer-events: none;
}

.container, main {
    width: 110rem;
    margin: 0 auto;
    height: 100%;
}

main {
    padding: 10rem 0;
}


main * p, main p {
    padding: 1rem 0;
}
.docs-block {
    padding: 7.5rem 0 0;
    margin: 0 auto -2rem;
}

.docs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.doc-item {
    background: rgba(244, 244, 244, 1);
    padding: 1.5rem;
    transition: box-shadow 0.2s ease;
    min-height: 6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.doc-item:hover {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
}

.doc-title {
    color: #1f2937;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
}

.doc-download {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #000000;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
}

.doc-download:hover {
    color: #333333;
}

.download-icon {
    width: 2rem;
    height: 2rem;
}

.loading {
    display: none;
}

.error {
    text-align: center;
    padding: 2rem;
    color: #dc2626;
    background: #fef2f2;
    border: 0.0625rem solid #fecaca;
}

@media (max-width: 64rem) {
    .docs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .docs-block {
        padding: 3rem 0 3rem;
    }
    
    .docs-grid {
        grid-template-columns: 1fr;
    }
}

.scroll-to-top {
  position: fixed;
    bottom: 10rem;
    right: 5rem;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 63, 61, 1);
  border: none;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  transition: opacity 0.3s ease;
}

.scroll-to-top:hover {
  opacity: 0.8;
}

.scroll-to-top.show {
  display: flex;
}

@media (max-width: 768px) {
    .container, main {
        width: 21.4375rem;
    }
    h1 {
        font-size: 1.05rem;
        line-height: 1.075rem;
        letter-spacing: 0.0225rem;
    }
    h2 {
        font-size: 1rem;
        line-height: 1.025rem;
        letter-spacing: 0.0225rem;
    }
    main {
        padding: 6rem 0;
    }
    
    .scroll-to-top {
        bottom: 1rem;
        right: 1rem;
    }


}

/* header start  */

header {
    position: fixed;
    width: 100%;
    z-index: 200;
    top: 0;
    left: 0;
    background: #003f3d;
    padding: 2.5rem 0;
}
.main-page header {
    position: absolute;
    background: none;
}
.header__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__logo {
    display: flex;
}
.header__logo img {
    width: 13.9375rem;
    height: auto;
}
.header__right {
    display: flex;
    align-items: center;
}
.header__menu-btn {
    display: flex;
}
.header__menu-btn svg {
    width: 2.8125rem;
    height: auto;
}
.header__search-btn,
.header__tel-btn,
.header__feedback-btn {
    color: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    position: relative;
}
.header__feedback-btn {
    margin-right: 5rem;
}
.header__search-btn:hover::after,
.header__tel-btn:hover::after,
.header__feedback-btn:hover::after {
    content: "";
    position: absolute;
    bottom: -0.375rem;
    left: 0;
    height: 0.125rem;
    width: 100%;
    background: #fff;
}
.header__tel-btn {
    margin-right: 1.75rem;
}
.header__search-btn {
    margin-right: 3.75rem;
}
@media (max-width: 768px) {
    header {
        padding: 0.75rem 0;
    }
    .header__logo img {
        width: 6.4033rem;
    }
    .header__menu-btn svg {
        width: 2rem;
        height: auto;
    }
    .header__search-btn,
    .header__feedback-btn {
        display: none;
    }
    .header__tel-btn {
        margin-right: 1.25rem;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 0.875rem;
        letter-spacing: 0.015rem;
        text-transform: uppercase;
    }
}
/* header end  */

/* hero start  */

.hero {
    height: 100vh;
    background: url("../images/hero_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6.25rem 0 1.75rem;
}
.hero__wrap {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    height: 100%;
    position: relative;
}
.hero__title {
    max-width: 82.0625rem;
    color: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 5.5rem;
    letter-spacing: 0.075rem;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.hero__title .line {
    overflow: hidden;
    height: 5.5rem;
    line-height: 5.5rem;
    display: inline-block;
}

.hero__title .line-content {
    display: inline-block;
}
.hero__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}
.hero__ico {
    width: 5.25rem;
    height: auto;
}
.hero__text {
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 0.75rem;
}
@media (max-width: 768px) {
    .hero {
        padding: 4.25rem 0 1.25rem;
    }
    .hero__title {
        max-width: 100%;
        font-size: 1.5rem;
        line-height: 1.75rem;
        letter-spacing: 0.03rem;
    }
    .hero__title .line {
        height: 1.75rem;
        line-height: 1.75rem;
    }
    .hero__text {
        font-size: 0.625rem;
        line-height: 0.75rem;
    }
}
/* hero end  */

/* two-section start  */

.two-section {
    position: relative;
    z-index: 2;
    background: #fff;
}
.two-section__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 5rem 0;
    border-bottom: 0.0625rem solid #ddd;
    gap: 2.5rem;
}
.two-section__left {
    padding-right: 6.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.two-section__left__right-border {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.0625rem;
    height: 0;
    background: #ddd;
}
.two-section__left_top {
    max-width: 18.75rem;
    line-height: 1.5rem;
    overflow: hidden;
    position: relative;

    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 0%);
    mask-image: linear-gradient(to top, black 0%, transparent 0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: mask-image 0.3s ease;
}

.two-section__left_botoom {
    margin: auto 0 0 auto;
    width: 17.625rem;
    line-height: 1.5rem;

    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 0%);
    mask-image: linear-gradient(to top, black 0%, transparent 0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: mask-image 0.3s ease;
}
.two-section__left__title {
    position: absolute;
    width: 41.3125rem;
    padding: 1.75rem 0;
    background: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    z-index: 4;
}
.two-section__left__title .line {
    overflow: hidden;
    height: 1.875rem;
    line-height: 1.875rem;
    display: inline-block;
}

.two-section__left__title .line-content {
    display: inline-block;
}
.two-section__left__line {
    border-left: 0.0625rem solid #ddd;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    transform: translateX(-50%);
}
.two-section__right {
    height: 46.25rem;
    display: flex;
    align-items: end;
}
.two-section__right__img {
    width: 100%;
    height: 0;
}
.two-section__right__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 768px) {
    .two-section {
        position: relative;
        z-index: 2;
        background: #fff;
    }
    .two-section__wrap {
        grid-template-columns: repeat(1, 1fr);
        padding: 1.25rem 0 0;
        border-bottom: none;
        gap: 1.25rem;
    }
    .two-section__left {
        padding-right: 0;
        gap: 1.25rem;
    }
    .two-section__left__right-border {
        display: none;
    }
    .two-section__left_top {
        max-width: 10rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        position: relative;
    }

    .two-section__left_botoom {
        width: 9.6875rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        position: relative;
    }
    .two-section__left__title {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
        padding: 1.25rem 0;
        width: 100%;
        display: block;
        position: relative;
        left: 0;
        transform: translateX(0) translateY(0);
        top: 0;
    }
    .two-section__left__title .line {
        height: 1.25rem;
        line-height: 1.25rem;
    }
    .two-section__right {
        height: 26.25rem;
    }
    .two-section__right__img {
        height: 100%;
    }
    .two-section__right__img img {
        width: calc(100% + 2rem);
        height: 100%;
        margin: 0 -1rem;
    }
}
/* two-section end  */

/* three-section start  */

.three-section {
    padding: 5rem 0 6.25rem;
    position: relative;
    background: #fff;
    z-index: 3;
}
.three-section__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    position: relative;
    z-index: 2;
}
.three-section__left {
    height: 46.25rem;
    display: flex;
    align-items: end;
}
.three-section__left__img {
    width: 100%;
    height: 0;
}
.three-section__left__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.three-section__right {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    position: relative;
}
.three-section__right__content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 25.625rem;
}
.three-section__right__img {
    width: 100%;
    height: 31.25rem;
    display: flex;
    align-items: end;
}
.three-section__right__img__container {
    width: 100%;
    height: 0;
}
.three-section__right__img__container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.three-section__right__text {
    line-height: 1.5rem;
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 0%);
    mask-image: linear-gradient(to top, black 0%, transparent 0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: mask-image 0.3s ease;
}
.three-section__right__ico {
    position: absolute;
    z-index: 2;
    right: 1.875rem;
    top: 5rem;
    width: 50.0625rem;
    height: auto;
    transform: translateY(6.25rem);
}
.three-section__bg-ico {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: auto;
}
.three-section__bg-ico_mob {
    display: none;
}
@media (max-width: 768px) {
    .three-section {
        padding: 1.5rem 0 0;
    }
    .three-section__wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .three-section__left {
        display: none;
    }
    .three-section__right {
        width: 100%;
        padding: 3.375rem 0 2.5rem;
    }
    .three-section__right__content {
        gap: 1.25rem;
        width: 15.75rem;
    }
    .three-section__right__img {
        height: 19.1875rem;
    }
    /* .three-section__right__img__container {
        height: 100%;
    } */
    .three-section__right__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .three-section__right__ico {
        right: 0;
        top: 2.5rem;
        width: 100%;
        transform: translateY(6.25rem);
    }
    .three-section__bg-ico {
        display: none;
    }
    .three-section__bg-ico_mob {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
    }
}
/* three-section end  */

/* four-section start  */

.four-section {
    background: #0d4442;
    padding: 6.25rem 0;
}
.four-section__wrap {
    display: flex;
    justify-content: center;
}
.four-section__text {
    width: 59.375rem;
    color: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.four-section__text .line {
    overflow: hidden;
    height: 1.875rem;
    line-height: 1.875rem;
    display: inline-block;
}

.four-section__text .line-content {
    display: inline-block;
}
.four-section_width .four-section__text {
    width: 77.1875rem;
}
@media (max-width: 768px) {
    .four-section {
        padding: 2.5rem 0;
    }
    .four-section__text {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .four-section__text .line {
        height: 1.25rem;
        line-height: 1.25rem;
    }
    .four-section_width .four-section__text {
        width: 100%;
    }
}
/* four-section end  */

/* five-section start  */
.five-section__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 7.5rem 0;
    border-bottom: 0.0625rem solid #ddd;
    gap: 2.5rem;
}
.five-section__left {
    padding-right: 6.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.five-section__left__right-border {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.0625rem;
    height: 0;
    background: #ddd;
}
.five-section__left_top {
    line-height: 1.5rem;
    max-width: 19.375rem;
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 0%);
    mask-image: linear-gradient(to top, black 0%, transparent 0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: mask-image 0.3s ease;
}
.five-section__left_botoom {
    margin: auto 0 0 auto;
    width: 19.375rem;
    line-height: 1.5rem;
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 0%);
    mask-image: linear-gradient(to top, black 0%, transparent 0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: mask-image 0.3s ease;
}
.five-section__left__title {
    position: absolute;
    width: 41.3125rem;
    padding: 1.75rem 0;
    background: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    z-index: 4;
}
.five-section__left__title .line {
    overflow: hidden;
    height: 1.875rem;
    line-height: 1.875rem;
    display: inline-block;
}

.five-section__left__title .line-content {
    display: inline-block;
}
.five-section__left__line {
    border-left: 0.0625rem solid #ddd;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    transform: translateX(-50%);
}
.five-section__right {
    height: 46.25rem;
    display: flex;
    align-items: end;
}
.five-section__right__img {
    width: 100%;
    height: 0;
}
.five-section__right__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: -25rem;
}
@media (max-width: 768px) {
    .five-section__wrap {
        grid-template-columns: repeat(1, 1fr);
        padding: 1.25rem 0 0;
        border-bottom: none;
        gap: 1.5rem;
    }
    .five-section__left {
        padding-right: 0;
        gap: 1.25rem;
    }
    .five-section__left__right-border {
        display: none;
    }
    .five-section__left_top {
        max-width: 10rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        position: relative;
    }
    .five-section__left_botoom {
        width: 10rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        position: relative;
    }
    .five-section__left__title {
        position: relative;
        width: 100%;
        padding: 1.25rem 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
        left: 0;
        transform: translateX(0) translateY(0);
        top: 0;
    }
    .five-section__left__title .line {
        height: 1.25rem;
        line-height: 1.25rem;
    }
    .five-section__right {
        height: 26.25rem;
        width: 100%;
    }
    .five-section__right__img {
        height: 100%;
    }
    .five-section__right__img img {
        width: calc(100% + 2rem);
        margin: 0 -1rem;
        object-position: -19rem;

    }
}
/* five-section end  */

/* map-section start  */

.map-section {
    position: relative;
}
.map-section__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.map-section__content {
    position: relative;
    z-index: 2;
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 5.1875rem;
    width: 30.0625rem;
}
.map-section__wrap {
    display: flex;
    justify-content: flex-end;
}
.map-section__content__item {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}
.map-section__content__item__name {
    color: #333;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.map-section__content__item ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
}
.map-section__content__item ul li {
    display: grid;
    grid-template-columns: 80% 20%;
    gap: 0.625rem;
}
.map-section__content__item ul li .col {
    color: #003f3d;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
}
.map-section__content__item ul li .col:nth-child(2) {
    text-align: right;
}
.map-section__img_mob {
    display: none;
}
@media (max-width: 768px) {
    .map-section {
        position: relative;
        background: #054947;
        padding-bottom: 2.5rem;
    }
    .map-section__img {
        display: none;
    }
    .map-section__img_mob {
        display: block;
        width: 100%;
        height: auto;
    }
    .map-section__content {
        position: relative;
        z-index: 2;
        right: 0;
        top: 0;
        gap: 1.75rem;
        width: 100%;
        /*margin-top: -3.125rem;*/
    }
    .map-section__content__item {
        gap: 1rem;
    }
    .map-section__content__item__name {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
        color: white;
    }
    .map-section__content__item ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0.75rem;
    }
    .map-section__content__item ul li {
        display: flex;
        justify-content: space-between;
        gap: 0.625rem;
    }
    .map-section__content__item ul li .col {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0.0125rem;
        color: #e3e3e3;
    }
    .map-section__content__item ul li .col:nth-child(2) {
        text-align: right;
    }
}
/* map-section end  */

/* footer start  */

footer {
    margin: auto 0 0 0;
    background: #666362;
    padding: 3.75rem 0 1.625rem;
}
.footer__policy {
    padding-top: 1.375rem;
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.footer__policy_top {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 3.75rem;
    width: 100%;
}
.footer__policy__copyright {
    margin: 0 auto 0 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: rgba(255, 255, 255, 0.8);
    font-family: "Druk Wide Cyr";
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.01rem;
    text-transform: uppercase;
}
.footer__policy__copyright svg {
    width: 0.875rem;
    height: auto;
}
.footer__policy__link {
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.01rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.footer__policy__link:hover {
    text-decoration: underline;
}
.footer__policy__text {
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-family: Montserrat;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.875rem;
}
.footer__bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-bottom: 0.5rem;
    padding-top: 6.875rem;
    position: relative;
}
.footer__bottom__line {
    position: absolute;
    width: 0.0625rem;
    height: 8.75rem;
    background: rgba(255, 255, 255, 0.2);
    left: 50%;
    bottom: 0;
}
.footer__bottom_left {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}
.footer__bottom_left .name {
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
}
.footer__socies__content ul {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.footer__socies__content ul li {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.footer__socies__content ul li:not(:last-child)::after {
    content: "";
    width: 0.0625rem;
    height: 1.25rem;
    background: rgba(255, 255, 255, 0.2);
}
.footer__socies__content ul li a {
    display: flex;
}
.footer__socies__content ul li a svg {
    width: 2.5rem;
    height: auto;
}
.footer__socies__content ul li a:hover svg path {
    fill: #525151;
}
.footer__bottom_right {
    display: flex;
    justify-content: end;
}
.footer__bottom_right nav ul {
    display: flex;
    align-items: center;
    gap: 2.1875rem;
}
.footer__bottom_right nav ul li a {
    color: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    padding-bottom: 0.375rem;
    display: flex;
    border-bottom: 0.125rem solid transparent;
}
.footer__bottom_right nav ul li a:hover {
    border-bottom: 0.125rem solid #fff;
}
.footer__navigation .footer__top {
    display: flex;
    justify-content: space-between;
}
.footer__navigation .footer__top .col-left,
.footer__navigation .footer__top .col-right {
    width: 30%;
}
.footer__navigation .footer__top .col-center {
    width: 40%;
    display: flex;
    justify-content: center;
}
.footer__logo {
    display: flex;
}
.footer__logo img {
    width: 32.8233rem;
    height: auto;
}
.footer__navigation .footer__top .col-right {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 0.75rem;
}
.footer__tel {
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.footer__btn {
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    display: flex;
    padding: 0.625rem 2.5rem;
    border-top: 0.0625rem solid #fff;
    border-bottom: 0.0625rem solid #fff;
    transition: all 0.3s ease;
}
.footer__btn:hover {
    background: #525151;
    border-top: 0.0625rem solid #525151;
    border-bottom: 0.0625rem solid #525151;
}
.footer__navigation .footer__top .col-left .col-left__name {
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
    margin-bottom: 1.375rem;
}
.footer__navigation .footer__top .col-left .col-left__content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.footer__navigation .footer__top .col-left .col-left__content .col-left__content__time {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.footer__top .col-center__line {
    display: none;
}
@media (max-width: 768px) {
    footer {
        padding: 2.5rem 0 1.25rem;
    }
    .footer__policy {
        padding-top: 1.75rem;
    }
    .footer__policy_top {
        flex-direction: column;
        align-items: start;
        gap: 0.5rem;
    }
    .footer__policy__link:hover {
        text-decoration: none;
    }
    .footer__policy__text {
        text-align: left;
    }
    .footer__bottom {
        grid-template-columns: repeat(1, 1fr);
        align-items: start;
        margin-bottom: 1.75rem;
        padding-top: 0;
        margin-top: 1.75rem;
        gap: 1.75rem;
    }
    .footer__bottom__line {
        display: none;
    }
    .footer__bottom_left {
        flex-direction: column;
        align-items: start;
        gap: 0.5rem;
    }
    .footer__socies__content ul li a:hover svg path {
        fill: #fff;
    }
    .footer__bottom_right {
        justify-content: start;
        padding-top: 1.75rem;
        border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
    }
    .footer__bottom_right nav ul {
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }
    .footer__bottom_right nav ul li a {
        text-align: left;
        font-size: 0.75rem;
        line-height: 1.5rem;
        letter-spacing: 0.015rem;
        padding-bottom: 0;
        border-bottom: none;
    }
    .footer__bottom_right nav ul li a:hover {
        border-bottom: none;
    }
    .footer__navigation .footer__top {
        flex-direction: column;
        gap: 1.75rem;
    }
    .footer__navigation .footer__top .col-left,
    .footer__navigation .footer__top .col-right {
        width: 100%;
    }
    .footer__navigation .footer__top .col-center {
        width: 100%;
        order: 1;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: 1.75rem;
    }
    .footer__navigation .footer__top .col-left {
        order: 3;
    }
    .footer__navigation .footer__top .col-right {
        order: 2;
    }
    .footer__logo img {
        width: 100%;
    }
    .footer__navigation .footer__top .col-right {
        align-items: start;
        gap: 1rem;
        padding-top: 1.75rem;
        border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
    }
    .footer__tel {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .footer__btn {
        justify-content: center;
        padding: 0.875rem;
        width: 100%;
    }
    .footer__btn:hover {
        background: none;
        border-top: 0.0625rem solid #fff;
        border-bottom: 0.0625rem solid #fff;
    }
    .footer__navigation .footer__top .col-left .col-left__name {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
        margin-bottom: 0.5rem;
    }
    .footer__navigation .footer__top .col-left .col-left__content {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .footer__top .col-center__line {
        display: block;
        width: 0.0625rem;
        height: 3.75rem;
        background: rgba(255, 255, 255, 0.2);
    }
}
/* footer end  */

/* notfound start  */

.notfound {
    height: 48rem;
    position: relative;
    padding-top: 7.8125rem;
    overflow: hidden;
}
.notfound__bg {
    position: absolute;
    top: 7.8125rem;
    right: 7.875rem;
    height: calc(100% - 7.8125rem);
    width: auto;
}
.notfound__wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    position: relative;
    z-index: 2;
}
.notfound__title {
    color: #333;
    font-family: "Druk Wide Cyr";
    font-size: 12.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 12.5rem;
    letter-spacing: 1rem;
    text-transform: uppercase;
}
.notfound__right {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.notfound__subtitle {
    color: #333;
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.notfound__text {
    color: #333;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: 0.5rem;
}
.notfound__btn {
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    padding: 1.125rem 7.0625rem;
    transition: all 0.3s ease;
    background: #003f3d;
    margin-top: 1.75rem;
}
.notfound__btn:hover {
    background: #054947;
}
@media (max-width: 768px) {
    .notfound {
        height: 30.875rem;
        padding-top: 3.4375rem;
    }
    .notfound__bg {
        top: 3.4375rem;
        right: auto;
        left: 0;
        height: calc(100% - 3.4375rem);
        transform: scaleX(-1);
    }
    .notfound__wrap {
        flex-direction: column;
        gap: 1.25rem;
    }
    .notfound__title {
        font-size: 5rem;
        line-height: 5rem;
        letter-spacing: 0.4rem;
        text-align: center;
    }
    .notfound__right {
        align-items: center;
    }
    .notfound__subtitle {
        font-size: 0.6875rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
        text-align: center;
    }
    .notfound__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-align: center;
    }
    .notfound__btn {
        padding: 1.125rem;
        width: 100%;
        text-align: center;
    }
    .notfound__btn:hover {
        background: #003f3d;
    }
}
/* notfound end  */

/* breadcrumbs start  */

.breadcrumbs ul {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.breadcrumbs ul li {
    color: #878789;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.5rem;
}
.breadcrumbs ul li a {
    color: #333;
    line-height: 1.5rem;
}
.breadcrumbs ul li:not(:last-child)::after {
    content: "";
    width: 0.0938rem;
    height: 0.875rem;
    background: #333;
}
@media (max-width: 768px) {
    .breadcrumbs ul {
        gap: 0.625rem;
    }
    .breadcrumbs ul li {
        gap: 0.625rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .breadcrumbs ul li a {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* breadcrumbs end  */

/* contact-page start  */

.contact-page {
    margin: 10.1875rem 0 7.5rem;
}
.contact-page__title {
    margin-top: 2.5rem;
}
.contact-page__main {
    margin-top: 3.75rem;
    display: flex;
    align-items: start;
    gap: 2.5rem;
}
.contact-page__left {
    flex: 1;
}
.contact-page__right {
    width: 63.125rem;
    padding: 3.75rem 3.75rem 2.5rem;
    background: url("../images/contact_form_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-page__right__title {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.contact-page__right__text {
    line-height: 1.5rem;
    margin-top: 1rem;
}
.contact-page__right form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-top: 2.5rem;
}
.contact-page__form-row {
    display: flex;
    gap: 1.25rem;
    width: 100%;
}
.contact-page__form-row .formName,
.contact-page__form-row .formTel {
    width: calc(50% - 0.625rem);
}
.contact-page__form-row .formText {
    width: 100%;
}
.contact-page__form-row input {
    padding: 1.125rem 0;
    color: #333;
    font-family: Manrope;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    border-bottom: 0.0625rem solid #333;
    background: none;
}
.contact-page__form-bottom {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    margin-top: 1.25rem;
}
.contact-page__form-bottom button {
    width: 33.75rem;
    display: flex;
    justify-content: center;
    padding: 1.125rem;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    background: #003f3d;
    transition: all 0.3s ease;
}
.contact-page__form-bottom button:hover {
    background: #054947;
}
.contact-page__form-policy {
    font-size: 0.75rem;
    line-height: 0.875rem;
}
.contact-page__right__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding-top: 1.25rem;
    margin-top: 5.5rem;
    border-top: 0.0625rem solid #000;
}
.contact-page__right__bottom__text {
    color: #292929;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.contact-page__right__bottom__socies ul {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.contact-page__right__bottom__socies ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.contact-page__right__bottom__socies ul li:not(:last-child)::after {
    content: "";
    width: 0.0625rem;
    height: 1.25rem;
    background: #333;
}
.contact-page__right__bottom__socies ul li a {
    display: flex;
}
.contact-page__right__bottom__socies ul li a svg {
    width: 2.5rem;
    height: auto;
}
.contact-page__left .accordion {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
}
.contact-page__left .accordion__header {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    cursor: pointer;
    color: #333;
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.contact-page__left .accordion__item:not(:last-child) {
    border-bottom: 0.0625rem solid #333;
    padding-bottom: 2.25rem;
}
.contact-page__left .accordion__header::after {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 0.5rem;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_2032_2762' fill='white'%3E%3Cpath d='M0.572266 0.400055L7.60084 7.42863C7.65214 7.48329 7.7141 7.52686 7.7829 7.55664C7.8517 7.58642 7.92587 7.60179 8.00084 7.60179C8.0758 7.60179 8.14998 7.58642 8.21877 7.55664C8.28757 7.52686 8.34953 7.48329 8.40084 7.42863L15.4294 0.400055'/%3E%3C/mask%3E%3Cpath d='M1.98648 -1.01416L0.572266 -2.42837L-2.25616 0.400055L-0.841948 1.81427L1.98648 -1.01416ZM7.60084 7.42863L9.05917 6.05995C9.04471 6.04454 9.03 6.02936 9.01505 6.01441L7.60084 7.42863ZM8.00084 7.60179V5.60179V7.60179ZM8.40084 7.42863L6.98662 6.01441C6.97168 6.02936 6.95697 6.04454 6.9425 6.05995L8.40084 7.42863ZM16.8436 1.81427L18.2578 0.400055L15.4294 -2.42837L14.0152 -1.01416L16.8436 1.81427ZM0.572266 0.400055L-0.841948 1.81427L6.18662 8.84284L7.60084 7.42863L9.01505 6.01441L1.98648 -1.01416L0.572266 0.400055ZM7.60084 7.42863L6.1425 8.7973C6.38085 9.05126 6.66872 9.25367 6.98834 9.39204L7.7829 7.55664L8.57746 5.72125C8.75948 5.80005 8.92343 5.91532 9.05917 6.05995L7.60084 7.42863ZM7.7829 7.55664L6.98834 9.39204C7.30795 9.5304 7.65254 9.60179 8.00084 9.60179V7.60179V5.60179C8.1992 5.60179 8.39545 5.64245 8.57746 5.72125L7.7829 7.55664ZM8.00084 7.60179V9.60179C8.34914 9.60179 8.69372 9.5304 9.01334 9.39204L8.21877 7.55664L7.42421 5.72125C7.60623 5.64245 7.80247 5.60179 8.00084 5.60179V7.60179ZM8.21877 7.55664L9.01334 9.39204C9.33295 9.25367 9.62082 9.05126 9.85917 8.7973L8.40084 7.42863L6.9425 6.05995C7.07825 5.91532 7.24219 5.80005 7.42421 5.72125L8.21877 7.55664ZM8.40084 7.42863L9.81505 8.84284L16.8436 1.81427L15.4294 0.400055L14.0152 -1.01416L6.98662 6.01441L8.40084 7.42863Z' fill='%23333333' mask='url(%23path-1-inside-1_2032_2762)'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: transform 0.3s ease;
    margin: 0 0 0 auto;
}
.contact-page__left .accordion__item_show .accordion__header::after,
.contact-page__left .accordion__item_slidedown .accordion__header::after {
    content: "";
    flex-shrink: 0;
    transform: scaleY(-1);
    transition: transform 0.3s ease;
}
.contact-page__left .accordion__content {
    padding-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.contact-page__left .accordion__content .contact-page__accordion-content__address {
    line-height: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 0.0625rem solid #ddd;
}
.contact-page__left .accordion__content .contact-page__accordion-content_bottom {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
}
.contact-page__left .accordion__content .contact-page__accordion-content_bottom .col {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.contact-page__left .accordion__content .contact-page__accordion-content_bottom .col .name {
    color: #878789;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.contact-page__left .accordion__content .contact-page__accordion-content_bottom .col .content {
    display: flex;
    gap: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.contact-page__left .accordion__item:not(.accordion__item_show) .accordion__body {
    display: none;
}
@media (max-width: 768px) {
    .contact-page {
        margin: 4.25rem 0 0;
    }
    .contact-page__title {
        margin-top: 1rem;
    }
    .contact-page__main {
        margin-top: 1.25rem;
        flex-direction: column;
    }
    .contact-page__left {
        width: 100%;
    }
    .contact-page__right {
        width: 100%;
        padding: 2.5rem 1rem 3.75rem;
        background: none;
        position: relative;
        background: #f4f4f4;
        margin: 0 -1rem;
        width: calc(100% + 2rem);
    }
    .contact-page__right__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
        text-align: center;
    }
    .contact-page__right__text {
        line-height: 1.5rem;
        text-align: center;
    }
    .contact-page__right form {
        margin-top: 1.75rem;
    }
    .contact-page__form-row {
        flex-direction: column;
    }
    .contact-page__form-row .formName,
    .contact-page__form-row .formTel {
        width: 100%;
    }
    .contact-page__form-row .formText {
        width: 100%;
    }
    .contact-page__form-row input {
        padding: 1.25rem 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .contact-page__form-bottom {
        flex-direction: column;
        gap: 0.875rem;
        margin-top: 1.25rem;
    }
    .contact-page__form-bottom button {
        width: 100%;
    }
    .contact-page__form-bottom button:hover {
        background: #003f3d;
    }
    .contact-page__form-policy {
        text-align: center;
    }
    .contact-page__right__bottom {
        flex-direction: column;
        margin-top: 3.75rem;
    }
    .contact-page__right__bottom__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
        text-align: center;
    }
    .contact-page__right__bottom__socies ul {
        justify-content: center;
    }

    .contact-page__left .accordion {
        gap: 1.5rem;
    }
    .contact-page__left .accordion__header {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .contact-page__left .accordion__item:not(:last-child) {
        padding-bottom: 1.5rem;
    }
    .contact-page__left .accordion__header::after {
        width: 0.9375rem;
        height: 0.4375rem;
    }
    .contact-page__left .accordion__content .contact-page__accordion-content__address {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .contact-page__left .accordion__content .contact-page__accordion-content_bottom {
        flex-direction: column;
        gap: 1rem;
    }
    .contact-page__left .accordion__content .contact-page__accordion-content_bottom .col .name {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .contact-page__left .accordion__content .contact-page__accordion-content_bottom .col .content {
        justify-content: start;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* contact-page end  */

/* post-page start  */

.post-page {
    margin: 9.0625rem 0 7.5rem;
}
.post-page__title {
    margin-top: 2.5rem;
}
.post-page__main {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.post-page__img {
    width: 100%;
    height: auto;
}
.post-page__text {
    line-height: 1.5rem;
    width: 70%;
}
.post-page__text * img, .post-page__text img{
    max-width: 100%;
}
.post-page__text ul {
    padding-left: 1.5625rem;
}
.post-page__text p {
    padding: 1rem 0;
}
.post-page__text ul li {
    list-style-type: disc;
}
.post-page__back {
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.5rem;
}
.post-page__back::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='path-1-inside-1_553_7976' fill='white'%3E%3Cpath d='M11.5996 0.571411L4.57104 7.59998C4.51637 7.65129 4.47281 7.71325 4.44302 7.78205C4.41324 7.85084 4.39787 7.92502 4.39787 7.99998C4.39787 8.07495 4.41324 8.14912 4.44302 8.21792C4.47281 8.28672 4.51637 8.34868 4.57104 8.39998L11.5996 15.4286'/%3E%3C/mask%3E%3Cpath d='M13.0138 1.98562L14.428 0.571411L11.5996 -2.25702L10.1854 -0.842802L13.0138 1.98562ZM4.57104 7.59998L5.93971 9.05832C5.95512 9.04385 5.9703 9.02914 5.98525 9.0142L4.57104 7.59998ZM4.39787 7.99998H6.39787H4.39787ZM4.57104 8.39998L5.98525 6.98577C5.9703 6.97082 5.95512 6.95611 5.93971 6.94165L4.57104 8.39998ZM10.1854 16.8428L11.5996 18.257L14.428 15.4286L13.0138 14.0143L10.1854 16.8428ZM11.5996 0.571411L10.1854 -0.842802L3.15682 6.18577L4.57104 7.59998L5.98525 9.0142L13.0138 1.98562L11.5996 0.571411ZM4.57104 7.59998L3.20236 6.14165C2.9484 6.38 2.74599 6.66787 2.60763 6.98748L4.44302 7.78205L6.27842 8.57661C6.19962 8.75863 6.08434 8.92257 5.93971 9.05832L4.57104 7.59998ZM4.44302 7.78205L2.60763 6.98748C2.46927 7.3071 2.39787 7.65168 2.39787 7.99998H4.39787H6.39787C6.39787 8.19835 6.35721 8.39459 6.27842 8.57661L4.44302 7.78205ZM4.39787 7.99998H2.39787C2.39787 8.34828 2.46927 8.69287 2.60763 9.01248L4.44302 8.21792L6.27842 7.42336C6.35721 7.60537 6.39787 7.80162 6.39787 7.99998H4.39787ZM4.44302 8.21792L2.60763 9.01248C2.74599 9.3321 2.9484 9.61997 3.20236 9.85832L4.57104 8.39998L5.93971 6.94165C6.08434 7.07739 6.19962 7.24134 6.27842 7.42336L4.44302 8.21792ZM4.57104 8.39998L3.15682 9.8142L10.1854 16.8428L11.5996 15.4286L13.0138 14.0143L5.98525 6.98577L4.57104 8.39998Z' fill='%23333333' mask='url(%23path-1-inside-1_553_7976)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 1rem;
    height: 1rem;
}
@media (max-width: 768px) {
    .post-page {
        margin: 4.25rem 0 3.75rem;
    }
    .post-page__title {
        margin-top: 1rem;
    }
    .post-page__main {
        margin-top: 1.25rem;
        gap: 1.25rem;
    }
    .post-page__text {
        line-height: 1.5rem;
        width: 100%;
    }
    .post-page__img {
        width: calc(100% + 2rem);
        margin: 0 -1rem;
        height: 26.25rem;
        object-fit: cover;
    }
    .post-page__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        width: 100%;
    }
    .post-page__back {
        margin-top: 1.75rem;
    }
    .post-page__text ul {
        padding-left: 1.25rem;
    }
}
/* post-page end  */
/* media-page start  */

.media-page {
    margin: 9.0625rem 0 7.5rem;
}

.media-page__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-top: 2.5rem;
}

.media-page__main {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.media-page__item {
    display: flex;
    flex-direction: column;
    padding: 0;
    transition: all 0.3s ease;
    text-decoration: none;
    color: inherit;
}

.media-page__item:hover {
    transform: translateY(-0.25rem);
}

.media-page__item__img {
    width: 100%;
    height: 17rem;
    overflow: hidden;
}

.media-page__item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.media-page__item:hover .media-page__item__img img {
    transform: scale(1.05);
}

.media-page__item__content {
    padding: 1.5rem 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.media-page__item__info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.media-page__item__name {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.media-page__item:hover .media-page__item__name {
    color: #003f3d;
}

.media-page__item__date {
    font-size: 0.75rem;
    line-height: 1rem;
    color: #666;
    margin-top: auto;
}

.media-page__item__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.media-page__item__date_mob {
    display: none;
}

/* Кнопки медиа */
.media-page__btn {
    display: flex;
    gap: 3.75rem;
}

.media-page__btn .radio-item {
    display: flex;
    align-items: center;
    position: relative;
}

.media-page__btn .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.media-page__btn .radio-label {
    cursor: pointer;
    user-select: none;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.media-page__btn .radio-input:checked + .radio-label {
    color: #0f4745;
}

.media-page__btn .radio-input:checked + .radio-label::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.0625rem;
    background: #0f4745;
    bottom: -0.5rem;
    left: 0;
}

/* Стили для чекбоксов формы */
.form-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 20px;
}

.form-checkbox.contact-page__form-policy, .form-checkbox.form-section__form__policy {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 0;
}

.form-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(5, 73, 71, 1);
    border-radius: 3px;
    background-color: white;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    margin-top: 2px;
    padding: 0!important;
}

.form-checkbox input[type="checkbox"]:checked {
    background-color: rgba(5, 73, 71, 1);
    border-color: rgba(5, 73, 71, 1);
}

.form-checkbox input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.23231 7C3.09452 7 2.95672 6.94741 2.85154 6.84222L0.157776 4.14846C-0.052592 3.93809 -0.052592 3.5973 0.157776 3.38693C0.368144 3.17656 0.708941 3.17656 0.919309 3.38693L3.23231 5.69992L8.77446 0.157776C8.98482 -0.052592 9.32562 -0.052592 9.53599 0.157776C9.74636 0.368144 9.74636 0.708941 9.53599 0.919309L3.61307 6.84222C3.50789 6.94741 3.3701 7 3.23231 7Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.form-checkbox label {
    cursor: pointer;
    line-height: 1.4;
    font-size: 14px;
}

.form-checkbox label a {
    color: rgba(5, 73, 71, 1);
    text-decoration: underline;
}

.form-checkbox label a:hover {
    text-decoration: none;
}

.form-checkbox.error input[type="checkbox"] {
    border-color: #ff0000;
}

.form-checkbox .error-message {
    color: #ff0000;
    font-size: 12px;
    margin-top: 4px;
}

/* Кнопка "Показать еще" */
.media__btn-more, .load-more-section {
    margin-top: 2.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1.5rem;
    border-top: 0.0625rem solid #333;
    border-bottom: 0.0625rem solid #333;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-decoration: none;
    color: inherit;
    grid-column: 1 / -1;
}

.media__btn-more:hover {
    background: #054947;
    color: #fff;
    border-top: 0.0625rem solid #054947;
    border-bottom: 0.0625rem solid #054947;
}

.load-more-btn {
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
}

/* Адаптивность для планшетов */
@media (max-width: 1200px) {
    .media-page__main {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .media-page__main {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .media-page__item__img {
        height: 10rem;
    }
}

/* Мобильная версия */
@media (max-width: 768px) {
    .media-page {
        margin: 4.25rem 0 3.75rem;
    }
    
    .media-page__header {
        margin-top: 1.25rem;
    }
    
    .media-page__main {
        margin-top: 1.25rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        grid-template-columns: none;
    }
    
    .media-page__item {
        flex-direction: column;
        gap: 0.75rem;
        border-bottom: 0.0625rem solid #333;
        padding-bottom: 1.5rem;
    }
    
    .media-page__item:first-child {
        border-top: none;
        padding-top: 0;
    }
    
    .media-page__item:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .media-page__item:hover {
        transform: none;
    }
    
    .media-page__item__img {
        width: 100%;
        height: 12.7579rem;
    }
    
    .media-page__item__content {
        width: 100%;
        padding: 0;
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .media-page__item__info {
        width: 100%;
    }
    
    .media-page__item__name {
        gap: 0.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    
    .media-page__item:hover .media-page__item__name {
        color: #333;
    }
    
    .media-page__item__date {
        display: none;
    }
    
    .media-page__item__date_mob {
        display: flex;
        margin-top: 0.5rem;
        font-size: 0.75rem;
        line-height: 0.875rem;
    }
    
    .media-page__item__text {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        -webkit-line-clamp: none;
        overflow: visible;
        display: block;
    }
    
    .media-page__btn {
        gap: 1.75rem;
    }
    
    .media-page__btn .radio-label {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    
    .media-page__btn .radio-input:checked + .radio-label::after {
        bottom: -0.25rem;
    }
    
    .media__btn-more {
        margin-top: 1.75rem;
        padding: 1.125rem;
    }
    
    .media__btn-more:hover {
        background: none;
        color: #333;
        border-top: 0.0625rem solid #333;
        border-bottom: 0.0625rem solid #333;
    }
}

/* media-page end */
/* gallery-page start  */

.gallery-page {
    margin: 9.0625rem 0 7.5rem;
}
.gallery-page__header {
    margin-top: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gallery-page__btn {
    display: flex;
    gap: 3.75rem;
}
.gallery-page__btn .radio-item {
    display: flex;
    align-items: center;
    position: relative;
}
.gallery-page__btn .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.gallery-page__btn .radio-label {
    cursor: pointer;
    user-select: none;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    position: relative;
}
.gallery-page__btn .radio-input:checked + .radio-label {
    color: #0f4745;
}
.gallery-page__btn .radio-input:checked + .radio-label::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.0625rem;
    background: #0f4745;
    bottom: -0.5rem;
    left: 0;
}
.gallery-page__main {
    margin-top: 2.5rem;
}
.gallery-page__main .tab-content {
    display: none;
}
.gallery-page__main .tab-content.active {
    display: block;
}
.gallery-page__swiper {
    width: 100%;
}
.gallery-page__swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-page__swiper-btn {
    display: flex;
    justify-content: end;
    margin-top: 1.25rem;
}
.gallery-page__swiper__prev,
.gallery-page__swiper__next {
    width: 3.5rem;
    height: 3.5rem;
    border: 0.0625rem solid #1d1d1d;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.gallery-page__swiper__prev:hover,
.gallery-page__swiper__next:hover {
    background: #003f3d;
    background: 0.0625rem solid #003f3d;
}
.gallery-page__swiper__prev svg,
.gallery-page__swiper__next svg {
    width: 2rem;
    height: auto;
}
.gallery-page__swiper__prev:hover svg path,
.gallery-page__swiper__next:hover svg path {
    fill: #fff;
}
@media (max-width: 768px) {
    .gallery-page {
        margin: 4.25rem 0 3.75rem;
    }
    .gallery-page__header {
        margin-top: 1rem;
        flex-direction: column;
        align-items: start;
        gap: 1.25rem;
    }
    .gallery-page__btn {
        display: flex;
        gap: 1.75rem;
        overflow-y: auto;
        width: 100%;
        padding-bottom: 0.3125rem;
    }
    .gallery-page__btn .radio-label {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
        white-space: nowrap;
    }
    .gallery-page__btn .radio-input:checked + .radio-label::after {
        bottom: -0.25rem;
    }
    .gallery-page__main {
        margin-top: 1.5rem;
    }
    .gallery-page__swiper-btn {
        justify-content: center;
    }
    .gallery-page__swiper__prev,
    .gallery-page__swiper__next {
        width: 2.5rem;
        height: 2.5rem;
    }
    .gallery-page__swiper__prev svg,
    .gallery-page__swiper__next svg {
        width: 1.75rem;
        height: auto;
    }
    .gallery-page__swiper__prev:hover,
    .gallery-page__swiper__next:hover {
        background: none;
        background: 0.0625rem solid #1d1d1d;
    }
    .gallery-page__swiper__prev:hover svg path,
    .gallery-page__swiper__next:hover svg path {
        fill: #262626;
    }
}
/* gallery-page end  */

/* about-hero start  */

.about-hero {
    padding: 9.0625rem 0 7.5rem;
    position: relative;
    overflow: hidden;
}
.about-hero__bg {
    position: absolute;
    top: 7.8125rem;
    left: 9.4375rem;
    height: 100%;
    width: auto;
}
.about-hero__wrap {
    position: relative;
    z-index: 2;
}
.about-hero__main {
    margin-top: 3.75rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}
        .about-hero__right {
            height: 41.5rem;
            position: relative;
            overflow: hidden;
            cursor: pointer;
        }

        .about-hero__right img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .about-hero__right iframe {
            width: 100%;
            height: 100%;
            border: none;
            display: none;
        }

        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 10;
        }

        .play-button:hover {
            transform: translate(-50%, -50%) scale(1.1);
        }

        .play-button svg {
            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
        }

        /* Состояние когда показывается видео */
        .about-hero__right.video-active img {
            display: none;
        }

        .about-hero__right.video-active iframe {
            display: block;
        }

        .about-hero__right.video-active .play-button {
            display: none;
        }
.about-hero__left {
    padding-right: 2.5rem;
    border-right: 0.0625rem solid #ddd;
    display: flex;
    flex-direction: column;
}
.about-hero__left__content_top-line {
    position: absolute;
    width: 0.0625rem;
    height: 12rem;
    background: #ddd;
    bottom: 0;
    left: 50%;
}
.about-hero__left__content_bottom-line {
    position: absolute;
    width: 0.0625rem;
    height: 10.5rem;
    background: #ddd;
    top: 0;
    left: 50%;
}
.about-hero__left__content {
    margin-top: 3.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.about-hero__left__top {
    width: 18.7613rem;
    line-height: 1.5rem;
    position: relative;
    z-index: 2;
}
.about-hero__left__center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
    max-width: 41.3125rem;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.about-hero__left__bottom {
    width: 16.9477rem;
    line-height: 1.5rem;
    margin: 0 4rem 0 auto;
    position: relative;
    z-index: 2;
}
.about-hero__bg_mob {
    display: none;
}
@media (max-width: 768px) {
    .about-hero {
        padding: 4.25rem 0 3.75rem;
    }
    .about-hero__bg {
        display: none;
    }
    .about-hero__main {
        margin-top: 1rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .about-hero__right {
        height: 26.25rem;
        margin: 0 -1rem;
    }
    .about-hero__left {
        padding-right: 0;
        border-right: none;
        padding-bottom: 1.25rem;
        position: relative;
    }
    .about-hero__bg_mob {
        display: block;
        width: auto;
        height: calc(100% + 3rem);
        position: absolute;
        top: -3rem;
        left: -1rem;
    }
    .about-hero__left__content_top-line {
        height: 12.5rem;
    }
    .about-hero__left__content_bottom-line {
        height: 10rem;
    }
    .about-hero__left__content {
        margin-top: 1.25rem;
        gap: 1.875rem;
    }
    .about-hero__left__top {
        width: 10rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .about-hero__left__center {
        gap: 1rem;
        max-width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .about-hero__left__bottom {
        width: 9.3125rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin: 0 0.3125rem 0 auto;
    }
}
/* about-hero end  */

/* about-text start  */

.about-text {
    background: #f4f4f4;
    padding: 5rem 0;
}
.about-text__wrap {
    display: flex;
    justify-content: center;
}
.about-text__text {
    width: 75.375rem;
    color: #333;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .about-text {
        padding: 2.5rem 0;
    }
    .about-text__text {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
}
/* about-text end  */

/* about-img start  */

.about-img img {
    width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    .about-img {
        height: 26.25rem;
    }
    .about-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* about-img end  */

/* about-achievements start  */

.about-achievements {
    margin: 6.25rem 0 7.5rem;
}
.about-achievements__wrap {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
}
.about-achievements__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5rem;
    padding-top: 3.75rem;
    border-top: 0.0625rem solid #333;
}
.about-achievements__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.875rem;
    height: 11.25rem;
    position: relative;
}
.about-achievements__item:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0.0625rem;
    top: 0;
    right: -2.5rem;
    background: #333;
}
.about-achievements__item__value {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.about-achievements__item__text {
    line-height: 1.5rem;
}
@media (max-width: 768px) {
    .about-achievements {
        margin: 1.25rem 0 3.75rem;
    }
    .about-achievements__wrap {
        flex-direction: column;
        gap: 1.25rem;
    }
    .about-achievements__row {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
        padding-top: 0;
        border-top: none;
    }
    .about-achievements__item {
        gap: 1.25rem;
        border-top: 0.0625rem solid #333;
        padding-top: 1.25rem;
        height: auto;
    }
    .about-achievements__item:not(:last-child)::after {
        content: "";
        height: 0;
        width: 0;
        top: 0;
        right: 0;
    }
    .about-achievements__item__value {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .about-achievements__item__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        width: 95%;
    }
}
/* about-achievements end  */
        .comerc-hero {
            padding: 9.0625rem 0 7.5rem;
            position: relative;
        }
        .comerc-hero__bg {
            position: absolute;
            width: 100%;
            height: auto;
            left: 0;
            top: 0;
        }
        .comerc-hero__wrap {
            position: relative;
            z-index: 2;
        }
        .comerc-hero__main {
            display: flex;
            gap: 2.5rem;
            margin-top: 3.75rem;
        }
        .comerc-hero__left {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .comerc-hero__right {
            width: 50rem;
            height: 40rem;
        }
        .comerc-hero__right img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .comerc-hero__title {
            font-size: 2.5rem;
            font-weight: bold;
            line-height: 1.2;
            margin: 0 0 2rem 0;
            color: #333;
        }
        .comerc-hero__description {
            margin-bottom: 2rem;
        }
        .comerc-hero__description__text {
            line-height: 1.6;
            margin-bottom: 1rem;
            color: #666;
        }
        .comerc-hero__description__subtitle {
            font-family: "Druk Wide Cyr", Arial, sans-serif;
            font-size: 0.875rem;
            font-weight: 500;
            line-height: 1.4;
            letter-spacing: 0.02rem;
            text-transform: uppercase;
            color: #333;
        }
        .comerc-hero__stats {
            margin-bottom: 3rem;
        }
        .comerc-hero__areas {
            margin-bottom: 2rem;
            padding: 2rem 0;
            border-bottom: 1px solid rgba(0, 0, 0, 1);
            border-top: 1px solid rgba(0, 0, 0, 1);
            display: flex;
            gap: 2rem;
            justify-content: space-between;
            align-items: center;
        }
        .comerc-hero__areas__value {
            font-family: "Druk Wide Cyr", Arial, sans-serif;
            font-size: 1.75rem;
            font-weight: 500;
            line-height: 1.2;
            letter-spacing: 0.02rem;
            text-transform: uppercase;
            color: #333;
        }
        .comerc-hero__areas__text {
            line-height: 1.5;
            color: #666;
        }
        .comerc-hero__building-stats {
            display: flex;
            gap: 4rem;
            justify-content: space-between;
            padding: 2rem 0;
        }
        .line_comerc-hero__stat{
            border-right: 1px solid black;
            height: 2.75rem;
        }
        .comerc-hero__stat {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
            flex-direction: column;
            border-bottom: 1px solid black;
            padding: 1rem 0;
        }
        .comerc-hero__stat__value {
            font-family: "Druk Wide Cyr", Arial, sans-serif;
            font-size: 3rem;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0.02rem;
            color: #333;
        }
        .comerc-hero__stat__text {
            line-height: 1.4;
            color: #666;
        }
        .comerc-hero__btn {
            width: 100%;
            padding: 1.4375rem;
            color: #fff;
            font-family: "Druk Wide Cyr", Arial, sans-serif;
            font-size: 0.75rem;
            font-weight: 500;
            line-height: 0.875rem;
            letter-spacing: 0.06rem;
            text-transform: uppercase;
            background: #003f3d;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }
        .comerc-hero__btn:hover {
            background: #054947;
        }
        .comerc-hero__bg_mob {
            display: none;
        }

        /* Breadcrumbs styling */
        .breadcrumbs ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            gap: 1rem;
        }
        .breadcrumbs li {
            position: relative;
        }
        .breadcrumbs li:not(:last-child)::after {
            content: '/';
            margin-left: 1rem;
            color: #999;
        }
        .breadcrumbs a {
            color: #666;
            text-decoration: none;
        }
        .breadcrumbs a:hover {
            color: #003f3d;
        }

        @media (max-width: 768px) {
            .comerc-hero {
                padding: 4.25rem 0 2.5rem;
            }
            .comerc-hero__bg_mob {
                display: block;
                position: absolute;
                left: -1rem;
                top: 0;
                width: calc(100% + 2rem);
                z-index: -1;
            }
            .comerc-hero__bg {
                display: none;
            }
            .comerc-hero__main {
                flex-direction: column;
                gap: 1.25rem;
                margin-top: 1.25rem;
            }
            .comerc-hero__title {
                font-size: 1.5rem;
                margin-bottom: 1rem;
            }
            .comerc-hero__right {
                width: calc(100% + 2rem);
                height: 26.25rem;
                margin: 0 -1rem;
                order: -1;
            }
            .comerc-hero__left {
                padding: 1.25rem 0;
            }
            .comerc-hero__description__text {
                font-size: 0.875rem;
                line-height: 1.4;
            }
            .comerc-hero__description__subtitle {
                font-size: 0.75rem;
                line-height: 1.3;
            }
            .comerc-hero__areas__value {
                font-size: 1rem;
            }
            .comerc-hero__building-stats {
                gap: 0;
                flex-direction: column;
                padding:  0;
            }
            .line_comerc-hero__stat{
                display: none;
            }
            .comerc-hero__stat__value {
                font-size: 2rem;
            }
            .comerc-hero__stat__text {
                font-size: 0.875rem;
            }
            .comerc-hero__btn {
                padding: 1.125rem;
                font-size: 0.625rem;
                line-height: 0.75rem;
                letter-spacing: 0.0125rem;
                max-width: none;
            }
            .comerc-hero__stats {
                margin-bottom: 2rem;
            }
            .comerc-hero__areas {
                margin-bottom: 0;
                padding-bottom: 1rem;
                padding-top: 1rem;
                flex-direction: column;
                gap: 0.25rem;
                align-items: flex-start;
            }
        }
        /* comerc-hero end  */

/* comerc-advantages start  */
.comerc-advantages {
    margin: 5rem 0 7.5rem;
}
.comerc-advantages__main {
    display: flex;
    gap: 2.5rem;
    padding-top: 1.75rem;
    border-top: 0.0625rem solid #333;
}
.comerc-advantages__left {
    width: 25.625rem;
    padding-right: 2.5rem;
    border-right: 0.0625rem solid #333;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between;
}
.comerc-advantages__title {
    font-family: "Druk Wide Cyr";
    font-size: 1.6875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.135rem;
    text-transform: uppercase;
}
.comerc-advantages__left__text {
    line-height: 1.5rem;
}
.comerc-advantages__right {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    flex: 1;
}
.comerc-advantages__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
}
.comerc-advantages__item {
    height: 6.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between;
    position: relative;
}
.comerc-advantages__item:not(:last-child)::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0.0625rem;
    background: #333;
    right: -2.5rem;
    top: 0;
}
.comerc-advantages__row:not(:first-child) {
    padding-top: 3.75rem;
    border-top: 0.0625rem solid #333;
}
.comerc-advantages__item__value {
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.comerc-advantages__item__text {
    line-height: 1.5rem;
}
.comerc-advantages__btn {
    width: 100%;
    padding: 1.4375rem;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.875rem;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    background: #003f3d;
    margin-top: 3.75rem;
    transition: all 0.3s ease;
}
.comerc-advantages__btn:hover {
    background: #054947;
}

@media (max-width: 768px) {
    .comerc-advantages {
        margin: 1.25rem 0 3.75rem;
    }
    .comerc-advantages__main {
        flex-direction: column;
        padding-top: 0;
        border-top: none;
    }
    .comerc-advantages__left {
        width: 100%;
        padding-right: 0;
        border-right: none;
        gap: 1rem;
    }
    .comerc-advantages__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .comerc-advantages__left__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .comerc-advantages__right {
        gap: 1.25rem;
        width: 100%;
    }
    .comerc-advantages__row {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
    }
    .comerc-advantages__item {
        height: auto;
    }
    .comerc-advantages__row:not(:first-child) {
        padding-top: 0;
        border-top: none;
    }
    .comerc-advantages__item {
        padding-top: 1.25rem;
        border-top: 0.0625rem solid #333;
    }
    .comerc-advantages__item:not(:last-child)::after {
        content: "";
        height: 0;
        width: 0;
        right: 0;
        top: 0;
    }

    .comerc-advantages__item__value {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .comerc-advantages__item__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .comerc-advantages__btn {
        padding: 1.125rem;
        font-size: 0.625rem;
        line-height: 0.75rem;
        letter-spacing: 0.0125rem;
        margin-top: 2.5rem;
    }
    .comerc-advantages__btn:hover {
        background: #003f3db2;
    }
}
/* comerc-advantages ende  */

/* feedback-popup start  */
.popup-blur {
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.popup-blur.active {
    display: block;
}
.no-scroll {
    overflow: hidden;
}
.feedback-popup {
    position: fixed;
    z-index: 200;
    top: 0;
    right: -100%;
    background: #fff;
    padding: 2.5rem;
    height: 100%;
    width: 29.5625rem;
    transition: all 0.5s ease;
}
.feedback-popup.active {
    right: 0;
}
.feedback-popup__close {
    display: flex;
    position: absolute;
    z-index: 2;
    right: 1.25rem;
    top: 1.25rem;
}
.feedback-popup__close svg {
    width: 1.5rem;
    height: auto;
}
.feedback-popup__title {
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.feedback-popup__text {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    margin-top: 1.25rem;
}
.feedback-popup__wrap form {
    margin-top: 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.feedback-popup__wrap form input {
    width: 100%;
    padding: 1.125rem 0;
    line-height: 1.5rem;
    border-bottom: 0.0625rem solid #333;
}
.feedback-popup__wrap form .form__bottom {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    margin-top: 1.25rem;
}
.feedback-popup__wrap form button {
    background: #003f3d;
    transition: all 0.3s ease;
    width: 100%;
    padding: 1.125rem;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
}
.feedback-popup__wrap form button:hover {
    background: #054947;
}
.feedback-popup__wrap form .form-text {
    color: #878789;
    text-align: center;
    font-size: 0.75rem;
    line-height: 0.875rem;
    padding: 0 1.25rem;
}
@media (max-width: 768px) {
    .feedback-popup {
        top: auto;
        bottom: -100%;
        right: 0;
        padding: 2.5rem 1rem;
        height: auto;
        width: 100%;
    }
    .feedback-popup.active {
        bottom: 0;
    }
    .feedback-popup__close {
        right: 1rem;
        top: 1rem;
    }
    .feedback-popup__title {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .feedback-popup__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .feedback-popup__wrap form button:hover {
        background: #003f3d;
    }
}
/* feedback-popup end  */

/* flat-hero start  */

.flat-hero {
    padding: 9.0625rem 0 7.5rem;
}
.flat-hero__top {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5rem;
    padding: 1.75rem 0;
    border-top: 0.0625rem solid #333;
    border-bottom: 0.0625rem solid #333;
}
.flat-hero__top__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 8.625rem;
    gap: 1.25rem;
    position: relative;
}
.flat-hero__top__item:not(:last-child)::after {
    content: "";
    width: 0.0625rem;
    height: 100%;
    right: -2.5rem;
    background: #333;
    position: absolute;
}
.flat-hero__top__item__value {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.flat-hero__top__item__text {
    line-height: 1.5rem;
}
.flat-hero__main {
    margin-top: 3.75rem;
    display: flex;
    gap: 2.5rem;
}
.flat-hero__left {
    flex: 1;
    display: flex;
    gap: 8.125rem;
}
.flat-hero__left__btn {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.flat-hero__left__btn .radio-item {
    display: flex;
    align-items: center;
    position: relative;
}
.flat-hero__left__btn .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.flat-hero__left__btn .radio-label {
    cursor: pointer;
    user-select: none;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    position: relative;
}
.flat-hero__left__btn .radio-input:checked + .radio-label {
    color: #0f4745;
}
.flat-hero__left__btn .radio-input:checked + .radio-label::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background: #0f4745;
    bottom: -0.25rem;
    left: 0;
}
.flat-hero__left__content .tab-content {
    display: none;
}
.flat-hero__left__content .tab-content.active {
    display: flex;
}
.flat-hero__left__content .tab-content img {
    width: 34.2942rem;
    height: auto;
}
.flat-hero__right {
    width: 36.0625rem;
    padding: 0.5rem 0;
    padding-left: 2.5rem;
    border-left: 0.0625rem solid #333;
}
.flat-hero__info {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.flat-hero__info__item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 3rem;
    border-bottom: 0.0625rem solid #000;
}
.flat-hero__info__item .name {
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
}
.flat-hero__info__item .value {
    color: #292929;
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}

.flat-hero .accordion {
    display: flex;
    flex-direction: column;
    margin-top: 2.5rem;
}
.flat-hero .accordion .accordion__item {
    padding-bottom: 3rem;
    border-bottom: 0.0625rem solid #000;
}
.flat-hero .accordion__header {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    cursor: pointer;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
}
.flat-hero .accordion__header::after {
    content: "";
    flex-shrink: 0;
    width: 1.3125rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2087_1310)'%3E%3Cpath d='M10.5 0.771362V19.3428' stroke='%23333333' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M1.21484 9.99994H19.7863' stroke='%23333333' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2087_1310'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5 -6.10352e-05)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: transform 0.3s ease;
    margin: 0 0 0 auto;
}
.flat-hero .accordion__item_show .accordion__header::after,
.flat-hero .accordion__item_slidedown .accordion__header::after {
    content: "";
    flex-shrink: 0;
    width: 1.3125rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2087_1615)'%3E%3Cpath d='M1.21484 10H19.7863' stroke='%23333333' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2087_1615'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.flat-hero .accordion__content {
    padding-top: 1.25rem;
}
.flat-hero .accordion__item:not(.accordion__item_show) .accordion__body {
    display: none;
}
.flat-hero .accordion__content ul {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.flat-hero .accordion__content ul li {
    display: flex;
    gap: 1.25rem;
}
.flat-hero .accordion__content ul li .name {
    width: calc(40% - 0.625rem);
    color: #878789;
    font-weight: 500;
    line-height: 1.5rem;
}
.flat-hero .accordion__content ul li .value {
    width: calc(60% - 0.625rem);
    color: #333;
    text-align: right;
    font-weight: 500;
    line-height: 1.5rem;
}
.flat-hero__bron {
    width: 100%;
    padding: 1.4375rem;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.875rem;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    background: #003f3d;
    transition: all 0.3s ease;
    margin-top: 1.75rem;
}
.flat-hero__bron:hover {
    background: #054947;
}
.flat-hero__consultation {
    margin-top: 0.75rem;
    padding: 1.5rem 0;
    width: 100%;
    border-top: 0.0625rem solid #333;
    border-bottom: 0.0625rem solid #333;
    color: #333;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.flat-hero__consultation:hover {
    background: #054947;
    color: #fff;
    border-top: 0.0625rem solid #054947;
    border-bottom: 0.0625rem solid #054947;
}
.flat-hero__info__item__mob {
    display: none;
}
@media (max-width: 768px) {
    .flat-hero {
        padding: 4.25rem 0 3.75rem;
    }
    .flat-hero__top {
        display: none;
    }
    .flat-hero__main {
        margin-top: 1.5rem;
        flex-direction: column;
        gap: 0.75rem;
    }
    .flat-hero__left {
        width: 100%;
        flex-direction: column;
        gap: 1.25rem;
    }
    .flat-hero__left__btn {
        flex-direction: row;
        gap: 1.75rem;
    }
    .flat-hero__left__btn .radio-label {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .flat-hero__left__content .tab-content img {
        width: 18.5123rem;
        height: auto;
    }
    .flat-hero__left__content .tab-content {
        justify-content: center;
        width: 100%;
    }
    .flat-hero__right {
        width: 100%;
        padding: 0;
        padding-left: 0;
        border-left: none;
    }
    .flat-hero__info {
        gap: 0;
    }
    .flat-hero__info__item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 1.5rem;
        padding: 1.8125rem 0;
        border-bottom: 0.0625rem solid #000;
        align-items: center;
    }
    .flat-hero__info__item:first-child {
        border-top: 0.0625rem solid #000;
    }
    .flat-hero__info__item .name {
        font-family: Manrope;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25rem;
        order: 2;
        text-transform: none;
    }
    .flat-hero__info__item .value {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
        order: 1;
    }

    .flat-hero .accordion {
        margin-top: 1.25rem;
    }
    .flat-hero .accordion .accordion__item {
        padding-bottom: 1.25rem;
    }
    .flat-hero .accordion__header {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .flat-hero .accordion__header::after {
        content: "";
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2087_3558)'%3E%3Cpath d='M10 0.771484V19.3429' stroke='%23333333' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M0.714844 10H19.2863' stroke='%23333333' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2087_3558'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .flat-hero .accordion__item_show .accordion__header::after,
    .flat-hero .accordion__item_slidedown .accordion__header::after {
        content: "";
        flex-shrink: 0;
        width: 1.3125rem;
        height: 1.25rem;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2087_3839)'%3E%3Cpath d='M0.714844 10H19.2863' stroke='%23333333' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2087_3839'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .flat-hero .accordion__content ul {
        gap: 1rem;
    }
    .flat-hero .accordion__content ul li {
        gap: 0.625rem;
    }
    .flat-hero .accordion__content ul li .name {
        width: calc(30% - 0.3125rem);
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
    .flat-hero .accordion__content ul li .value {
        width: calc(70% - 0.3125rem);
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
    .flat-hero__bron {
        width: 100%;
        padding: 1.125rem;
        font-size: 0.625rem;
        line-height: 0.75rem;
        letter-spacing: 0.0125rem;
        margin-top: 1.25rem;
    }
    .flat-hero__bron:hover {
        background: #003f3d;
    }
    .flat-hero__consultation {
        margin-top: 0.75rem;
        padding: 1.125rem;
        font-size: 0.625rem;
        line-height: 0.75rem;
        letter-spacing: 0.0125rem;
    }
    .flat-hero__consultation:hover {
        background: none;
        color: #333;
        border-top: 0.0625rem solid #333;
        border-bottom: 0.0625rem solid #333;
    }
}
/* flat-hero end  */

/* flat-img start  */

.flat-img img {
    width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    .flat-img {
        height: 26.25rem;
    }
    .flat-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
/* flat-img end  */

/* comerc-advantages start  */
.flat-advantages {
    padding: 5rem 0 7.5rem;
    background: #f4f4f4;
}
.flat-advantages__main {
    display: flex;
    gap: 2.5rem;
    padding-top: 1.75rem;
    border-top: 0.0625rem solid #333;
}
.flat-advantages__left {
    width: 25.625rem;
    padding-right: 2.5rem;
    border-right: 0.0625rem solid #333;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between;
}
.flat-advantages__title {
    font-family: "Druk Wide Cyr";
    font-size: 1.6875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.135rem;
    text-transform: uppercase;
}
.flat-advantages__left__text {
    line-height: 1.5rem;
}
.flat-advantages__right {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    flex: 1;
}
.flat-advantages__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
}
.flat-advantages__item {
    height: 11.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between;
    position: relative;
}
.flat-advantages__item:not(:last-child)::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 0.0625rem;
    background: #333;
    right: -2.5rem;
    top: 0;
}
.flat-advantages__row:not(:first-child) {
    padding-top: 3.75rem;
    border-top: 0.0625rem solid #333;
}
.flat-advantages__item__value {
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.flat-advantages__item__text {
    line-height: 1.5rem;
}

@media (max-width: 768px) {
    .flat-advantages {
        padding: 1.25rem 0 1.25rem;
    }
    .flat-advantages__main {
        flex-direction: column;
        padding-top: 0;
        border-top: none;
    }
    .flat-advantages__left {
        width: 100%;
        padding-right: 0;
        border-right: none;
        gap: 1rem;
    }
    .flat-advantages__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .flat-advantages__left__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .flat-advantages__right {
        gap: 1.25rem;
        width: 100%;
    }
    .flat-advantages__row {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
    }
    .flat-advantages__item {
        height: auto;
    }
    .flat-advantages__row:not(:first-child) {
        padding-top: 0;
        border-top: none;
    }
    .flat-advantages__item {
        padding-top: 1.25rem;
        border-top: 0.0625rem solid #333;
    }
    .flat-advantages__item:not(:last-child)::after {
        content: "";
        height: 0;
        width: 0;
        right: 0;
        top: 0;
    }

    .flat-advantages__item__value {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .flat-advantages__item__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* comerc-advantages ende  */

/* flat-products start  */

.flat-products {
    margin: 7.5rem 0;
}
.flat-products__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}
.flat-products__title {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.flat-products__btns {
    display: flex;
}
.flat-products__swiper__prev,
.flat-products__swiper__next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border: 0.0625rem solid #1d1d1d;
    transition: all 0.3s ease;
}
.flat-products__swiper__prev:hover,
.flat-products__swiper__next:hover {
    background: #003f3d;
    border-radius: 0.0625rem solid #003f3d;
}
.flat-products__swiper__prev svg,
.flat-products__swiper__next svg {
    width: 2rem;
    height: auto;
}
.flat-products__swiper__prev:hover svg path,
.flat-products__swiper__next:hover svg path {
    fill: #fff;
}
.flat-products__main {
    margin-top: 2.5rem;
}
.flat-products__item {
    background: #f4f4f4;
}
.flat-products__item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.flat-products__item__img {
    display: flex;
    justify-content: center;
    margin-top: 2.125rem;
}
.flat-products__item__img img {
    width: 13.5564rem;
    height: auto;
}
.flat-products__item__characteristics {
    margin-top: 2rem;
}
.flat-products__item__characteristics ul {
    display: flex;
    flex-direction: column;
}
.flat-products__item__characteristics ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.5rem;
    padding: 0.5rem 0;
    border-bottom: 0.0625rem solid #1d1d1d;
}
.flat-products__item__price {
    font-family: "Druk Wide Cyr";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
    margin-top: 1.25rem;
}
.flat-products__item__content {
    padding: 1.25rem;
}
.flat-products__item__btn {
    width: 100%;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 1.125rem;
    background: #003f3d;
    transition: all 0.3s ease;
}
.flat-products__item__btn:hover {
    background: #054947;
}
@media (max-width: 768px) {
    .flat-products {
        margin: 3.75rem 0;
        overflow: hidden;
    }
    .flat-products__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .flat-products__btns {
        display: none;
    }
    .flat-products__main {
        margin-top: 1.75rem;
    }
    .flat-products__swiper {
        overflow: visible;
    }
    .flat-products__swiper .swiper-slide {
        width: 18.75rem;
    }
    .flat-products__item__header {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .flat-products__item__img {
        margin-top: 1.25rem;
    }
    .flat-products__item__img img {
        width: 13.5564rem;
    }
    .flat-products__item__characteristics {
        margin-top: 1.25rem;
    }
    .flat-products__item__characteristics ul li {
        font-size: 0.875rem;
        line-height: 1.125rem;
        padding: 0.75rem 0;
    }
    .flat-products__item__price {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .flat-products__item__content {
        padding: 1.25rem 0.75rem;
    }
    .flat-products__item__btn {
        font-size: 0.625rem;
        line-height: 0.75rem;
        letter-spacing: 0.0125rem;
        padding: 0.875rem;
    }
    .flat-products__item__btn:hover {
        background: #003f3d;
    }
}
/* flat-products end  */

/* catalog-page start  */

.catalog-page {
}
.catalog-page__wrap {
    display: flex;
}
.catalog-page__left {
    width: 40rem;
    padding: 9.0625rem 1.75rem 9.0625rem 5rem;
}
.catalog-page__title {
    margin-top: 2.5rem;
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.catalog-page__filter {
    margin-top: 4.25rem;
}
.catalog-page__filter__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2rem;
    border-bottom: 0.0625rem solid #ddd;
    margin-bottom: 2rem;
}
.catalog-page__filter__name {
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.catalog-page__filter__clear {
    color: #878789;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.catalog-page__filter__clear::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M10.5 3.5L3.5 10.5' stroke='%23878789' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3.5 3.5L10.5 10.5' stroke='%23878789' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 0.875rem;
    height: 0.875rem;
}
.catalog-page__right {
    background: #f4f4f4;
    flex: 1;
    padding: 11.5625rem 5rem 7.5rem 2.5rem;
}
.catalog-page__filter__main {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.catalog-page__filter__item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.catalog-page__filter__item .name {
    font-weight: 500;
    line-height: 1.5rem;
}
.catalog-page__filter__item__room .catalog-page__filter__item__content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem;
}

.catalog-page__filter__item__room .radio-item {
    position: relative;
}

.catalog-page__filter__item__room .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.catalog-page__filter__item__room .radio-label {
    cursor: pointer;
    user-select: none;
    text-align: center;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 0.75rem;
    background: #f4f4f4;
    display: flex;
    justify-content: center;
    width: 100%;
    transition: all 0.3s ease;
}
.catalog-page__filter__item__room .radio-label:hover {
    background: #003f3d;
    color: #fff;
}
.catalog-page__filter__item__room .radio-input:checked ~ .radio-label {
    background: #003f3d;
    color: #fff;
}

.catalog-page__filter__item .choosing-header__slider {
    width: 100%;
    background: #f4f4f4;
    padding: 0.9375rem 1.25rem 0;
}
.catalog-page__filter__item .price-input {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5625rem;
}
.catalog-page__filter__item .price-input .field {
    display: flex;
    align-items: center;
}
.catalog-page__filter__item .field {
    display: flex;
    align-items: center;
    gap: 0.1875rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.catalog-page__filter__item .slider {
    height: 0.0625rem;
    position: relative;
    margin: 0;
}
.catalog-page__filter__item .slider .progress {
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    background: #003f3d;
}
.catalog-page__filter__item .range-input {
    position: relative;
    margin: 0;
}
.catalog-page__filter__item .range-input input {
    position: absolute;
    width: 100%;
    height: 0.125rem;
    top: -0.125rem;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.catalog-page__filter__item input[type="range"]::-webkit-slider-thumb {
    width: 1.3194rem;
    height: 0.625rem;
    border: 0.0625rem solid #003f3d;
    background: #003f3d;
    pointer-events: auto;
    -webkit-appearance: none;
}
.catalog-page__filter__item input[type="range"]::-moz-range-thumb {
    width: 1.3194rem;
    height: 0.625rem;
    border: 0.0625rem solid #003f3d;
    background: #003f3d;
    pointer-events: auto;
    -webkit-appearance: none;
}

.catalog-page__filter__dop {
    /* margin-top: 2rem; */
}
.catalog-page__filter__dop .switch-btn {
    display: inline-block;
    width: 2.375rem;
    height: 1.375rem;
    border-radius: 30px;
    background: #f4f4f4;
    z-index: 0;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: relative;
    transition-duration: 300ms;
}
.catalog-page__filter__dop .switch-btn::after {
    content: "";
    height: 1rem;
    width: 1rem;
    border-radius: 1rem;
    background: #fff;
    top: 0.1875rem;
    left: 0.1875rem;
    transition-duration: 300ms;
    position: absolute;
    z-index: 1;
}
.catalog-page__filter__dop .switch-on {
    background: #003f3d;
}
.catalog-page__filter__dop .switch-on::after {
    left: 1.25rem;
}
.catalog-page__filter__dop__header {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    line-height: 1.5rem;
}
.catalog-page__filter__dop__main {
    margin-top: 2rem;
    display: none;
    flex-direction: column;
    gap: 2rem;
}
.catalog-page__filter__dop__item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.catalog-page__filter__dop__item__finishing .catalog-page__filter__dop__item__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.catalog-page__filter__dop__item .radio-item {
    position: relative;
}

.catalog-page__filter__dop__item .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.catalog-page__filter__dop__item .radio-label {
    cursor: pointer;
    user-select: none;
    text-align: center;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 0.75rem;
    background: #f4f4f4;
    display: flex;
    justify-content: center;
    width: 100%;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.catalog-page__filter__dop__item .radio-label:hover {
    background: #003f3d;
    color: #fff;
}
.catalog-page__filter__dop__item .radio-input:checked ~ .radio-label {
    background: #003f3d;
    color: #fff;
}

.catalog-page__filter__dop__item__view .catalog-page__filter__dop__item__content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
}

.catalog-page__filter__dop__item__features .catalog-page__filter__dop__item__content {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.radio-item.span-1 {
    width: 8rem;
}
.radio-item.span-2 {
    width: 12.5rem;
}
.radio-item.span-3 {
    width: 11.75rem;
}
.radio-item.span-4 {
    width: 12.125rem;
}
.radio-item.span-5 {
    width: 10.5625rem;
}
.radio-item.span-6 {
    width: 9.4375rem;
}
.radio-item.span-7 {
    width: 18.875rem;
}
.radio-item.span-8 {
    width: 6.5rem;
}
.radio-item.span-9 {
    width: 6.6875rem;
}
.radio-item.span-10 {
    width: 17.625rem;
}
.radio-item.span-11 {
    width: 14.875rem;
}

.catalog-page__filter__bron {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    line-height: 1.5rem;
}
.catalog-page__filter__bron .switch-btn {
    display: inline-block;
    width: 2.375rem;
    height: 1.375rem;
    border-radius: 30px;
    background: #f4f4f4;
    z-index: 0;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: relative;
    transition-duration: 300ms;
}
.catalog-page__filter__bron .switch-btn::after {
    content: "";
    height: 1rem;
    width: 1rem;
    border-radius: 1rem;
    background: #fff;
    top: 0.1875rem;
    left: 0.1875rem;
    transition-duration: 300ms;
    position: absolute;
    z-index: 1;
}
.catalog-page__filter__bron .switch-on {
    background: #003f3d;
}
.catalog-page__filter__bron .switch-on::after {
    left: 1.25rem;
}
.catalog-page__filter__result {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.catalog-page__filter__result .name {
    line-height: 1.5rem;
}
.catalog-page__filter__result .result {
    color: #003f3d;
    font-weight: 500;
    line-height: 1.5rem;
}
.catalog-page__filter__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.catalog-page__right__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.75rem;
    border-bottom: 0.0625rem solid #ddd;
}
.catalog-page__right__sort {
    position: relative;
}
.catalog-page__right__sort__btn {
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.625rem;
}
.catalog-page__right__sort__btn::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23333333' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 1.25rem;
    height: 1.25rem;
}
.catalog-page__right__sort__content {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    padding-top: 1.125rem;
}

.catalog-page__right__btn {
    display: flex;
}
.catalog-page__right__btn .radio-item {
    display: flex;
    align-items: center;
    position: relative;
}
.catalog-page__right__btn .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.catalog-page__right__btn .radio-label {
    cursor: pointer;
    user-select: none;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    border: 0.0625rem solid #333;
}
.catalog-page__right__btn .radio-input:checked + .radio-label {
    background: #003f3d;
    border: 0.0625rem solid #003f3d;
}
.catalog-page__right__btn .radio-input:checked + .radio-label svg rect {
    stroke: #fff;
}
.catalog-page__right__btn .radio-input:checked + .radio-label svg line {
    stroke: #fff;
}
.catalog-page__right__btn .radio-input:checked + .radio-label svg {
    width: 1.25rem;
    height: auto;
}
.catalog-page__right__content {
    margin-top: 1.25rem;
}
.catalog-page__right__content .tab-content {
    display: none;
}
.catalog-page__right__content .tab-content__grid.active {
    display: flex;
    flex-direction: column;
}
.tab-content__grid__main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}
.catalog-page__right__content .tab-content__row.active {
    display: flex;
    flex-direction: column;
}

.catalog-page__right__sort__content {
    flex-direction: column;
    width: 21.4375rem;
}
.catalog-page__right__sort__content .radio-item {
    display: flex;
    align-items: center;
    position: relative;
}
.catalog-page__right__sort__content .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.catalog-page__right__sort__content .radio-label {
    cursor: pointer;
    user-select: none;
    font-size: 0.875rem;
    line-height: 1.25rem;
    transition: all 0.3s ease;
    position: relative;
    padding: 0.625rem 1rem;
    background: #fff;
    display: flex;
    width: 100%;
}
.catalog-page__right__sort__content .radio-label:hover {
    background: #003f3d;
    color: #fff;
}
.catalog-page__right__sort__content .radio-input:checked + .radio-label {
    background: #003f3d;
    color: #fff;
}

.catalog-page__item {
    background: #fff;
    display: flex;
    background: #fff;
    flex-direction: column;
    justify-content: space-between;
}
.catalog-page__item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.catalog-page__item__img {
    display: flex;
    justify-content: center;
    margin-top: 2.125rem;
}
.catalog-page__item__img img {
    width: 13.5564rem;
    height: auto;
}
.catalog-page__item__characteristics {
    margin-top: 2rem;
}
.catalog-page__item__characteristics ul {
    display: flex;
    flex-direction: column;
}
.catalog-page__item__characteristics ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.5rem;
    padding: 0.5rem 0;
    border-bottom: 0.0625rem solid #1d1d1d;
}
.catalog-page__item__price {
    font-family: "Druk Wide Cyr";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
    margin-top: 1.25rem;
}
.catalog-page__item__content {
    padding: 1.25rem;
}
.catalog-page__item__btn {
    width: 100%;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 1.125rem;
    background: #003f3d;
    transition: all 0.3s ease;
}
.catalog-page__item__btn:hover {
    background: #054947;
}
.tab-content__grid__more {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem;
    color: #333;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    border-top: 0.0625rem solid #333;
    border-bottom: 0.0625rem solid #333;
    margin-top: 1.75rem;
    transition: all 0.3s ease;
}
.tab-content__grid__more svg {
    width: 1.25rem;
    height: auto;
}
.tab-content__grid__more:hover {
    background: #054947;
    border-top: 0.0625rem solid #054947;
    border-bottom: 0.0625rem solid #054947;
    color: #fff;
}
.tab-content__grid__more:hover svg path {
    stroke: #fff;
}
.tab-content__row__header {
    display: flex;
    gap: 2rem;
    padding: 0 1.5rem;
    color: #878789;
    font-family: "Druk Wide Cyr";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.875rem;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
    white-space: nowrap;
}
.tab-content__row__header .col:nth-child(1),
.tab-content__row__header .col:nth-child(2),
.tab-content__row__header .col:nth-child(3) {
    width: 7.875rem;
}
.tab-content__row__header .col:nth-child(4),
.tab-content__row__header .col:nth-child(5),
.tab-content__row__header .col:nth-child(6) {
    width: 10.625rem;
}
.tab-content__row__main {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.8125rem;
}
.tab-content__row__item {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1.75rem;
    background: #fff;
    color: #292929;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
}
.tab-content__row__item .col:nth-child(1),
.tab-content__row__item .col:nth-child(2),
.tab-content__row__item .col:nth-child(3) {
    width: 7.875rem;
}
.tab-content__row__item .col:nth-child(4),
.tab-content__row__item .col:nth-child(5),
.tab-content__row__item .col:nth-child(6) {
    width: 10.625rem;
}
.tab-content__row__main__mobile {
    display: none;
    width: 100%;
}

.tab-content__row__main__mobile .accordion {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}
.tab-content__row__main__mobile .accordion__item {
    background: #fff;
}
.tab-content__row__main__mobile .accordion__header {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    cursor: pointer;
    padding: 1rem 0.75rem;
}
.tab-content__row__main__mobile .accordion__header .accordion__header__content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.tab-content__row__main__mobile .accordion__header .accordion__header__content .price {
    font-family: "Druk Wide Cyr";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.0225rem;
    text-transform: uppercase;
}
.tab-content__row__main__mobile .accordion__header .accordion__header__content .text {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    font-family: "Druk Wide Cyr";
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: 0.015rem;
    text-transform: uppercase;
}
.tab-content__row__main__mobile .accordion__header::after {
    content: "";
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2087_4503)'%3E%3Cpath d='M10 0.771484V19.3429' stroke='%23333333' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M0.714844 10H19.2863' stroke='%23333333' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2087_4503'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: transform 0.3s ease;
    margin: 0 0 0 auto;
}
.tab-content__row__main__mobile .accordion__item_show .accordion__header::after,
.tab-content__row__main__mobile .accordion__item_slidedown .accordion__header::after {
    content: "";
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2087_4523)'%3E%3Cpath d='M0.714844 10H19.2863' stroke='%23333333' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2087_4523'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 1.25rem;
    height: 1.25rem;
    transition: transform 0.3s ease;
}
.tab-content__row__main__mobile.accordion__content {
}

.tab-content__row__main__mobile .accordion__item__content {
    padding: 1rem 0.75rem 1.5rem;
}
.accordion__item__img {
    display: flex;
    justify-content: center;
}
.accordion__item__img img {
    width: 13.5564rem;
    height: auto;
}
.accordion__item__characteristics {
    margin-top: 1rem;
}
.accordion__item__characteristics ul {
    display: flex;
    flex-direction: column;
}
.accordion__item__characteristics ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    padding: 0.75rem 0;
    border-bottom: 0.0625rem solid #1d1d1d;
}
.accordion__item__btn {
    width: 100%;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 0.875rem;
    background: #003f3d;
    transition: all 0.3s ease;
}
.tab-content__row__main__mobile .accordion__item:not(.accordion__item_show) .accordion__body {
    display: none;
}
.catalog-page__product__img {
    display: none;
    padding: 2.5rem 0 0;
    margin-top: 2.5rem;
}
.catalog-page__product__img img {
    width: 31.0625rem;
    height: auto;
}
@media (max-width: 768px) {
    .catalog-page__wrap {
        flex-direction: column;
    }
    .catalog-page__left {
        width: 100%;
        padding: 4.25rem 1rem 1.25rem;
    }
    .catalog-page__title {
        margin-top: 1.25rem;
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .catalog-page__filter {
        margin-top: 1.25rem;
    }
    .catalog-page__filter__header {
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .catalog-page__filter__name {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .catalog-page__right {
        width: 100%;
        flex: none;
        padding: 0 0 3.75rem;
    }
    .catalog-page__filter__item .name {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
    .catalog-page__filter__item__room .radio-label {
        font-size: 0.875rem;
        line-height: 1.125rem;
        padding: 0.9375rem;
    }
    .catalog-page__filter__item__room .radio-label:hover {
        background: #f4f4f4;
        color: #333;
    }

    .catalog-page__filter__item .choosing-header__slider {
        padding: 0.9375rem 1rem 0;
    }
    .catalog-page__filter__item .price-input {
        margin-bottom: 1rem;
    }
    .catalog-page__filter__item .field {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
    .catalog-page__filter__dop__header {
        display: flex;
        align-items: center;
        gap: 0.875rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .catalog-page__filter__dop__main {
        margin-top: 1rem;
        gap: 1.25rem;
    }
    .catalog-page__filter__dop__item .radio-label {
        font-size: 0.875rem;
        line-height: 1.125rem;
        padding: 0.6875rem;
    }
    .catalog-page__filter__dop__item .radio-label:hover {
        background: #f4f4f4;
        color: #333;
    }

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

    .catalog-page__filter__dop__item__features .catalog-page__filter__dop__item__content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .radio-item.span-1 {
        width: auto;
    }
    .radio-item.span-2 {
        width: auto;
    }
    .radio-item.span-3 {
        width: auto;
    }
    .radio-item.span-4 {
        width: auto;
    }
    .radio-item.span-5 {
        width: auto;
    }
    .radio-item.span-6 {
        width: auto;
    }
    .radio-item.span-7 {
        width: auto;
        grid-column: span 2;
    }
    .radio-item.span-8 {
        width: auto;
    }
    .radio-item.span-9 {
        width: auto;
    }
    .radio-item.span-10 {
        width: auto;
    }
    .radio-item.span-11 {
        width: auto;
    }
    .catalog-page__filter__bron {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .catalog-page__filter__result .name {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .catalog-page__filter__result .result {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
    .catalog-page__filter__content {
        gap: 1.25rem;
    }
    .catalog-page__right__header {
        background: #fff;
        padding: 0.9375rem 1rem 1.25rem;
        border-bottom: none;
    }
    .catalog-page__right__sort__btn {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0.0125rem;
    }
    .catalog-page__right__sort__content {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        padding-top: 1.125rem;
    }

    .catalog-page__right__btn .radio-label {
        width: 2.5rem;
        height: 2.5rem;
    }
    .tab-content__grid__main {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
    }

    .catalog-page__right__sort__content {
        flex-direction: column;
        width: 21.4375rem;
    }
    .catalog-page__right__sort__content .radio-item {
        display: flex;
        align-items: center;
        position: relative;
    }
    .catalog-page__right__sort__content .radio-input {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
    }
    .catalog-page__right__sort__content .radio-label {
        cursor: pointer;
        user-select: none;
        font-size: 0.875rem;
        line-height: 1.25rem;
        transition: all 0.3s ease;
        position: relative;
        padding: 0.625rem 1rem;
        background: #fff;
        display: flex;
        width: 100%;
    }
    .catalog-page__right__sort__content .radio-label:hover {
        background: #003f3d;
        color: #fff;
    }
    .catalog-page__right__sort__content .radio-input:checked + .radio-label {
        background: #003f3d;
        color: #fff;
    }

    .catalog-page__item__header {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .catalog-page__item__img {
        margin-top: 1.25rem;
    }
    .catalog-page__item__img img {
        width: 13.5564rem;
    }
    .catalog-page__item__characteristics {
        margin-top: 1.25rem;
    }
    .catalog-page__item__characteristics ul li {
        font-size: 0.875rem;
        line-height: 1.125rem;
        padding: 0.75rem 0;
    }
    .catalog-page__item__price {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .catalog-page__item__content {
        padding: 1.25rem 0.75rem;
    }
    .catalog-page__item__btn {
        font-size: 0.625rem;
        line-height: 0.75rem;
        letter-spacing: 0.0125rem;
        padding: 0.875rem;
    }
    .catalog-page__item__btn:hover {
        background: #003f3d;
    }
    .catalog-page__right__content .tab-content {
        padding: 0 1rem;
    }
    .tab-content__grid__more:hover {
        background: none;
        border-top: 0.0625rem solid #333;
        border-bottom: 0.0625rem solid #333;
    }
    .tab-content__grid__more:hover svg path {
        stroke: #333;
    }
    .tab-content__row__header {
        display: none;
    }
    .tab-content__row__main {
        display: none;
    }
    .tab-content__row__main__mobile {
        display: flex;
    }
}
/* catalog-page end  */

/* form-section start  */

.form-section {
    background: #f4f4f4;
    padding: 6.25rem 0;
}
.form-section__wrap {
    display: flex;
    align-items: center;
    gap: 4rem;
}
.form-section__right {
    width: 49.625rem;
}
.form-section__right form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}
.form-section__form__top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}
.form-section__right form input {
    width: 100%;
    padding: 1.125rem 0;
    line-height: 1.5rem;
    background: none;
    border-bottom: 0.0625rem solid #333;
}
.form-section__form__bottom {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}
.form-section__right form button {
    padding: 1.125rem 0;
    width: 24.2rem;
    background: #003f3d;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
}
.form-section__form__policy {
    flex: 1;
    font-size: 0.75rem;
    line-height: 0.875rem;
}
.form-section__left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.form-section__title {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.form-section__text {
    line-height: 1.5rem;
}
@media (max-width: 768px) {
    .form-section {
        padding: 3.75rem 0;
    }
    .form-section__wrap {
        flex-direction: column;
        gap: 1.75rem;
    }
    .form-section__right {
        width: 100%;
    }
    .form-section__right form {
    }
    .form-section__form__top {
        grid-template-columns: repeat(1, 1fr);
    }
    .form-section__right form input {
        padding: 1.25rem 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .form-section__form__bottom {
        flex-direction: column;
        gap: 0.5rem;
    }
    .form-section__right form button {
        width: 100%;
        font-size: 0.625rem;
        line-height: 0.75rem;
        letter-spacing: 0.0125rem;
    }
    .form-section__form__policy {
        flex: 1;
        font-size: 0.75rem;
        line-height: 0.875rem;
        text-align: center;
    }
    .form-section__left {
        flex: none;
        width: 100%;
        align-items: center;
        gap: 0.5rem;
    }
    .form-section__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .form-section__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* form-section end  */

/* genplan start  */

.genplan {
    /* height: 100vh; */
    position: relative;
}
.genplan__container {
    width: 100%;
    height: 100%;
}
.genplan__wrap {
    position: relative;
    width: 100%;
    height: 100%;
}
.genplan__bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.genplan__item {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 31.25rem;
    background: rgba(255, 255, 255, 0.4);
    color: #003f3d;
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    z-index: 2;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 0;
}
.genplan__item-1 {
    left: 62.25rem;
    top: 31.75rem;
}
.genplan__item-2 {
    left: 65.75rem;
    top: 24.8125rem;
}
.genplan__item-parking-1 {
left: 36.2rem;
    top: 47.8rem;
}
.genplan__item-parking-2 {
       left: 64rem;
    top: 18.9rem;
}
.genplan__item-parking-3 {
  left: 70.6rem;
    top: 17.3em;
}
.genplan__item-parking-4 {
   left: 74rem;
    top: 21.6rem;
}
.genplan__item-parking-5 {
    left: 102.3rem;
    top: 28rem;
}
.genplan__item-parking-6 {
    left: 34.7rem;
    top: 18.8rem;
}
.genplan__item-parking-7 {
 left: 84.7rem;
    top: 43rem;
}
.genplan__item-parking-8 {
  left: 34rem;
    top: 25.6rem;
}
.genplan__item-parking-9 {
 left: 72rem;
    top: 49.5rem;
}
.genplan__item-parking-10 {
left: 24rem;
    top: 47.8rem;
}
.genplan__item-4 {
    left: 30.3125rem;
    top: 12.375rem;
}
.genplan__item-dog-1 {
left: 8.8rem;
    top: 18.8125rem;
}
.genplan__item-dog-2 {
      left: 100.5rem;
    top: 15.3rem;
}
.genplan__item-dog-3 {
    left: 58.4rem;
    top: 51.5rem;
}
.genplan__item-6 {
    left: 57.375rem;
    top: 14.5rem;
}
.genplan__item-kindergarten-1 {
        left: 26.7rem;
    top: 35.8rem;
}
.genplan__item-kindergarten-2 {
    left: 33.4375rem;
    top: 36.3125rem;
}
.genplan__item-kindergarten-3 {
   left: 82.4375rem;
    top: 29.6rem;
}
.genplan__item-kindergarten-4 {
        left: 90rem;
    top: 25.8rem;
}
.genplan__item-8 {
  left: 49.675rem;
    top: 35.375rem;
}
.genplan__popup {
    position: fixed;
    right: -36.125rem;
    top: 0;
    height: 100%;
    transition: all 0.6s ease;
    background: #fff;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 36.125rem;
    z-index: 300;
    pointer-events: none;
}
.genplan__popup.active {
    right: 0;
}
.genplan__popup__img {
    width: 100%;
    height: 30rem;
}
.genplan__popup__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.genplan__popup__header {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.genplan__popup__text {
    /*margin: auto 0 0 0;*/
    line-height: 1.5rem;
}
.genplan__popup__close-mob {
    display: none;
}
.genplan__bg__mob {
    display: none;
}
.genplan__info {
    display: none;
    pointer-events: none;
}
@media (max-width: 768px) {
    .genplan {
        height: auto;
    }

    .genplan__container {
        overflow-x: auto;
    }
    .genplan__wrap {
        position: relative;
        height: 50.75rem;
        display: inline-block;
    }
    .genplan__bg {
        display: none;
    }
    .genplan__bg__mob {
        height: 100%;
        width: auto;
        object-fit: contain;
        display: block;
    }
    .genplan__popup {
        position: fixed;
        right: 0;
        top: auto;
        bottom: -100%;
        height: auto;
        transition: all 0.4s ease;
        padding: 0.75rem 1rem;
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        z-index: 300;
    }
    .genplan__popup.active {
        bottom: 0;
    }
    .genplan__popup__img {
        width: 100%;
        height: 20.625rem;
    }
    .genplan__popup__header {
        margin-top: 0.75rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .genplan__popup__text {
        margin: 2.875rem 0 0 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .genplan__popup__close-mob {
        display: flex;
        margin: 0 auto;
        width: 3.75rem;
        height: 0.25rem;
        background: #ddd;
        margin-bottom: 0.75rem;
    }
    .genplan__info {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 1.25rem;
        width: 20.1875rem;
        position: absolute;
        left: 0;
        right: 0;
        top: 8.75rem;
        margin: 0 auto;
        z-index: 20;
    }
    .genplan__info__text {
        color: #fff;
        text-align: center;
        font-weight: 500;
        line-height: 1.5rem;
    }
    .genplan__info img {
        width: 2.6875rem;
        height: auto;
    }
}
/* genplan end  */

/* project-label start  */

.project-label {
    background: #f4f4f4;
    padding: 7.5rem 0;
}
.project-label__title {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.project-label__main {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 3.75rem;
    padding-top: 1.75rem;
    margin-top: 3.75rem;
    border-top: 0.0625rem solid #333;
}
.project-label__item {
    height: 8.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.project-label__item:not(:last-child):after {
    content: "";
    width: 0.0625rem;
    height: 100%;
    position: absolute;
    background: #333;
    right: -1.875rem;
}
.project-label__item .name {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.project-label__item .text {
    line-height: 1.5rem;
}
@media (max-width: 768px) {
    .project-label {
        padding: 2.5rem 0;
    }
    .project-label__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .project-label__main {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
        padding-top: 0;
        margin-top: 2.5rem;
        border: none;
    }
    .project-label__item {
        height: auto;
        flex-direction: row;
        align-items: center;
        gap: 1.25rem;
        border-top: 0.0625rem solid #333;
        padding-top: 1.25rem;
    }
    .project-label__item:not(:last-child):after {
        content: "";
        width: 0;
        height: 0;
        background: none;
        right: 0;
    }
    .project-label__item .name {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .project-label__item .text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-align: right;
    }
}
/* project-label end  */

/* advantages start  */

.advantages__top {
    background: #666362;
    padding: 5rem 0 5.375rem;
}
.advantages__top__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
}
.advantages__top__name {
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
}
.advantages__top__text {
    max-width: 85.625rem;
    color: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.advantages__top__text .line {
    overflow: hidden;
    height: 1.875rem;
    line-height: 1.875rem;
    display: inline-block;
}

.advantages__top__text .line-content {
    display: inline-block;
}
.advantages__main {
    height: 100vh;
    position: relative;
}
.advantages__page-main {
    height: 100vh;
    width: 100%;
    padding: 3.75rem 0;
    background: #fff;
    overflow: hidden;
}
.advantages__page-main__wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 2;
    min-height: 0;
}
.advantages__page-main__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 113.6818rem;
    height: auto;
}
.advantages__page__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    padding-bottom: 0.75rem;
    border-bottom: 0.0625rem solid #ddd;
}
.advantages__page-main__content {
    flex: 1;
    position: relative;
    margin-top: 2.125rem;
    overflow: hidden;
}
.advantages__page-main__content::before {
    content: "";
    position: absolute;
    z-index: 2;
    height: 41.375rem;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 13.36%, rgba(0, 0, 0, 0) 87.02%);
}
.advantages__page-main__content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantages__page-main__text {
    position: absolute;
    z-index: 2;
    bottom: 2.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.625rem;
    color: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    z-index: 3;
    width: 70%;
}

.advantages__page-2,
.advantages__page-3,
.advantages__page-4,
.advantages__page-5,
.advantages__page-6,
.advantages__page-7,
.advantages__page-8 {
    position: absolute;
    top: 0;
    right: -100%;
}
.advantages__page-2__content {
    flex: 1;
    display: flex;
    margin-top: 2.125rem;
}
.advantages__page-2__right,
.advantages__page-2__left {
    width: 50%;
}
.advantages__page-2__title {
    width: 41.1875rem;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.advantages__page-2__text {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
    width: 37.5rem;
    margin: 7.5rem 0 0 9.375rem;
}
.advantages__page-2__swiper .swiper-slide {
    width: 35rem;
}
.advantages__page-2__swiper .advantages__page-2__slide-img {
    height: 33rem;
}
.advantages__page-2__swiper .swiper-slide:nth-child(even) .advantages__page-2__slide-img {
    height: 39.25rem;
}
.advantages__page-2__swiper .advantages__page-2__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantages__page-2__slide__info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1.25rem;
}
.advantages__page-2__slide-name {
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.advantages__page-2__slide-text {
    font-family: Manrope;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}

.advantages__page-4__content {
    flex: 1;
    display: flex;
    margin-top: 2.125rem;
}
.advantages__page-4__right,
.advantages__page-4__left {
    width: 50%;
}
.advantages__page-4__title {
    width: 41.1875rem;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.advantages__page-4__text {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
    width: 37.5rem;
    margin: 7.5rem 0 0 9.375rem;
}
.advantages__page-4__swiper .swiper-slide {
    width: 35rem;
}
.advantages__page-4__swiper .advantages__page-4__slide-img {
    height: 33rem;
}
.advantages__page-4__swiper .swiper-slide:nth-child(even) .advantages__page-4__slide-img {
    height: 39.25rem;
}
.advantages__page-4__swiper .advantages__page-4__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantages__page-4__slide__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 1.25rem;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}

.advantages__page-7__content {
    flex: 1;
    display: flex;
    margin-top: 2.125rem;
}
.advantages__page-7__right,
.advantages__page-7__left {
    width: 50%;
}
.advantages__page-7__title {
    width: 41.1875rem;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.advantages__page-7__text {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
    width: 37.5rem;
    margin: 7.5rem 0 0 9.375rem;
}
.advantages__page-7__swiper .swiper-slide {
    width: 35rem;
}
.advantages__page-7__swiper .advantages__page-7__slide-img {
    height: 33rem;
}
.advantages__page-7__swiper .swiper-slide:nth-child(even) .advantages__page-7__slide-img {
    height: 39.25rem;
}
.advantages__page-7__swiper .advantages__page-7__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantages__page-7__slide__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 1.25rem;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.advantages__page-3__content {
    flex: 1;
    display: grid;
    margin-top: 2.125rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}
.advantages__page-3__left {
    width: 100%;
    height: 48.55rem;
}
.advantages__page-3__left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantages__page-3__right {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 1.875rem;
    border-left: 0.0625rem solid #ddd;
}
.advantages__page-3__right__line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0.0625rem;
    height: 100%;
    border-left: 0.0625rem solid #ddd;
}
.advantages__page-3__top {
    display: flex;
    justify-content: space-between;
}
.advantages__page-3__top_left {
    line-height: 1.5rem;
    width: 21.5rem;
}
.advantages__page-3__top_right {
    width: 20.625rem;
    height: 20.25rem;
}
.advantages__page-3__top_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantages__page-3__title {
    width: 42.6875rem;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
    padding: 1.75rem 0;
    background: #fff;
    margin: 3.75rem 0 0 2.4375rem;
    position: relative;
    z-index: 2;
}
.advantages__page-3__bottom {
    margin: auto 4.125rem 0 auto;
    width: 21.5rem;
    line-height: 1.5rem;
}

.advantages__page-6__content {
    flex: 1;
    display: grid;
    margin-top: 2.125rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}
.advantages__page-6__right {
    width: 100%;
    height: 48.55rem;
}
.advantages__page-6__right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantages__page-6__left {
    padding-right: 1.625rem;
    border-right: 0.0625rem solid #ddd;
    display: flex;
    flex-direction: column;
    position: relative;
}
.advantages__page-6__left__line {
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 0.0625rem solid #ddd;
    height: 100%;
}
.advantages__page-6__top {
    width: 21.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
.advantages__page-6__title {
    width: 43.625rem;
    margin: 7.1875rem 0 0 6.25rem;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
    padding: 1.75rem 0;
    background: #fff;
    position: relative;
    z-index: 2;
}
.advantages__page-6__bottom {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: auto 0 0 0;
}
.advantages__page-6__botoom_left {
    width: 20.625rem;
    height: 20.25rem;
}
.advantages__page-6__botoom_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantages__page-6__bottom_right {
    width: 21.5rem;
    line-height: 1.5rem;
}
.advantages__page-2__bg_mob,
.advantages__page-6__bg_mob,
.advantages__page-7__bg_mob,
.advantages__page-4__bg_mob {
    display: none;
}
@media (max-width: 768px) {
    .advantages__top {
        padding: 2.5rem 0;
    }
    .advantages__top__wrap {
        gap: 0.625rem;
    }
    .advantages__top__name {
        font-size: 0.625rem;
        line-height: 0.875rem;
        letter-spacing: 0.0125rem;
    }
    .advantages__top__text {
        max-width: 100%;
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .advantages__top__text .line {
        height: 1.25rem;
        line-height: 1.25rem;
    }
    .advantages__main {
        height: auto;
    }
    .advantages__page-main {
        height: auto;
        width: 100%;
        padding: 2.5rem 0 0;
    }
    .advantages__page-main__bg {
        display: none;
    }
    .advantages__page__header {
        flex-direction: column;
        align-items: start;
        gap: 0.5rem;
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .advantages__page__name {
        order: 2;
    }
    .advantages__page__num {
        order: 1;
    }
    .advantages__page-main__content {
        flex: none;
        margin-top: 1.25rem;
        overflow: visible;
        height: 31.25rem;
    }
    .advantages__page-main__content::before {
        height: 22.8125rem;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 13.36%, rgba(0, 0, 0, 0) 87.02%);
        width: calc(100% + 2rem);
        margin: 0 -1rem;
    }
    .advantages__page-main__content img {
        width: calc(100% + 2rem);
        margin: 0 -1rem;
    }
    .advantages__page-main__text {
        bottom: 1.75rem;
        gap: 0.5rem;
        font-size: 0.6875rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
        width: 100%;
    }

    .advantages__page-2,
    .advantages__page-3,
    .advantages__page-4,
    .advantages__page-5,
    .advantages__page-6,
    .advantages__page-7,
    .advantages__page-8 {
        position: relative;
        top: 0;
        right: 0;
    }
    .advantages__page-2 {
        padding-bottom: 1.25rem;
    }
    .advantages__page-2__content {
        flex: none;
        display: flex;
        flex-direction: column;
        margin-top: 1.25rem;
        gap: 1.5rem;
    }
    .advantages__page-2__right,
    .advantages__page-2__left {
        width: 100%;
    }
    .advantages__page-2__bg_mob {
        display: block;
        width: 100%;
        height: auto;
        left: 0;
        top: 11.25rem;
        position: absolute;
    }
    .advantages__page-2__title {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .advantages__page-2__text {
        font-size: 14px;
        line-height: 20px;
        gap: 0.9375rem;
        width: 100%;
        margin: 1.25rem 0 0 0;
    }
    .advantages__page-2__swiper {
        overflow: visible;
    }
    .advantages__page-2__swiper .swiper-slide {
        width: 15.75rem;
    }
    .advantages__page-2__swiper .advantages__page-2__slide-img {
        height: 17.625rem;
    }
    .advantages__page-2__swiper .swiper-slide:nth-child(even) .advantages__page-2__slide-img {
        height: 20.4375rem;
    }
    .advantages__page-2__slide__info {
        margin-top: 0.5rem;
    }
    .advantages__page-2__slide-name {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .advantages__page-2__slide-text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .advantages__page-4 {
        padding-bottom: 1.25rem;
    }
    .advantages__page-4__content {
        flex: none;
        display: flex;
        flex-direction: column;
        margin-top: 1.25rem;
        gap: 1.5rem;
    }
    .advantages__page-4__right,
    .advantages__page-4__left {
        width: 100%;
    }
    .advantages__page-4__bg_mob {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        top: 11.25rem;
        display: block;
    }
    .advantages__page-4__title {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .advantages__page-4__text {
        font-size: 14px;
        line-height: 20px;
        gap: 0.9375rem;
        width: 100%;
        margin: 1.25rem 0 0 0;
    }
    .advantages__page-4__swiper {
        overflow: visible;
    }
    .advantages__page-4__swiper .swiper-slide {
        width: 15.75rem;
    }
    .advantages__page-4__swiper .advantages__page-4__slide-img {
        height: 17.625rem;
    }
    .advantages__page-4__swiper .swiper-slide:nth-child(even) .advantages__page-4__slide-img {
        height: 20.4375rem;
    }
    .advantages__page-4__slide__info {
        margin-top: 0.5rem;
    }
    .advantages__page-4__slide-name {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .advantages__page-4__slide-text {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }

    .advantages__page-7 {
        padding-bottom: 1.25rem;
    }
    .advantages__page-7__content {
        flex: none;
        display: flex;
        flex-direction: column;
        margin-top: 1.25rem;
        gap: 1.5rem;
    }
    .advantages__page-7__right,
    .advantages__page-7__left {
        width: 100%;
    }
    .advantages__page-7__bg_mob {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        top: 18.75rem;
        display: block;
    }
    .advantages__page-7__title {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .advantages__page-7__text {
        font-size: 14px;
        line-height: 20px;
        gap: 0.9375rem;
        width: 100%;
        margin: 1.25rem 0 0 0;
    }
    .advantages__page-7__swiper {
        overflow: visible;
    }
    .advantages__page-7__swiper .swiper-slide {
        width: 15.75rem;
    }
    .advantages__page-7__swiper .advantages__page-7__slide-img {
        height: 17.625rem;
    }
    .advantages__page-7__swiper .swiper-slide:nth-child(even) .advantages__page-7__slide-img {
        height: 20.4375rem;
    }
    .advantages__page-7__slide__info {
        margin-top: 0.5rem;
    }
    .advantages__page-7__slide-name {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .advantages__page-7__slide-text {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }

    .advantages__page-3__content {
        flex: none;
        display: grid;
        margin-top: 1.25rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }
    .advantages__page-3__left {
        width: 100%;
        height: 26.25rem;
        order: 2;
    }
    .advantages__page-3__left img {
        width: calc(100% + 2rem);
        margin: 0 -1rem;
    }
    .advantages__page-3__right {
        order: 1;
        display: flex;
        flex-direction: column;
        position: relative;
        padding-left: 0;
        border-left: none;
        gap: 1.25rem;
    }
    .advantages__page-3__right__line {
        position: absolute;
        left: 50%;
        top: 0;
        width: 0.0625rem;
        height: 100%;
        border-left: 0.0625rem solid #ddd;
    }
    .advantages__page-3__top_left {
        font-size: 0.875rem;
        line-height: 1.25rem;
        width: 10rem;
    }
    .advantages__page-3__top_right {
        display: none;
    }
    .advantages__page-3__title {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.28px;
        padding: 1.25rem 0;
        margin: 0;
    }
    .advantages__page-3__bottom {
        margin: auto 0 0 auto;
        width: 9.6875rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .advantages__page-6__content {
        flex: none;
        width: 100%;
        display: grid;
        margin-top: 1.25rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }
    .advantages__page-6__right {
        width: 100%;
        height: 26.25rem;
    }
    .advantages__page-6__right img {
        width: calc(100% + 2rem);
        margin: 0 -1rem;
    }
    .advantages__page-6__left {
        padding-right: 0;
        border-right: none;
        gap: 1.25rem;
        position: relative;
    }
    .advantages__page-6__bg_mob {
        width: calc(100% + 2rem);
        left: 0;
        margin: 0 -1rem;
        bottom: -1.5rem;
        height: auto;
        display: block;
        position: absolute;
    }
    .advantages__page-6__top {
        width: 10rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        position: relative;
        z-index: 2;
    }
    .advantages__page-6__title {
        width: 100%;
        margin: 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
        padding: 1.25rem 0;
        position: relative;
        z-index: 2;
    }
    .advantages__page-6__bottom {
        display: flex;
        align-items: end;
        justify-content: end;
        margin: auto 0 0 0;
        position: relative;
        z-index: 2;
    }
    .advantages__page-6__botoom_left {
        display: none;
    }
    .advantages__page-6__bottom_right {
        width: 10rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* advantages end  */

/* parking start  */

.parking {
    padding: 7.5rem 0;
    position: relative;
}
.parking__wrap {
    display: flex;
    gap: 2.5rem;
}
.parking__left,
.parking__right {
    width: 35rem;
    height: 55rem;
}
.parking__left {
    display: flex;
    align-items: end;
}
.parking__right {
    display: flex;
    align-items: start;
}
.parking__left__img,
.parking__right__img {
    width: 100%;
    height: 0;
}
.parking__left__img img,
.parking__right__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.parking__center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.parking__title {
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.parking__title .line {
    overflow: hidden;
    height: 1.875rem;
    line-height: 1.875rem;
    display: inline-block;
}

.parking__title .line-content {
    display: inline-block;
}
.parking__center__top {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.9874rem;
    line-height: 1.5rem;
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 0%);
    mask-image: linear-gradient(to top, black 0%, transparent 0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: mask-image 0.3s ease;
}
.parking__center__bottom {
    position: absolute;
    right: 0.625rem;
    bottom: 0;
    width: 15rem;
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 0%);
    mask-image: linear-gradient(to top, black 0%, transparent 0%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: mask-image 0.3s ease;
}
.parking__center__num {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 3.3125rem;
    left: 3.75rem;
}
.parking__center__num .value {
    font-family: "Druk Wide Cyr";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
}
.parking__center__num .text {
    line-height: 1.5rem;
}
.parking__center__line-top {
    position: absolute;
    left: 50%;
    top: 0;
    width: 0.0625rem;
    height: 22rem;
    background: #ddd;
}
.parking__center__line-bottom {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0.0625rem;
    height: 22rem;
    background: #ddd;
}
@media (max-width: 768px) {
    .parking {
        padding: 0;
    }
    .parking__wrap {
        flex-direction: column;
        gap: 1.5rem;
    }
    .parking__left {
        display: none;
    }
    .parking__right {
        display: flex;
        align-items: start;
        height: 22.25rem;


        width: 100%;
    }
    .parking__left__img,
    .parking__right__img {
        width: 100%;
        height: 100%;
    }
    .parking__left__img img,
    .parking__right__img img {
        width: calc(100% + 2rem);
        margin: 0 -1rem;
    }
    .parking__center {
        flex: none;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 1.25rem;
        padding-top: 1.25rem;
    }
    .parking__title {
        font-size: 0.8125rem;
        line-height: 1.125rem;
        letter-spacing: 0.0163rem;
        background: #fff;
        padding: 1.25rem 0;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .parking__title .line {
        height: 1.25rem;
        line-height: 1.25rem;
    }
    .parking__center__top {
        position: relative;
        width: 10rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .parking__center__bottom {
        position: relative;
        right: 0;
        bottom: 0;
        width: 9.6875rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin: auto 0 0 auto;
    }
    .parking__center__num {
        position: absolute;
        bottom: auto;
        left: auto;
        right: 4.6875rem;
        top: 11rem;
    }
    .parking__center__num .value {
        font-size: 1.375rem;
        line-height: 1.5rem;
        letter-spacing: 0.0275rem;
    }
    .parking__center__num .text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .parking__center__line-top {
        position: absolute;
        left: 50%;
        top: 1.25rem;
        width: 0.0625rem;
        height: calc(100% - 1.25rem);
        background: #ddd;
    }
    .parking__center__line-bottom {
        display: none;
    }
}
/* parking end  */

/* security start  */

.security {
    background: #f4f4f4;
}
.security__top {
    padding: 5rem 0;
}
.security__top__wrap {
    display: flex;
    justify-content: center;
}
.security__top__text {
    width: 67.375rem;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.security__top__text .line {
    overflow: hidden;
    height: 1.875rem;
    line-height: 1.875rem;
    display: inline-block;
}

.security__top__text .line-content {
    display: inline-block;
}
.security__img {
    width: 100%;
}
.security__img img {
    width: 100%;
    height: auto;
}
.security__bottom {
    padding: 5rem 0;
}
.security__bottom__wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5rem;
    padding-top: 1.75rem;
    border-top: 0.0625rem solid #333;
}
.security__bottom__item {
    height: 8.625rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between;
    position: relative;
}
.security__bottom__item:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 0.0625rem;
    height: 100%;
    right: -2.5rem;
    top: 0;
    background: #333;
}
.security__bottom__item__name {
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
}
.security__bottom__item__text {
    line-height: 1.5rem;
}
@media (max-width: 768px) {
    .security__top {
        padding: 2.5rem 0;
    }
    .security__top__wrap {
        display: flex;
        justify-content: center;
    }
    .security__top__text {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .security__top__text .line {
        height: 1.25rem;
        line-height: 1.25rem;
    }
    .security__img {
        height: 31.3125rem;
    }
    .security__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .security__bottom {
        padding: 2.5rem 0;
    }
    .security__bottom__wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
        padding-top: 0;
        border-top: none;
    }
    .security__bottom__item {
        height: auto;
        padding-top: 1.25rem;
        border-top: 0.0625rem solid #333;
    }
    .security__bottom__item:not(:last-child)::after {
        content: "";
        width: 0;
        height: 0;
        right: 0;
        top: 0;
        background: none;
    }
    .security__bottom__item__name {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .security__bottom__item__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* security end  */

/* layout start  */

.layout {
    background: #f4f4f4;
}
.layout__top {
    background: #666362;
    padding: 5rem 0;
}
.layout__top__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
}
.layout__top__subtitle {
    width: 66.625rem;
    color: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.layout__top__text {
    color: #fff;
    text-align: center;
    line-height: 1.5rem;
    width: 67.375rem;
}
.layout__img {
    width: 100%;
}
.layout__img img {
    width: 100%;
    height: auto;
}
.layout__bottom {
    padding: 5rem 0;
}

.layout__bottom__wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5rem;
    padding-top: 1.75rem;
    border-top: 0.0625rem solid #333;
}
.layout__bottom__item {
    height: 16.625rem;
    position: relative;
}
.layout__bottom__item:not(:last-child):after {
    content: "";
    position: absolute;
    width: 0.0625rem;
    height: 100%;
    right: -2.5rem;
    background: #333;
    top: 0;
}
.layout__bottom__item__text {
    line-height: 1.5rem;
}
.layout__bottom__item-main {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: space-between;
}
.layout__bottom__item__name {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.layout__bottom__item__bottom {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
}
.layout__bottom__item__bottom .num {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.layout__bottom__item__bottom .text {
    color: #333;
    font-family: Montserrat;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem;
}
@media (max-width: 768px) {
    .layout__top {
        padding: 2.5rem 0;
    }
    .layout__top__wrap {
        gap: 0.625rem;
    }
    .layout__top__subtitle {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .layout__top__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        width: 100%;
    }
    .layout__img {
        width: 100%;
        height: 31.3125rem;
    }
    .layout__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .layout__bottom {
        padding: 2.5rem 0;
    }

    .layout__bottom__wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.25rem;
        padding-top: 0;
        border-top: none;
    }
    .layout__bottom__item {
        height: auto;
        position: relative;
        padding-top: 1.25rem;
        border-top: 0.0625rem solid #333;
    }
    .layout__bottom__item:not(:last-child):after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        background: none;
        top: 0;
    }
    .layout__bottom__item__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .layout__bottom__item-main {
        padding-top: 0;
        border-top: none;
        gap: 1.75rem;
    }
    .layout__bottom__item__name {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .layout__bottom__item__bottom {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        padding-top: 1.25rem;
        border-top: 0.0625rem solid #333;
    }
    .layout__bottom__item__bottom .num {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .layout__bottom__item__bottom .text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* layout end  */

/* planirovka-slider start  */

.planirovka-slider {
    padding: 7.5rem 0 4.125rem;
}
.planirovka-slider__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.planirovka-slider__title {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.planirovka-slider__btn {
    display: flex;
}
.planirovka-slider__swiper__prev,
.planirovka-slider__swiper__next {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #1d1d1d;
    transition: all 0.3s ease;
}
.planirovka-slider__swiper__prev svg,
.planirovka-slider__swiper__next svg {
    width: 2rem;
    height: auto;
}
.planirovka-slider__swiper__prev:hover,
.planirovka-slider__swiper__next:hover {
    background: #003f3d;
    border: 0.0625rem solid #003f3d;
}
.planirovka-slider__swiper__prev:hover svg path,
.planirovka-slider__swiper__next:hover svg path {
    fill: #fff;
}

.planirovka-slider__room {
    margin-top: 2.5rem;
    display: flex;
    justify-content: end;
    gap: 3.75rem;
}
.planirovka-slider__room .radio-item {
    display: flex;
    align-items: center;
    position: relative;
}
.planirovka-slider__room .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.planirovka-slider__room .radio-label {
    cursor: pointer;
    user-select: none;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    position: relative;
}
.planirovka-slider__room .radio-input:checked + .radio-label {
    color: #0f4745;
}
.planirovka-slider__room .radio-input:checked + .radio-label::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.0625rem;
    background: #0f4745;
    bottom: -0.5rem;
    left: 0;
}

.planirovka-slider__item {
    background: #f4f4f4;
}
.planirovka-slider__item__content {
    padding: 1.25rem 1.25rem 2.125rem;
}
.planirovka-slider__item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.planirovka-slider__item__header .corp {
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.planirovka-slider__item__header ul {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.planirovka-slider__item__header ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
}
.planirovka-slider__item__header ul li:not(:last-child)::after {
    content: "";
    width: 0.0625rem;
    height: 0.75rem;
    background: #333;
}
.planirovka-slider__item__img {
    margin-top: 2.1875rem;
    display: flex;
    justify-content: center;
}
.planirovka-slider__item__img img {
    width: 23.125rem;
    height: auto;
}
.planirovka-slider__item__characteristics {
    margin-top: 2rem;
}
.planirovka-slider__item__characteristics ul {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.planirovka-slider__item__characteristics ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 0.0625rem solid #333;
}
.planirovka-slider__item__characteristics ul li .room {
    font-family: "Druk Wide Cyr";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}
.planirovka-slider__item__characteristics ul li .value {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
}
.planirovka-slider__item__btn {
    width: 100%;
    padding: 1.125rem;
    text-align: center;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    background: #003f3d;
}
.planirovka-slider__item__btn:hover {
    background: #054947;
}
.planirovka-slider__main {
    margin-top: 2.25rem;
}
@media (max-width: 768px) {
    .planirovka-slider {
        padding: 2.5rem 0;
        overflow: hidden;
    }
    .planirovka-slider__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .planirovka-slider__btn {
        display: none;
    }

    .planirovka-slider__room {
        margin-top: 1.75rem;
        display: flex;
        justify-content: start;
        gap: 1.75rem;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 0.375rem;
    }
    .planirovka-slider__room .radio-label {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
        white-space: nowrap;
    }
    .planirovka-slider__room .radio-input:checked + .radio-label::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 0.0625rem;
        background: #0f4745;
        bottom: -0.25rem;
        left: 0;
    }
    .planirovka-slider__swiper {
        overflow: visible;
    }
    .planirovka-slider__swiper .swiper-slide {
        width: 18.75rem;
    }
    .planirovka-slider__item__content {
        padding: 1.25rem 0.75rem 2rem;
    }
    .planirovka-slider__item__header {
        flex-direction: column;
        align-items: start;
        gap: 1.25rem;
    }
    .planirovka-slider__item__header .corp {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .planirovka-slider__item__img {
        margin-top: 1.5rem;
    }
    .planirovka-slider__item__img img {
        width: 100%;
    }
    .planirovka-slider__item__characteristics {
        margin-top: 1.5rem;
    }
    .planirovka-slider__item__characteristics ul li .room {
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0.0175rem;
    }
    .planirovka-slider__item__characteristics ul li .value {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
    .planirovka-slider__item__btn {
        padding: 0.875rem;
    }
    .planirovka-slider__item__btn:hover {
        background: #003f3d;
    }
    .planirovka-slider__main {
        margin-top: 2rem;
    }
}
/* planirovka-slider end  */

/* three-form start  */

.three-form {
    padding: 0 0 7.5rem;
}
.three-form__wrap {
    padding: 2.5rem 0;
    display: flex;
    align-items: center;
    border-top: 0.0625rem solid #333;
    border-bottom: 0.0625rem solid #333;
}
.three-form__right {
    width: 49.625rem;
}
.three-form__right form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}
.three-form__form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}
.three-form__right form input {
    width: 100%;
    padding: 1.125rem 0;
    line-height: 1.5rem;
    border-bottom: 0.0625rem solid #333;
}
.three-form__form-bottom {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}
.three-form__right form button {
    width: 22.5rem;
    display: flex;
    justify-content: center;
    padding: 1.125rem;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    background: #003f3d;
    transition: all 0.3s ease;
}
.three-form__right form button:hover {
    background: #054947;
}
.three-form__form-policy {
    flex: 1;
    font-size: 0.75rem;
    line-height: 0.875rem;
}
.three-form__left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.three-form__title {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.three-form__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
@media (max-width: 768px) {
    .three-form {
        padding: 0 0 2.5rem;
    }
    .three-form__wrap {
        padding: 1.75rem 0;
        flex-direction: column;
        gap: 1.25rem;
    }
    .three-form__right {
        width: 100%;
    }
    .three-form__right form {
        gap: 2.5rem;
    }
    .three-form__form-row {
        grid-template-columns: repeat(1, 1fr);
    }
    .three-form__right form input {
        padding: 1.25rem 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .three-form__form-bottom {
        flex-direction: column;
        gap: 0.875rem;
    }
    .three-form__right form button {
        width: 100%;
    }
    .three-form__right form button:hover {
        background: #003f3d;
    }
    .three-form__form-policy {
        flex: none;
        width: 100%;
        font-size: 0.75rem;
        line-height: 0.875rem;
        text-align: center;
    }
    .three-form__left {
        flex: none;
        width: 100%;
        align-items: center;
        gap: 0.5rem;
    }
    .three-form__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .three-form__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* three-form end  */

/* commercial-premises start  */

.commercial-premises {
    background: #f4f4f4;
    padding: 7.5rem 0;
}
.commercial-premises__wrap {
    display: flex;
    gap: 3.75rem;
}
.commercial-premises__right {
    width: 61.25rem;
}
.commercial-premises__right img {
    width: 100%;
    height: auto;
}
.commercial-premises__left {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.commercial-premises__title {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.commercial-premises__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2.5rem;
    width: 25.625rem;
    margin: 7.5rem auto 0;
}
.commercial-premises__text {
    line-height: 1.5rem;
}
.commercial-premises__btn {
    display: flex;
    padding: 1.125rem 7.0625rem;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    background: #003f3d;
    transition: all 0.3s ease;
}
.commercial-premises__btn:hover {
    background: #054947;
}
.commercial-premises__img-mob {
    display: none;
}
@media (max-width: 768px) {
    .commercial-premises {
        padding: 2.5rem 0;
    }
    .commercial-premises__wrap {
        gap: 0;
    }
    .commercial-premises__right {
        display: none;
    }
    .commercial-premises__left {
        flex: none;
        width: 100%;
    }
    .commercial-premises__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .commercial-premises__content {
        gap: 1.5rem;
        width: 100%;
        margin: 0.75rem 0 0;
    }
    .commercial-premises__text {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .commercial-premises__btn {
        width: 100%;
        padding: 1.125rem;
        justify-content: center;
    }
    .commercial-premises__btn:hover {
        background: #003f3d;
    }
    .commercial-premises__img-mob {
        display: block;
        width: 100%;
        margin-top: 1.75rem;
    }
    .commercial-premises__img-mob img {
        width: 100%;
        height: auto;
    }
}
/* commercial-premises end  */

/* media start  */

/* Основные изменения для отображения 4 карточек в ряду */
.media {
    padding: 7.5rem 0;
}

.media__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.media__main {
    margin-top: 2.5rem;
}

.media__swiper {
    width: 100%;
}

/* Изменяем wrapper для grid-макета */
.media__swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    width: 100%;
}

/* Убираем flex и меняем структуру карточки */
.media__item {
    display: flex;
    flex-direction: column;
    padding: 0;
    /*border: 0.0625rem solid #333;*/
    transition: all 0.3s ease;
    text-decoration: none;
    color: inherit;
}

.media__item:hover {
    /*border-color: #003f3d;*/
    transform: translateY(-0.25rem);
}

/* Убираем первый border-top */
.media__swiper .swiper-slide:first-child .media__item {
   /* border-top: 0.0625rem solid #333;*/
}

.media__item__img {
    width: 100%;
    height: 12rem;
    overflow: hidden;
}

.media__item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.media__item:hover .media__item__img img {
    transform: scale(1.05);
}

/* Контент карточки */
.media__item__content {
    padding: 1.5rem 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.media__item__info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.media__item__name {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.media__item:hover .media__item__name {
    color: #003f3d;
}

.media__item__date {
    font-size: 0.75rem;
    line-height: 1rem;
    color: #666;
    margin-top: auto;
}

.media__item__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.media__item__date_mob {
    display: none;
}

/* Кнопки медиа */
.media__btn {
    display: flex;
    gap: 3.75rem;
}

.media__btn .radio-item {
    display: flex;
    align-items: center;
    position: relative;
}

.media__btn .radio-input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.media__btn .radio-label {
    cursor: pointer;
    user-select: none;
    font-family: "Druk Wide Cyr";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.media__btn .radio-input:checked + .radio-label {
    color: #0f4745;
}

.media__btn .radio-input:checked + .radio-label::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.0625rem;
    background: #0f4745;
    bottom: -0.5rem;
    left: 0;
}

/* Кнопка "все новости" */
.media__btn-more, .load-more-section {
    margin-top: 2.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1.5rem;
    border-top: 0.0625rem solid #333;
    border-bottom: 0.0625rem solid #333;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-decoration: none;
    color: inherit;
}

.media__btn-more:hover {
    background: #054947;
    color: #fff;
    border-top: 0.0625rem solid #054947;
    border-bottom: 0.0625rem solid #054947;
}

/* Адаптивность для планшетов */
@media (max-width: 1200px) {
    .media__swiper .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .media__swiper .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .media__item__img {
        height: 10rem;
    }
}

/* Мобильная версия */
@media (max-width: 768px) {
    .media {
        padding: 2.5rem 0;
    }
    
    .media__main {
        margin-top: 1.75rem;
    }
    
    .media__swiper {
        overflow-x: auto;
        overflow-y: visible;
    }
    
    .media__swiper .swiper-wrapper {
        display: flex;
        gap: 1rem;
        grid-template-columns: none;
    }
    
    .media__swiper .swiper-slide {
        min-width: 18.75rem;
        flex-shrink: 0;
    }
    
    .media__item {
        border: none;
        border-bottom: 0.0625rem solid #333;
    }
    
    .media__item:hover {
        transform: none;
    }
    
    .media__item__img {
        height: 11.1875rem;
    }
    
    .media__item__content {
        padding: 1rem 0;
    }
    
    .media__item__name {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    
    .media__item:hover .media__item__name {
        color: #333;
    }
    
    .media__item__date {
        display: none;
    }
    
    .media__item__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-top: 0.75rem;
        -webkit-line-clamp: none;
        overflow: visible;
        display: block;
    }
    
    .media__item__date_mob {
        display: block;
        margin-top: 1.25rem;
        font-size: 0.75rem;
        line-height: 0.875rem;
    }
    
    .media__btn {
        gap: 1.75rem;
    }
    
    .media__btn .radio-label {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    
    .media__btn .radio-input:checked + .radio-label::after {
        bottom: -0.25rem;
    }
    
    .media__btn-more {
        margin-top: 1.75rem;
        padding: 1.125rem;
    }
    
    .media__btn-more:hover {
        background: none;
        color: #333;
        border-top: 0.0625rem solid #333;
        border-bottom: 0.0625rem solid #333;
    }
}
/* media end  */

/* four-form start  */

.four-form {
    padding: 5rem 0;
    background: #f4f4f4;
}
.four-form__wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.four-form__title {
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.four-form__text {
    text-align: center;
    line-height: 1.5rem;
    max-width: 40.625rem;
    margin-top: 1rem;
}
.four-form__form {
    width: 38.75rem;
    margin-top: 2.5rem;
}
.four-form__form form {
    width: 100%;
}
.four-form__form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}
.four-form__form form input {
    width: 100%;
    padding: 1.125rem 0;
    line-height: 1.5rem;
    background: none;
    border-bottom: 0.0625rem solid #333;
}
.four-form__form form button {
    background: #003f3d;
    width: 100%;
    padding: 1.125rem;
    color: #fff;
    font-family: "Druk Wide Cyr";
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    text-align: center;
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}
.four-form__form form button:hover {
    background: #054947;
}
.four-form__form-policy {
    margin-top: 0.875rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 0.875rem;
}
@media (max-width: 768px) {
    .four-form {
        padding: 2.5rem 0 3.75rem;
    }
    .four-form__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .four-form__text {
        font-size: 0.875rem;
        line-height: 1.25rem;
        max-width: 100%;
        width: 85%;
        margin-top: 0.5rem;
    }
    .four-form__form {
        width: 100%;
        margin-top: 1.75rem;
    }
    .four-form__form-row {
        grid-template-columns: repeat(1, 1fr);
    }
    .four-form__form form input {
        padding: 1.25rem 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .four-form__form form button {
        margin-top: 1.75rem;
    }
    .four-form__form form button:hover {
        background: #003f3d;
    }
    .four-form__form-policy {
        margin-top: 0.5rem;
        font-size: 0.75rem;
        line-height: 0.875rem;
    }
}
/* four-form end  */

/* design start  */

.design {
    padding: 7.5rem 0;
}
.design__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}
.design__title {
    font-family: "Druk Wide Cyr";
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
}
.design__btn {
    display: flex;
}
.design__swiper__prev,
.design__swiper__next {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #1d1d1d;
    transition: all 0.3s ease;
}
.design__swiper__prev svg,
.design__swiper__next svg {
    width: 2rem;
    height: auto;
}
.design__swiper__prev:hover,
.design__swiper__next:hover {
    background: #003f3d;
    border: 0.0625rem solid #003f3d;
}
.design__swiper__prev:hover svg path,
.design__swiper__next:hover svg path {
    fill: #fff;
}
.design__main {
    margin-top: 2.5rem;
}
.design__swiper .swiper-slide .design__slide-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.design__slide__info {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.25rem;
}
.design__slide-name {
    font-family: "Druk Wide Cyr";
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 0.0275rem;
    text-transform: uppercase;
}
.design__slide-text {
    line-height: 1.5rem;
}
@media (max-width: 768px) {
    .design {
        padding: 2.5rem 0;
        overflow: hidden;
    }
    .design__header {
        gap: 0;
    }
    .design__title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        letter-spacing: 0.0225rem;
    }
    .design__btn {
        display: none;
    }
    .design__main {
        margin-top: 1.5rem;
    }
    .design__swiper {
        overflow: visible;
    }
    .design__swiper .swiper-slide {
        width: 15.75rem;
    }
    .design__slide__info {
        gap: 0.5rem;
        margin-top: 0.5rem;
    }
    .design__slide-name {
        font-size: 0.75rem;
        line-height: 1rem;
        letter-spacing: 0.015rem;
    }
    .design__slide-text {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
/* design end  */

/* mobile-menu start  */

.mobile-menu {
    background: #003f3d;
    position: fixed;
    z-index: 500;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    transition: all 0.5s ease;
}
.mobile-menu.active {
    top: 0;
}
.mobile-menu__close__desc {
    position: absolute;
    z-index: 20;
    right: 5rem;
    top: 2.5rem;
    background: none;
    display: flex;
}
.mobile-menu__close__desc svg {
    width: 3rem;
    height: auto;
}
.mobile-menu__container {
    width: 100%;
    margin: 0 auto;
    max-height: 100%;
    overflow: scroll;
}
.mobile-menu__bg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.mobile-menu__wrap {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 2;
    height: 100%;
}
.mobile-menu__left-img {
    display: none;
    position: absolute;
    left: 0;
    top: 6.25rem;
    width: 24.1875rem;
    height: 30.125rem;
}
.mobile-menu__left-img img,
.mobile-menu__right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobile-menu__right-img {
    display: none;
    position: absolute;
    right: 0;
    bottom: 6.25rem;
    width: 32.4375rem;
    height: 23.8125rem;
}
.mobile-menu__wrap nav {
    display: flex;
    justify-content: center;
    margin: 12.5rem 0 ;
}
.mobile-menu__wrap nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem;
}

.mobile-menu__wrap nav ul li a {
    color: #fff;
    text-align: center;
    font-family: "Druk Wide Cyr";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.25rem;
    letter-spacing: 0.14rem;
    text-transform: uppercase;
    position: relative;
    display: flex;
}
.mobile-menu__wrap nav ul li a:hover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.1875rem;
    background: #fff;
    bottom: -0.5rem;
    left: 0;
    z-index: 2;
}
.mobile-menu__header {
    display: none;
}
.mobile-menu__bg_mob {
    display: none;
}
@media (max-width: 768px) {
    .mobile-menu__close__desc {
        display: none;
    }
    .mobile-menu__container {
        width: 21.5rem;
    }
    .mobile-menu__bg {
        display: none;
    }
    .mobile-menu__bg_mob {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .mobile-menu__wrap {
        padding: 0.875rem 0;
        flex-direction: column;
        justify-content: start;
    }
    .mobile-menu__left-img {
        display: none;
    }
    .mobile-menu__right-img {
        display: none;
    }
    .mobile-menu__wrap nav {
        margin: 5rem 0 0;
    }
    .mobile-menu__wrap nav ul {
        gap: 1.5rem;
    }
    .mobile-menu__wrap nav ul li a {
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: 0.02rem;
    }
    .mobile-menu__wrap nav ul li a:hover::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        background: none;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
    .mobile-menu__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.25rem;
    }
    .mobile-menu__logo {
        display: flex;
    }
    .mobile-menu__logo img {
        width: 6.4033rem;
        height: auto;
    }
    .mobile-menu__header__right {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        justify-content: end;
    }
    .mobile-menu__header__right .mobile-menu__close {
        display: flex;
    }
    .mobile-menu__header__right .mobile-menu__close svg {
        width: 2rem;
        height: auto;
    }
    .mobile-menu__header__tel {
        color: #fff;
        font-family: "Druk Wide Cyr";
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 0.875rem;
        letter-spacing: 0.015rem;
        text-transform: uppercase;
    }
}
/* mobile-menu end  */
/* Ошибки форм */
.form-error {
    border-bottom: 0.0625rem solid #ff2525 !important;
}

/* Уведомления */
.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10000;
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.3s ease-out;
    pointer-events: none;
}

.notification.show {
    transform: translateX(0);
    opacity: 1;
}

.success-notification {
    background: #4caf50;
    color: white;
}

.error-notification {
    background: #f44336;
    color: white;
}

.notification-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    flex-shrink: 0;
}

.success-notification .notification-icon {
    color: #4caf50;
}

.error-notification .notification-icon {
    color: #f44336;
}

.notification-text {
    font-size: 14px;
    line-height: 1.2;
}


    .cookie_banner {
        position: fixed;
        bottom: 2rem;
        width: 38vw;
        left: calc(50% - 19vw);
        background: white;
        padding: 1.5rem;
        box-shadow: 0px -4px 8px 0px rgba(51, 51, 51, 0.1);
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        animation: slideUp 0.3s ease-out;
    }
    
    .cookie_banner.hidden {
        display: none;
    }
    
    @keyframes slideUp {
        from {
            transform: translateY(100%);
        }
        to {
            transform: translateY(0);
        }
    }
    
    .cookie_text {
        flex: 1;
        color: #333;
        font-size: 14px;
        line-height: 1.4;
    }
    
    .cookie_button {
        background: rgba(0, 63, 61, 1);
        color: white;
        border: none;
        padding: 12px 24px;
        font-size: 0.875rem;
        font-family: "Druk Wide Cyr";
        letter-spacing: 0.0175rem;
        font-weight: 500;
        cursor: pointer;
        transition: background-color 0.2s ease;
        white-space: nowrap;
    }
    
    .cookie_button:hover {
        background: rgba(0, 53, 51, 1);
    }
    
    .cookie_button:active {
        transform: translateY(1px);
    }
    
    /* Адаптив для планшетов */
    @media (max-width: 768px) {
        .cookie_banner {
            padding: 16px;
            gap: 16px;
            width: 90vw;
            bottom: 1rem;
            left: calc(50% - 45vw);
        }
        
        .cookie_text {
            font-size: 13px;
        }
        
        .cookie_button {
            padding: 10px 20px;
            font-size: 13px;
        }
    }
    
    /* Адаптив для мобильных */
    @media (max-width: 480px) {
        .cookie_banner {
            flex-direction: column;
            align-items: stretch;
            padding: 16px;
            gap: 12px;
        }
        
        .cookie_text {
            text-align: center;
            font-size: 13px;
        }
        
        .cookie_button {
            width: 100%;
            padding: 12px;
            font-size: 14px;
        }
    }
    
    
    /* Section */
.section_nm1 {
  padding: 2.5rem 0;
}

/* Container */
.container_nm1 {

    width: 110rem;
    margin: 0 auto;
    height: 100%;
  padding: 0 0.9375rem;
}

/* Banner wrapper */
.banner-wrapper_nm1 {
  position: relative;
}

/* Booklet image */
.booklet-image_nm1 {
  position: absolute;
  z-index: 10;
  height: 5rem;
  width: 5rem;
  object-fit: contain;
  pointer-events: none;
  bottom: 1.25rem;
  right: 1.25rem;
}

/* Banner link */
.banner-link_nm1 {
  display: block;
  position: relative;
  background: #003f3d;
  padding: 1.25rem;
  text-decoration: none;
  overflow: hidden;
}

/* SVG decoration */
.banner-decoration_nm1 {
  position: absolute;
  left: -2rem;
  top: 0;
  transform: translateY(-33%);
  pointer-events: none;
}

/* Banner content */
.banner-content_nm1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #fff;
  margin-bottom: 4.0625rem;
}

/* Banner text */
.banner-text_nm1 {
  font-family: "Druk Wide Cyr", sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #fff;
}

/* Button styles */
.btn_nm1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  font-family: "Druk Wide Cyr", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.btn-white_nm1 {
  background-color: #fff;
  color: #003f3d;
}

.btn-white_nm1:hover {
  opacity: 0.9;
}

/* ===== TABLET (768px+) ===== */
@media (min-width: 48rem) {
  .booklet-image_nm1 {
    bottom: auto;
    right: auto;
    top: 50%;
    left: 1.25rem;
    transform: translateY(-50%);
  }

  .banner-link_nm1 {
    padding-left: 8.4375rem;
  }

  .banner-decoration_nm1 {
    left: 5rem;
    transform: translateX(33%) translateY(-33%);
  }

  .banner-content_nm1 {
    gap: 0.5rem;
  }
}

button:disabled {
    opacity: .5;
    pointer-events: none;
}

/* ===== DESKTOP (1024px+) ===== */
@media (min-width: 64rem) {
  .banner-link_nm1 {
    display: flex;
    gap: 5rem;
    align-items: center;
    justify-content: space-between;
  }

  .banner-content_nm1 {
    margin-bottom: 0;
  }
}