.tabs {
    border-radius: 1.2rem;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(28, 50, 84, 0.07);
}
.tabs__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.tabs__list .nav-link.tabs__tab {
    background-color: #9ade19;
    color: white;
    border-radius: 0;
    border-right: 1px solid white;
}

.tabs__list .tabs__tab-container:last-child .nav-link.tabs__tab {
    border-right: 0;
}

.tabs__list.lightBlue .nav-link.tabs__tab {
    background-color: #A2DAE8;
    color: var(--blue);
}

.tabs__list .nav-link.tabs__tab.active {
    background-color: #fff;
    color: #9ade19;
}

.tabs__list.lightBlue .nav-link.tabs__tab.active {
    background-color: #fff;
    color: #0280AC;
}


.tabs__tab {
    flex: 1 1 auto;
    text-decoration: none;
    list-style-type: none;
    padding: 1.05rem;
    color: #03274f;
    border: 0;
    width: 100%;
}
.tabs__tab:hover{
    color: #03274f;
}

.tabs__tab span {
    position: relative;
    transition: all 250ms ease-in-out;
    transition-duration: 250ms;
    cursor: pointer;
}

.tabs__tab span:before,
.tabs__tab span:after {
    content: "";
    position: absolute;
    bottom: 1px;
    width: 0px;
    height: 3px;
    margin: 5px 0 0;
    left: 0;
    transition: all 250ms ease-in-out;
    transition-duration: 250ms;
    opacity: 0;
    background-color: #9ade19;
}
.tabs__tab span:before,
.tabs__tab span:after {
    bottom: -5px;
}

.tabs__tab.lightBlue span:before,
.tabs__tab.lightBlue span:after {
    background-color: #a2dae8;
}
.tabs__tab:hover span:before,
.tabs__tab:hover span:after {
    width: 100%;
    opacity: 1;
}

.tabs__tab.active span:before,
.tabs__tab.active span:after {
    display: none;
    transition: none;
}
.tabs__tab-container {
    flex: 1 1 auto;
    text-align: center;
    flex-wrap: nowrap;
}
.tabs__tab:first-child {
    /* border-radius: 0 0 1rem 1rem; */
}
.tabs__tab-selected {
    background: #9ade19;
    color: #fff;
    border-radius: 0;
}
.tabs__tab-container .tabs__tab:first-child  {
    border-radius: 1rem 0 0 0;
}
.tabs__tab-container .tabs__tab:last-child {
    border-radius: 0 1rem 0 0;
}
.tabs__panel {
    font-family: "Fira Sans";
    padding: 3rem;
    display: none;
}
.tabs__panel-selected {
    display: block;
}
.tab-content a {
    text-decoration: underline;
    color: #03274f;
}
.tab-content a:hover {
    color: #8ac716;
}