/* Custom Styles for Covid Page */
    .nav-pills .nav-link {
        color: #4f4f4f;
        font-weight: 600;
        border-radius: 50px;
        padding: 10px 25px;
        margin: 0 5px;
        transition: all 0.3s;
    }
    .nav-pills .nav-link.active {
        background-color: #3b82f6;
        color: white;
        box-shadow: 0 4px 6px rgba(59, 130, 246, 0.4);
    }
    .nav-pills .nav-link:hover:not(.active) {
        background-color: #e2e8f0;
    }
    
    .card-stat {
        border: none;
        border-radius: 15px;
        transition: transform 0.3s, box-shadow 0.3s;
        overflow: hidden;
    }
    .card-stat:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    .card-stat .card-body {
        padding: 1.5rem;
    }
    .stat-count {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
    }
    .stat-label {
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        opacity: 0.9;
    }
    .stat-date {
        font-size: 0.75rem;
        opacity: 0.7;
        margin-top: 0.5rem;
        display: block;
    }
    
    .doc-link {
        display: block;
        padding: 15px;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 10px;
        margin-bottom: 10px;
        transition: all 0.2s;
        text-decoration: none;
        color: #333;
    }
    .doc-link:hover {
        background: #f8f9fa;
        border-color: #3b82f6;
        color: #3b82f6;
        transform: translateX(5px);
    }
    .doc-link i {
        margin-right: 10px;
        color: #3b82f6;
    }
    .hover-card:hover {
        transform: translateY(-5px);
        transition: transform 0.3s;
    }