.roboto-light {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.roboto-semibold {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
.banner-section {
    background: #264c51;
}
.icon-box {
    padding: 20px;
    border-radius: 12px;
    background: #f8f9fa;
    transition: 0.3s;
}
.icon-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Restore Bootstrap borders for DataTables */
table.dataTable.table-bordered > thead > tr > th,
table.dataTable.table-bordered > tbody > tr > td {
    border: 1px solid #dee2e6 !important; /* Bootstrap border color */
}

table.dataTable.table-bordered {
    border: 1px solid #dee2e6 !important;
}