.header .col {
    color: gray;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .col h1 {
    padding: 10px auto;
}

/* Style the tabs container */
.custom-tabs-container {
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

/* Style each individual tab */
.custom-tabs-container .custom-tab {
    background-color: transparent;
    border: none !important;
    font-size: 14px;
    font-weight: 500;
    color: #007bff;
    padding: 5px 8px;
    margin: 0px 2px;
    cursor: pointer;
}

.custom-tabs-container .tab--selected {
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    font-weight: 700;
}

/* Hover effect for tabs */
.custom-tabs-container .custom-tab:hover {
    background-color: #e9e9e9;
}

.svg-container {
     outline: 5px solid {'#FFFFFF'};
     border-radius: 10px;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
}

.sub-header .h2{
    padding: 10px auto;
}