div#project-block .view-proekty.view-id-proekty.view-display-id-block_1{
    position: relative;
}

div#project-block .view-content{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

div#project-block .view-content .views-row{
    max-width: 370px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

div#project-block .views-field-field-project-img{
    border-radius: 10px;
    overflow: hidden;
    height: 100%;

}
div#project-block .views-field-field-project-img .field-content,
div#project-block .views-field-field-project-img .field-content .media--type-image,
div#project-block .views-field-field-project-img .field-content .media--type-image .field--name-field-media-image,
div#project-block .views-field-field-project-img .field-content .media--type-image .field--name-field-media-image .field__item{
    height: 100%;
}
div#project-block .views-field-field-project-img .field-content .media--type-image .field--name-field-media-image .field__item img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

div#project-block .view-content .views-row .views-field.views-field-title{
    margin-bottom: 20px;
    padding-top: 80px;
    position: relative;
}

div#project-block .view-content .views-row .views-field.views-field-title a{
    color: inherit;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}

div#project-block .view-content .views-row .views-field.views-field-title::before{
    content: '';
    position: absolute;
    width: 68px;
    height: 68px;
    border: 1px solid var(--color-dark);
    border-radius: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#project-block .view-content .views-row:nth-child(1) .views-field.views-field-title::before{
    content: '01';
}

div#project-block .view-content .views-row:nth-child(2) .views-field.views-field-title::before{
    content: '02';
}

div#project-block .view-content .views-row:nth-child(3) .views-field.views-field-title::before{
    content: '03';
}


div#project-block .view-content .views-row .views-field.views-field-body{
    position: absolute;
    bottom: 30px;
    z-index: 2;
    backdrop-filter: blur(62.400001525878906px);
    background: rgba(255, 255, 255, 0.3);
    padding: 30px 20px 30px 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 124%;
    color: var(--color-white);
}

div#project-block .view-header{
  justify-content: end;
}

div#project-block .more-link{
    position: absolute;
    top: 40px;
    left: 0;
}

div#project-block .more-link a{
    padding: 14px 54px;
    color: var(--color-white);

}

.view-proekty.view-id-proekty.view-display-id-page_1 .view-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.view-proekty.view-id-proekty.view-display-id-page_1 .view-content .media--type-image.media--view-mode-default {
    max-width: 370px;
    width: 100%;
    height: 370px;
    overflow: hidden;
}

/* Внутр. страница с проектами */
.view-id-proekty.view-display-id-page_1 .views-row{
    position: relative;
    max-width: 370px;
    width: 100%;
    height: 100%;
}

.view-id-proekty.view-display-id-page_1 .views-row .field--name-field-media-image,
.view-id-proekty.view-display-id-page_1 .views-row .field--name-field-media-image .field__item,
.view-id-proekty.view-display-id-page_1 .views-row .field--name-field-media-image .field__item img{
    width: 100%;
    height: 100%;
}
.view-id-proekty.view-display-id-page_1 .views-row .field--name-field-media-image .field__item img{
    object-fit: cover;
}
.view-id-proekty.view-display-id-page_1 .views-field.views-field-title{
    position: absolute;
    bottom: 30px;
    z-index: 2;
    backdrop-filter: blur(62.400001525878906px);
    background: rgba(255, 255, 255, 0.3);
    padding: 30px 20px 30px 30px;
}

.view-id-proekty.view-display-id-page_1 .views-field.views-field-title a{
    color: var(--color-white);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    text-decoration: none;
}

.view-id-proekty.view-display-id-page_1 .views-field.views-field-title a:hover{
    color: var(--color-accent);
}


/* Страница проекта */

/*главное изображение*/
.node--type-proekty.node--view-mode-full .group-left .field--name-field-project-img,
.node--type-proekty.node--view-mode-full .group-left .field--name-field-foto-na-vnutrenney{
    max-width: 570px;
    width: 100%;
    height: 365px;
    overflow: hidden;
    border-radius: 10px;
}

.node--type-proekty.node--view-mode-full .group-left .field--name-field-foto-na-vnutrenney .field__items{
    height: 365px;
}
.node--type-proekty.node--view-mode-full .field--name-field-project-img,
.node--type-proekty.node--view-mode-full .field--name-field-media-image.field--type-image,
.node--type-proekty.node--view-mode-full .field--name-field-media-image.field--type-image .field__item,
.node--type-proekty.node--view-mode-full .field--name-field-media-image.field--type-image .field__item img{
    width: 100%;
    height: 100%;
}

.node--type-proekty.node--view-mode-full .field--name-field-media-image.field--type-image .field__item img{
    object-fit: cover;
}

/*Заголовок*/
.node--type-proekty.node--view-mode-full h1{
    text-transform: uppercase;
    font-size: 40px;
}


/*Подзаголовок*/
.node--type-proekty.node--view-mode-full  .field--name-field-podzagolovok{
    font-size: 20px;
    font-weight: 500;
}

.node--type-proekty.node--view-mode-full .field--name-field-tekst-v-pravoy-kolonke{
    font-size: 16px;
    font-weight: 500;
    margin-top: 60px;
}
.node--type-proekty.node--view-mode-full .group-right {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.node--type-proekty.node--view-mode-full .field--name-field-knopka-zabronirovat {
    max-width: 245px;
    width: 100%;
    margin-top: 18px;
    color: var(--color-white);
}

.ds-2col-stacked > .group-footer {
    padding-top: 30px;
}
.field--name-field-opisanie-na-stranice{
    font-size: 16px;
    font-weight: 500;
}
.field--name-field-opisanie-na-stranice strong{
    color: var(--color-accent);
}
.field--name-field-opisanie-na-stranice > p > span{
    font-weight: 500;
    display: block;
    margin-bottom: 20px;
}
.field--name-field-opisanie-na-stranice ul{
    padding-left: 0;
    
}
.field--name-field-opisanie-na-stranice ul li{
    list-style: none;
    padding-block: 20px;
    padding-left: 45px;
    position: relative;
}

.field--name-field-opisanie-na-stranice ul li::before{
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    border: 1px solid var(--color-dark);
    border-radius: 100%;
    top: 15px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field--name-field-opisanie-na-stranice ul li:nth-child(1)::before{
    content: '01';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(2)::before{
    content: '02';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(3)::before{
    content: '03';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(4)::before{
    content: '04';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(5)::before{
    content: '05';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(6)::before{
    content: '06';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(7)::before{
    content: '07';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(8)::before{
    content: '08';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(9)::before{
    content: '09';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(10)::before{
    content: '10';
}
.field--name-field-opisanie-na-stranice ul li:nth-child(11)::before{
    content: '11';
}




.ds-2col-stacked > .group-left {
    float: left;
    width: 48%;
    margin-right: 15px;
}

/*Блок "Особые зоны"*/
.field--name-field-kratkoe-opisanie{
    font-size: 15px;
    font-weight: 500;
}
.field--name-field-kratkoe-opisanie strong{
    color: var(--color-accent);
}

.node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony{
    display: flex;
    gap: 15px;
} 

.node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony > .field__item{
    max-width: 370px;
    width: 100%;
}  
.node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony .field--name-field-media-image{
    max-width: 370px;
    width: 100%;
    height: 267px;
    border-radius: 10px;
    overflow: hidden;
}
.node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony .field--name-field-media-image .field__item,
.node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony .field--name-field-media-image .field__item img{
    width: 100%;
    height: 100%;
} 

.node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony .field--name-field-media-image .field__item img{
    object-fit: cover;
}

/* .node--type-proekty.node--view-mode-full .field--name-field-media-image.field--type-image .field__item img {
    margin-top: -285px;
} */

.field--name-field-osobye-zony .paragraph--type--osobye-zony .field--name-field-izobrazhenie{
    margin-bottom: 20px;
}

.field--name-field-zagolovok-bloka-osobye-zon{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.field--name-field-zagolovok-bloka-osobye-zon strong{
    color: var(--color-accent);
}

@media screen and (max-width: 1200px){
    div#project-block {
        padding-top: calc(50px + (120 - 50) * ((100vw - 320px) / (1200 - 320)));
    }
    .view-header h2 {
        font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1200 - 320)));
    }
    div#project-block .view-content .views-row {
        max-width: calc(300px + (370 - 300) * ((100vw - 992px) / (1200 - 992)));
    }
}

@media screen and (max-width: 992px){
    div#project-block .view-content {
        justify-content: center;
    }
    div#project-block .view-content .views-row:nth-child(2) ~ *{
        display: none;
    }
    div#project-block .view-content .views-row {
        max-width: 370px;
    }
    div#project-block .more-link {
        position: relative;
        top: 40px;
        text-align: center;
    }
}

@media screen and (max-width: 767px){
    .node--type-proekty.node--view-mode-full .field--name-field-podzagolovok {
        font-size: 18px;
        font-weight: 500;
    }
    .ds-2col-stacked > .group-left {
        width: 100%;
    }
    .ds-2col-stacked > .group-right {
        float: right;
        width: 100%;
    }
    .node--type-proekty.node--view-mode-full .field--name-field-tekst-v-pravoy-kolonke {
        margin-top: 30px;
    }
    .node--type-proekty.node--view-mode-full .group-right {
        margin-top: 20px;
    }
    .node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony {
        flex-wrap: wrap;
        justify-content: center;
    }
    .node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony > .field__item {
        max-width: 47%;
    }
    .view-id-proekty.view-display-id-page_1 .views-row {
        max-width: 48%;
    }
}


@media screen and (max-width: 480px){
    div#project-block .view-content .views-row {
        max-width: 370px;
    }
     .node--type-proekty.node--view-mode-full .group-footer .field--name-field-osobye-zony > .field__item {
        max-width: 100%;
    }
     .view-id-proekty.view-display-id-page_1 .views-row {
        max-width: 85%;
    }
}