/* ==== TABLE TITLE STYLE ==== */
.table-title {
    font-size: 32px;
    font-weight: 800;
    color: #2957A4;
    margin: 35px 0 15px 0;
    font-family: Arial, sans-serif;
}

/* ==== TABLE BOX ==== */
.table-box {
    overflow-x: auto;
    margin-bottom: 35px;
}

/* ==== MAIN TABLE STYLE ==== */
table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    border: 1px solid #e0e0e0;
}

/* ==== HEADER ==== */
table thead tr {
    background: #EDEDED;       /* Light grey like screenshot */
}

table th {
    padding: 14px;
    font-size: 16px;
    color: #1C1C1C;
    text-align: left;
    border-right: 1px solid #d9d9d9;
    font-weight: 700;
}

/* ==== BODY ROWS ==== */
table td {
    padding: 13px;
    font-size: 15px;
    color: #1C1C1C;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

/* ==== ALTERNATE ROW COLOR ==== */
table tr:nth-child(even) {
    background: #F8FBFF;   /* very light blue */
}

table tr:nth-child(odd) {
    background: #ffffff;
}

/* ==== HOVER EFFECT ==== */
table tr:hover {
    background: #fff4e5;   /* soft orange tint */
    transition: 0.3s;
}