.table_block {
    width: 100%;
    border: 2px solid #233457;
    border-radius: 8px;
}

.table_block_header {
    display: flex;
    background-color: #fcfcfc;
    width: 100%;
    border-radius: 10px 10px 0 0;
    align-items: center;
}

.dark_mode .table_block_header {
    background-color: #04122D;
}

.table_block_title {
    width: 100%;
}

.table_block_title h2{
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}

.column1_title_block {
    width: 25%;
    padding: 18px 20px 18px 22px;
}

.column2_title_block {
    padding: 16px 18px;
}

.column3_title_block {
    padding: 16px 18px;
}

.column4_title_block {
    padding: 16px 18px;
}

.column5_title_block {
    padding: 16px 18px;
}

.column6_title_block {
    width: 15%;
    padding: 16px 18px;
}

.column1_subtitle_block {
    color: rgb(76, 131, 243);
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    text-align: left;
}

.table_block_table {
    display: flex;
    background-color: #fcfcfc;
    width: 100%;
    border-radius: 0 0 10px 10px;
    flex-direction: column;
}

.dark_mode .table_block_table {
    background-color: #04122D;
}

.cell1_block {
    width: 25%;
    padding: 7px 18px;
}

.cell2_block {
    display: flex;
    align-items: center;
    padding: 7px 18px;
}

.cell3_block {
    display: flex;
    align-items: center;
    padding: 7px 18px;
}

.cell4_block {
    display: flex;
    align-items: center;
    padding: 7px 18px;
}

.cell5_block {
    display: flex;
    align-items: center;
    padding: 7px 18px;
}

.cell6_block {
    width: 15%;
    padding: 11px 18px;
    display: flex;
    align-items: center;
}

.row_block {
    display: flex;
    border-top: 1px solid #233457;
}

.cell1_block {
    display: flex;
    align-items: center;
    gap: 22px;
}

.cell1_image {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 12px;
}

.column1_title_block h2 {
    margin-bottom: 0;
    color: #D1DDF4;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
}

.column2_title_block h2 {
    color: #D1DDF4;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    margin-bottom: 0px;
    text-align: left;
}

.column3_title_block h2 {
    color: #D1DDF4;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    margin-bottom: 0px;
    text-align: left;
}

.column4_title_block h2 {
    color: #D1DDF4;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    margin-bottom: 0px;
    text-align: left;
}

.column5_title_block h2 {
    color: #D1DDF4;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    margin-bottom: 0px;
    text-align: left;
}

.column6_title_block h2 {
    color: #D1DDF4;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 20px;
}

.dark_mode .column1_title_block h2 {
    color: #ffffff;
}

.dark_mode .column2_title_block h2 {
    color: #ffffff;
}

.dark_mode .column3_title_block h2 {
    color: #ffffff;
}

.dark_mode .column4_title_block h2 {
    color: #ffffff;
}

.dark_mode .column5_title_block h2 {
    color: #ffffff;
}

.dark_mode .column6_title_block h2 {
    color: #ffffff;
}

.cell6_text {
    padding: 9px 20px 9px 20px;
    background: #04173E;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 600;
}

.dark_mode .cell6_text {
    padding: 9px 20px 9px 20px;
    color: #FF1084;
    border-radius: 4px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
    background: #04122D;
    text-align: left;
    width: 100%;
}

.cell1_text a {
    text-decoration: none;
    color: #1B1C1D;
    font-style: normal;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    transition: color 0.3s ease;
    position: relative;
}

.dark_mode .cell1_text a {
    color: #ffffff;
}

.cell1_text a::before {
    content: '';
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #FD406A;
}

.cell1_text a:hover::before {
    visibility: visible;
    width: 100%;
}

.cell1_text a:hover {
    color: #FD406A;
}

.cell1_text a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
}

.cell2_text{
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: #1B1C1D;
    text-align: left;
    width: 100%;
}

.cell3_text{
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: #1B1C1D;
    text-align: left;
    width: 100%;
}

.cell4_text{
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: #1B1C1D;
    text-align: left;
    width: 100%;
}

.cell5_text{
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: #1B1C1D;
    text-align: left;
    width: 100%;
}

.dark_mode .cell2_text{
    color: #ffffff;
}

.dark_mode .cell3_text{
    color: #ffffff;
}

.dark_mode .cell4_text{
    color: #ffffff;
}

.dark_mode .cell5_text{
    color: #ffffff;
}

@media screen and (max-width: 1024px) {
    .table_block {
        overflow-x: scroll;
    }
    .row_block {
        min-width: fit-content;
    }
    .column1_title_block,
    .cell1_block {
        min-width: 300px;
        /*padding: 22px 30px 22px 20px;*/
    }
    .column2_title_block,
    .cell2_block {
        min-width: 200px;
    }
    .column3_title_block,
    .cell3_block {
        min-width: 170px;
    }
    .column4_title_block,
    .cell4_block {
        min-width: 170px;
    }
    .column5_title_block,
    .cell5_block {
        min-width: 170px;
    }
    .column6_title_block,
    .cell6_block {
        min-width: 170px;
    }
    .column1_title_block h2 {
        font-size: 17px;
    }
    .cell1_text a,
    .cell2_text,
    .cell3_text,
    .cell4_text,
    .cell5_text {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .column1_subtitle_block {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width: 600px) {
    .cell1_text a,
    .cell2_text,
    .cell3_text,
    .cell4_text,
    .cell5_text {
        font-size: 15px;
    }
}