.ewda-tab {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

.ewda-tab>* {
    flex: none;
    padding-left: 20px;
    position: relative
}

.ewda-tab>*>a {
    display: flex;
    align-items: center;
    column-gap: 1em;
    justify-content: center;
    padding: 3px 20px;
    color: #6E7A84;
}

.ewda-tab>*>a:hover {
    color: #666;
    text-decoration: none
}

.ewda-tab>.ewda-active>a {
    color: #333
}

.ewda-tab>.ewda-disabled>a {
    color: #999
}

.ewda-switcher {
    margin: 0;
    padding: 0;
    list-style: none
}

.ewda-switcher .tab-content-ewda:not(.ewda-active) {
    display: none;
    opacity: 0;
    transition: all 1s;
}

.tab-content-ewda.ewda-active {
    transition: all 1s;
    opacity: 1;
}

.ewda-switcher>*>:last-child {
    margin-bottom: 0
}

.ewda-tabs-container {
    text-align: center;
}
.ewda-tabs-container .ewda-tab {
    padding: 5px;
    border-radius: 50px;
    display: inline-block;
    background-color: #E2E7EE;
}
.ewda-tabs-container .ewda-tab .ewda-tabs-item {
    padding-left: 0;
    display: inline-block;
    float: left;
}

.ewda-tabs-container .ewda-tab .ewda-tabs-item a {
    border-radius: 50px;
    overflow: hidden;
    position: relative;
}
.ewda-tabs-container .ewda-tab .ewda-tabs-item a .ewda-tab-text-wrapper {
    position: relative;
}

.ewda-tabs-container .ewda-tab .ewda-tabs-item a:before {
    height: 100%;
    top: 0;
    z-index: 0;
    content: "";
    width: 0;
    position: absolute;
    right: 0;
    transition: all 300ms ease-out;
    background-color: #ffffff;
}

.ewda-tab .ewda-tabs-item.ewda-active {
    color: #6E7A84;
    box-shadow: 0px 2px 4px 0px rgb(12 15 36 / 17%);
    border-radius: 50px;
}

.ewda-tabs-container .ewda-tab > .ewda-active > a:before {
    width: 100%;
}