.tt-rate-table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: .92rem
}

.tt-rate-table th {
    background: var(--tt-primary);
    color: #fff;
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    font-family: 'Inter', sans-serif
}

.tt-rate-table td {
    padding: 10px 14px;
    border-bottom: 1px solid var(--tt-border)
}

.tt-rate-table tr:nth-child(even) {
    background: var(--tt-bg-alt)
}

.tt-rate-table tr:hover {
    background: #eef2f7
}

@media(max-width:768px) {
    .tt-rate-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 24px 0;
        border-radius: 6px;
        border: 1px solid var(--tt-border);
    }

    .tt-rate-table {
        font-size: .82rem;
        margin: 0;
        min-width: 520px;
    }

    .tt-rate-table th,
    .tt-rate-table td {
        padding: 8px 10px;
        white-space: normal;
        min-width: 100px;
    }
}

@media(max-width:480px) {
    .tt-rate-table {
        font-size: .78rem;
        min-width: 480px;
    }
}