.tab-container {
}
.tab-btns {
    display: flex;
}
.tab-btn {
    color: #445162;
    padding: 10px 20px;
    margin: 0px 5px;
    line-height: 150%;
    text-transform: uppercase;
    box-shadow: 3.346px 3.716px 22.5px rgba(0,0,0,.07);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}
.tab-btn.active {
    background-color: #2d7adf;
    color: #fff;
}
.tab-btn:hover {
    background-color: #b7bcc2;
    color: #fff;
}
.tab-panes {
    position: relative;
}
.tab-pane {
    display: none;
    padding: 20px;
    margin: 10px 0 0 5px;
    border-radius: 5px;
    box-shadow: 3.346px 3.716px 22.5px rgba(0,0,0,.07);
    transition: all 0.8s ease 0s;
}
.tab-pane.active {
    display: block;
}