/*==========================
    HERO SECTION
==========================*/
.hero-section {
    background: linear-gradient(135deg,#003b73,#0d5c9c);
    padding: 80px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .hero-section::before {
        content: "";
        position: absolute;
        width: 250px;
        height: 250px;
        background: rgba(255,255,255,.08);
        border-radius: 50%;
        top: -100px;
        left: -80px;
    }

    .hero-section::after {
        content: "";
        position: absolute;
        width: 350px;
        height: 350px;
        background: rgba(255,255,255,.05);
        border-radius: 50%;
        right: -120px;
        bottom: -180px;
    }

.hero-content {
    position: relative;
    z-index: 2;
}

    .hero-content h1 {
        color: #fff;
        font-size: 42px;
        font-weight: 700;
        letter-spacing: .5px;
        margin: 0;
    }

/*==========================
    SECTION
==========================*/

.committee-section {
    padding: 70px 0;
    background: #f5f8fc;
}

/*==========================
    CARD
==========================*/

.committee-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
    border: 1px solid #e3eaf2;
}

/*==========================
    TABLE
==========================*/

.table {
    margin-bottom: 0;
}

    .table thead th {
        background: #0b4f87;
        color: #fff;
        border: none;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        padding: 18px 14px;
    }

    .table tbody td {
        font-size: 14px;
        color: #444;
        padding: 16px 14px;
        vertical-align: middle;
        border-color: #dee7f1;
    }

    .table tbody tr:nth-child(even) {
        background: #f8fbff;
    }

    .table tbody tr:hover {
        background: #edf5ff;
        transition: .3s;
    }

    .table tbody td:first-child {
        font-weight: 600;
        color: #0b4f87;
    }

    .table tbody td:nth-child(2) {
        font-weight: 600;
        color: #222;
    }

    .table tbody td:nth-child(4) {
        color: #0b5f9a;
    }

    /*==========================
    LINKS
==========================*/

    .table a {
        color: #0b5f9a;
        text-decoration: none;
    }

        .table a:hover {
            text-decoration: underline;
        }

/*==========================
    RESPONSIVE
==========================*/

@media(max-width:992px) {

    .hero-content h1 {
        font-size: 34px;
    }

    .committee-section {
        padding: 50px 0;
    }

    .table {
        min-width: 950px;
    }
}

@media(max-width:768px) {

    .hero-section {
        padding: 60px 0;
    }

    .hero-content h1 {
        font-size: 28px;
    }

    .committee-card {
        border-radius: 8px;
    }

    .table thead th {
        font-size: 13px;
        padding: 12px;
    }

    .table tbody td {
        font-size: 13px;
        padding: 12px;
    }
}