

/* Start:/local/templates/solution-redesign/components/bitrix/system.pagenavigation/load_more/style.css?176581535352*/
.button--load-more {
    margin: 32px auto 0 auto;
}
/* End */


/* Start:/local/templates/solution-redesign/components/bitrix/news.list/tsz-plained-projects/style.css?17658153532727*/
.complex-list a.button {
    margin-top: 8px;
}

.complex-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    cursor: pointer;
}

.complex-item .request {
    display: flex;
    align-items: center;
    gap: 16px;
}

.complex-item .request .request-count {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.complex-item__image {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
}

.complex-item__image img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.complex-item:hover .complex-item__image img {
    transform: scale(1.1);
}

.complex-item-tags {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    max-width: 60%;
    flex-wrap: wrap;
}

.complex-item-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.complex-item-text p {
    color: var(--c-gray-80);
}

.complex-item-text__name {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.complex-item-text__name > * {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.complex-item:hover .complex-item-text__name > * {
    color: var(--c-primary);
}

.complex-item-text__name > *:last-child {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.complex-item-text__name > *:last-child:not(:first-child)::before {
    content: '';
    display: flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--c-gray-50);
}

.complex-item-text__name h3,
.complex-item-text__name h4 {
    color: var(--c-gray-100);
}

@media (max-width: 1919px) {
    .complex-item__image img {
        height: 338px;
    }
}

@media (max-width: 1439px) {
    .complex-item {
        gap: 16px;
    }

    .complex-item__image img {
        height: 301px;
    }

    .complex-item-tags {
        max-width: 95%;
    }
}

@media (max-width: 1023px) {
    .complex-item__image img {
        height: 240px;
    }

    .complex-item__image {
        order: 1;
    }

    .complex-item-tags {
        position: static;
        order: 2;

    }

    .complex-item-text {
        order: 3;
    }

    .complex-item-text__name {
        flex-wrap: wrap;
        gap: unset;
        column-gap: 8px;
    }

    .complex-item-text__name > *:last-child {
        gap: 8px;
    }
}

@media (max-width: 576px) {
    .complex-list .row{
        gap: 24px;
    }

    .complex-item-tags {
        flex-wrap: nowrap;
        overflow-x: scroll;
        max-width: 100%;
    }

    .complex-item-text__name h4 {
        white-space: nowrap
    }

}
/* End */
/* /local/templates/solution-redesign/components/bitrix/system.pagenavigation/load_more/style.css?176581535352 */
/* /local/templates/solution-redesign/components/bitrix/news.list/tsz-plained-projects/style.css?17658153532727 */
