.mobile_project_info_container {
    display: none;
}

@media only screen and (max-width: 960px) {
    :root {
        --swiper-navigation-color: var(--background-color) !important;
        --mobile-project-info-gap: 30px;
        --mobile-project-info-title-fw: 500;
        --mobile-project-info-title-fs: 32px;
        --mobile-project-info-table-column-template: repeat(3, calc(100% / 3));
        --mobile-project-info-table-item-padding: 40px 27px;
        --mobile-project-info-table-item-height: 290px;
        --mobile-project-info-table-item-text-fw: 300;
        --mobile-project-info-table-item-text-fs: 16px;
        --mobile-project-info-table-item-text-lh: 23px;
    }

    .mobile_project_info_container {
        padding: var(--mobile-project-info-gap);
        border-top: var(--nav-border);
        flex-direction: column;
        justify-content: start;
        box-sizing: border-box;
        align-items: center;
        display: flex;
        width: 100%;
    }

    .mobile_project_info_container > .project_info_title {
        font-weight: var(--mobile-project-info-title-fw);
        font-size: var(--mobile-project-info-title-fs);
        margin: 0 0 var(--mobile-project-info-gap);
        letter-spacing: var(--letter-spacing);
        color: var(--text-main-color);
        white-space: break-spaces;
        text-transform: uppercase;
        text-align: start;
        line-height: 100%;
        width: 100%;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block {
        grid-template-columns: var(--mobile-project-info-table-column-template);
        margin-bottom: var(--mobile-project-info-gap);
        border: var(--nav-border);
        display: grid;
        width: 100%;
        gap: 0;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr {
        padding: var(--mobile-project-info-table-item-padding);
        height: var(--mobile-project-info-table-item-height);
        border-inline-end: var(--nav-border);
        border-bottom: var(--nav-border);
        justify-content: space-between;
        flex-direction: column;
        box-sizing: border-box;
        display: flex;
        width: 100%;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr.swiper {
        padding: 0;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(3),
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(6) {
        border-inline-end: 0;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(4),
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(5),
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(6) {
        border-bottom: 0;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr > .project_info_table_descr__tilte,
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr > .project_info_table_descr__text {
        font-weight: var(--mobile-project-info-table-item-text-fw);
        line-height: var(--mobile-project-info-table-item-text-lh);
        font-size: var(--mobile-project-info-table-item-text-fs);
        letter-spacing: var(--letter-spacing);
        margin: 0;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr > .project_info_table_descr__tilte {
        text-transform: uppercase;
    }

    .mobile_project_info_description__block {
        font-weight: var(--mobile-project-info-table-item-text-fw);
        line-height: var(--mobile-project-info-table-item-text-lh);
        font-size: var(--mobile-project-info-table-item-text-fs);
        letter-spacing: var(--letter-spacing);
        white-space: break-spaces;
        text-align: start;
        width: 100%;
        margin: 0;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr > .project_info_table__swiper {
        box-sizing: border-box;
        display: flex;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr > .project_info_table__swiper,
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr > .project_info_table__swiper > .project_info_table__swiper_slide,
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr > .project_info_table__swiper > .project_info_table__swiper_slide > .project_info_table_descr__swiper_image {
        height: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 760px) {
    :root {
        --mobile-project-info-table-item-padding: 30px 20px;
    }
}

@media only screen and (max-width: 680px) {
    :root {
        --mobile-project-info-gap: 30px;
        --mobile-project-info-title-fs: 24px;
        --mobile-project-info-table-column-template: repeat(2, calc(100% / 2));
    }
    .mobile_project_info_container {
        padding: var(--mobile-project-info-gap);
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(3),
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(4),
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(5) {
        border-inline-end: var(--nav-border);
        border-bottom: var(--nav-border);
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(2),
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(4),
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(6) {
        border-inline-end: 0;
    }

    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(5),
    .mobile_project_info_container > .mobile__project_info_table_descrs__block > .mobile__project_info_table_descr:nth-child(6) {
        border-bottom: 0;
    }
}

@media only screen and (max-width: 560px) {
    :root {
        --mobile-project-info-gap: 30px;
        --mobile-project-info-title-fs: 20px;
        --mobile-project-info-table-item-text-fs: 14px;
    }
}

@media only screen and (max-width: 425px) {
    :root {
        --mobile-project-info-gap: 20px;
        --mobile-project-info-table-item-padding: 27px 18px;
    }
}
