/* Style the tab container */
.tabs {
    display: flex;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

/* Style each tab button */
.tab-link {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-bottom: none;
    cursor: pointer;
    padding: 10px 15px;
    margin-right: 5px;
    border-radius: 5px 5px 0 0;
    outline: none;
}

    /* Style the active tab button */
    .tab-link.active {
        background-color: #fff;
        border-bottom: 1px solid #fff;
    }

/* Style the tab content */
.tab-content {
    display: none;
    padding: 15px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

    /* Style the active tab content */
    .tab-content.active {
        display: block;
    }