.projects-result-title {
    margin-bottom: 202px;
}
.content-projects > div {
    padding-left: var(--extra-small-container);
}
.content-projects > div:before {
    content: "";
    position: absolute;
    top: 11px;
    bottom: 11px;
    left: 0;
    width: 10px;
    background-color: var(--primary);
}
.project-link-btn {
    width: 63px;
    height: 63px;
    background-color: var(--primary);
    position: relative;
    cursor: pointer;
}
.project-link-btn:before,
.project-link-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--default);
}
.project-link-btn:before {
    height: 4px;
    width: 40%;
}
.project-link-btn:after {
    width: 4px;
    height: 40%;
}
.project-result-banner {
    padding-top: 61%;
    overflow: hidden;
}
.project-result-banner img {
    transition: all .5s ease;
}
.project-result-banner.active img{
    transform: scale(1.1);
}
.project-result-banner:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .4);
}
.project-result-title-box {
    position: absolute;
    bottom: 26px;
    left: 26px;
    right: 29px;
    z-index: 20;
}
.project-result-title-box > div {
    max-width: 90%;
}
.project-res-col {
    margin-bottom: 106px;
}
.projects-result {
    margin-bottom: -106px;
}
.projects-result-row {
    margin-top: 182px;
}
.project-result-boxes {
    position: absolute;
    top: -47px;
    height: 36%;
    z-index: -1;
    left: var(--grid);
    right: -27%;
}
.project-result-boxes  img{
    object-fit: cover;
}
/**
Publish
*/
.content-project-publish .title {
    max-width: 50%;
}
.content-project-publish .desc {
    margin-top: 100px;
    max-width: 36%;
}
.content-project-publish {
    padding-left: var(--extra-small-container);
}
.content-project-publish:before {
    content: "";
    position: absolute;
    top: 19px;
    bottom: 0;
    left: 0;
    width: 10px;
    background-color: var(--primary);
}
.project-swiper {
    border: 20px solid var(--primary);
    margin-top: 118px;
}
.project-gallery-img {
    padding-top: 36%;
}
.project-swiper-btns {
    position: absolute;
    right: 55px;
    left: 55px;
    bottom: 37px;
    z-index: 20;
}
.project-swiper-btns > :first-child {
    column-gap: 48px;
}
.project-publish-boxes img {
    object-fit: cover;
}
.project-publish-boxes {
    position: absolute;
    top: 50px;
    z-index: -1;
    left: -11%;
    right: -27%;
}

@media (max-width: 1499.98px) {
    .project-swiper-btns > :first-child {
        column-gap: 25px;
    }
    .content-project-publish:before {
        top: 14px;
    }
    .content-projects > div:before {
        top: 8px;
        bottom: 8px;
    }
    .projects-result-row {
        margin-top: 112px;
    }
    .projects-result-title {
        margin-bottom: 102px;
    }
    .project-link-btn {
        width: 50px;
        height: 50px;
    }
    .project-res-col {
        margin-bottom: 50px;
    }
    .projects-result {
        margin-bottom: -50px;
    }
}
@media (max-width: 1199.98px) {
    .project-swiper {
        border: 10px solid var(--primary);
    }
    .project-swiper-btns {
        right: 40px;
        left: 40px;
        bottom: 30px;
    }
    .content-project-publish .desc {
        max-width: 50%;
    }
    .project-result-boxes {
        top: 48px;
        height: 22%;
        right: -55%;
    }
    .project-link-btn {
        width: 40px;
        height: 40px;
    }
    .project-res-col {
        margin-bottom: 30px;
    }
    .projects-result {
        margin-bottom: -30px;
    }
}
@media (max-width: 991.98px) {
    /*.swiper-pagination {*/
    /*    column-gap: 3px;*/
    /*}*/
    /*.project-swiper .swiper-pagination-bullet {*/
    /*    width: 31px;*/
    /*}*/
    .project-swiper-btns > :first-child {
        column-gap: 12px;
    }
    .project-swiper-btns {
        right: 12px;
        left: 12px;
        bottom: 10px;
    }
    .project-gallery-img {
        padding-top: 65%;
    }
    .content-project-publish .desc {
        margin-top: 19px;
        max-width: 100%;
        padding-right: var(--grid);
    }
    .content-project-publish::before {
        top: 11px;
        left: var(--min-grid);
        width: 6px;
    }
    .project-swiper-main {
        padding-left: var(--grid);
        padding-right: var(--grid);
    }
    .project-swiper {
        border: none;
        margin-top: 57px;
    }
    .project-result-boxes {
        height: 13%;
    }
    .project-result-banner {
        padding-top: 45%;
    }
    .project-result-title-box {
        bottom: 25px;
        left: 19px;
        right: 19px;
    }
    .projects-result-row {
        margin-top: 46px;
    }
    .projects-result-title {
        margin-bottom: 0;
    }
    .content-projects > div::before {
        top: 2px;
        bottom: 2px;
        width: 6px;
    }
    .project-link-btn:before {
        height: 2px;
    }
    .project-link-btn:after {
        width: 2px;
    }
    .project-result-title-box > div {
        max-width: 80%;
    }
    .content-projects > div:before {
        left: var(--min-grid)
    }
    .project-link-btn {
        width: 30px;
        height: 30px;
    }
}
@media(max-width: 767.98px) {
    .project-gallery-img {
        padding-top: 72%;
    }
    .content-project-publish:before {
        top: 4px;
    }
    .project-result-boxes {
        top: -35px;
        height: 20%;
        right: -25%;
    }
    .project-result-banner {
        padding-top: 66%;
    }
}
@media(max-width: 575.98px) {
    .project-gallery-img {
        padding-top: 82%;
    }
}