.mb-24 {
    margin-bottom: 24px !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.pagination{
    padding-bottom: 20px;
}

.dt-buttons{
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}

.dt-buttons button span{
    color: #fff
}

.dt-buttons button i{
    color: #fff
}

.page-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.page-title h1 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #0c0b18;
}

.page-title p {
    margin: 0;
    font-size: 14px;
    color: #646464;
}

.page-date {
    font-size: 20px;
    font-weight: 600;
    color: #646464;
    margin-left: auto;
    white-space: nowrap;
}

@media screen and (max-width: 425px) {
    .page-date {
        font-size: 12px;
        display: none;
        font-weight: 600;
        color: #646464;
        margin-left: auto;
        white-space: nowrap;
    }
}