.project_main_block .content_wrapper {
    display: flex;
    flex-direction: row;
    gap: 100px;
    align-items: center;
    justify-content: space-between;
}
.project_main_block .content_wrapper.align_items_start {
    align-items: start;   
}
.project_main_block .content_wrapper.align_items_center {
    align-items: center;   
}
.project_main_block .content_wrapper.align_items_end {
    align-items: end;   
}
.project_main_block.fifty .content_wrap {
    flex-basis: calc(50% - 55px);
}
.project_main_block.fifty .gallery_wrapper {
    flex-basis: 50%;
}
.project_main_block.sixty .content_wrap {
    flex-basis: calc(60% - 55px);
}
.project_main_block.sixty .gallery_wrapper {
    flex-basis: 40%;
    max-width: 536px;
}
.project_main_block.seventy .content_wrap {
    flex-basis: calc(70% - 55px);
}
.project_main_block.seventy .gallery_wrapper {
    flex-basis: 30%;
}

.info-card {
    background: #E6EDF0;
    /* border-radius: 16px; */
    padding: 24px;
    display: grid;
    gap: 20px;
}
.info-item span {
    display: block;
    font-family: var(--defaultFontFamily);
    font-size: var(--defaultDeskFont);
    font-style: var(--defaultFontStyle);
	font-weight: 700;
    line-height: var(--defaultDeskLineHt);
    color: var(--primaryFontColor);
    margin-bottom: 5px;
}
.info-item p {
    font-family: var(--defaultFontFamily);
    font-size: var(--defaultDeskFont);
    font-style: var(--defaultFontStyle);
    font-weight: 400;
    line-height: var(--defaultDeskLineHt);
    color: var(--defaultFontColor);
}

.projectinner-wrap {
    position: relative;
}
.projectinner-swiper {
    overflow: hidden;
}
.projectinner-swiper .swiper-wrapper {
    align-items: center;
    width: 100%;
    position: relative;
    padding-bottom: 10px;
}
.projectinner-swiper .swiper-slide {
    width: 100% !important;
}
.projectinner-swiper .swiper-slide img {
    width: 100%;
    max-width: 100%;
    max-height: 500px;
    object-fit: cover;
}

.project-pagination {
    display: block;
    width: 100%;
}
.project-nav-wrapper {
    display: flex;
    justify-content: end;
    gap: 20px;
}
.project-prev,
.project-next {
    position: relative;
    width: 40px;
    height: 40px;
    border: 2.812px solid #C20000;
    background: #C20000;
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
}
.project-prev i,
.project-next i {
    font-size: 30px;
}
.project-prev:hover,
.project-next:hover {
    background: #fff;
    color: #C20000;
}

@media (max-width: 992px) {
    .project_main_block .content_wrapper {
        flex-direction: column;
        gap: 60px;
    }
}