.table-section{
    max-width: 1160px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    margin: 0 auto 0 auto;
    box-sizing: border-box;
    gap: 20px;
}

.table-section-table {
    overflow: auto;
}

.table-section-table table {
    width: 100%;
    border-spacing: 10px;
}

.table-section-table .first-column {
    position: sticky;
    left: 0;
    z-index: 2;
    min-width: 281px;
}

.table-section-table .td--region {
    font-family: Rubik;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #2575A6;
    padding: 25px 0px;
}

.table-section-table .td--locality-container {
    display: flex;
    padding: 25px 15px 25px 25px;
    flex-flow: row;
    gap: 10px;
    justify-content: space-between
}

.table-section-table .td--locality {
    font-family: Rubik;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #2575A6;
    flex: 1;
    align-content: center;
}

.table-section-table .td--address-container {
    font-family: Rubik;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #3B4153;
    display: flex;
    flex-flow: column;
    gap: 5px;
    flex: 1.5;
}

.table-section-table .td--address {
    display: flex;
}

.table-section-table .td--value {
    font-family: Rubik;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    color: #2575A6;
    display: block;
}

.table-section-table .access-control-first-column {
    min-width: 281px;
}

.access-control-title {
    display: flex;
    align-items: center;

}

.access-control-title-text {
    font-family: Rubik;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 16px;
    letter-spacing: 0%;
}

.table-section-table tr {
    font-family: Rubik;
    color: #3B4153;
    font-size: 16px;
}
.table-section-table th{
    border: none;
    border-radius: 4px;
    background:#E0E0E0;
    padding: 0px;
    font-weight: 400;
}
.table-section-table-th--main {
    min-width: 100px;
    display: flex;
    flex-flow: column;
    padding: 10px;
    row-gap: 5px;
}

.table-section-table-th--title {
    width: 100%;
}

.table-section-table-th--description {
    width: 100%;
    font-size: 10px;
    line-height: 10px;                
}

.table-section-table td{
    border: 1px solid #BEBEBE;
    border-radius: 4px;
    background:#fff;                
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 0px;
    vertical-align: middle;
}

.table-section-table .td--locality-list {
    padding: 20px 10px;
    display: flex;
    justify-content: center;
    font-family: Rubik;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #2575A6;
    flex-flow: row wrap;
}

.table-section-table .hub-comma {
    margin-right: 3px;
}

.mobile-td--region {
    font-family: Rubik;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    color: #2575A6;
    padding: 10px 3px;
}
.mobile-td--locality {
    font-family: Rubik;
    font-weight: 500;                
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #2575A6;
    padding: 8px 3px;
}
.mobile-th--main {
    font-family: Rubik;
    font-weight: 400;
    font-size: 10px;
    line-height: 9px;
    letter-spacing: 0%;
    text-align: center;
    min-width: 100px;
    padding: 5px 3px;
}
.mobile-td--address {
    font-family: Rubik;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    color: #2575A6;
    display: flex;
    flex-flow: column;
    row-gap: 5px;
    padding: 5px 3px;
}
.mobile-td--value {
    font-family: Rubik;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #2575A6;
}