table.table-no-border {
    border-collapse: collapse;
}

table.table-no-border td,
table.table-no-border th {
    border: none;
}

/* Граница между столбцами */
table.table-no-border td:not(:last-child),
table.table-no-border th:not(:last-child) {
    border-right: 1px solid #bed3e3;
}

/* Граница между строками */
table.table-no-border tr:not(:last-child) td,
table.table-no-border tr:not(:last-child) th {
    border-bottom: 1px solid #bed3e3;
}




/* Вторяа таблица на синем фоне */

table.table-no-border2 {
    border-collapse: collapse;
}

table.table-no-border2 td,
table.table-no-border2 th {
    border: none;
}

/* Граница между столбцами */
table.table-no-border2 td:not(:last-child),
table.table-no-border2 th:not(:last-child) {
    border-right: 1px solid #41556d;
}

/* Граница между строками */
table.table-no-border2 tr:not(:last-child) td,
table.table-no-border2 tr:not(:last-child) th {
    border-bottom: 1px solid #41556d;
}




.container {
    display: flex;
align-items: stretch;
    gap: 5px; /* расстояние между блоками */
    width: 100%;
}

.block {
    border-radius: 15px;
    overflow: hidden;
}

/* Левый блок — больше */
.block-image {
    flex: 2;
}

.block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Правый блок — меньше */
.block-text {
    flex: 1;
        padding: 80px 120px 80px 50px;

    background: #0d3f88;
}




.hero {
    position: relative;

    width: 100%;
    min-height: 500px;

     background-image: url("/file/i_pic/2026/about/2.jpg");
    background-size: cover;
    background-position: center;
        }

        .hero-content {


position: absolute;

    top: 0;
    bottom: 0;
    right: 110px;

    width: 35%;

    /* Полупрозрачный фон */
    background: #0d3f88eb;

    /* Текст по вертикали по центру */
    display: flex;
    align-items: center;

    /* Отступ только внутри текстового блока */
    padding: 40px;

    color: #fff;

        }

      

        

        /* Адаптация для мобильных */
        @media (max-width: 768px) {
            .hero {
                padding: 10px;
            }

            .hero-content {
                width: calc(100% - 20px);
                margin-right: 10px;
                min-height: 480px;
                padding: 30px;
            }

           
        }