.active-child-tab {
    border-bottom: 8px solid var(--blue_color);
}
.active-adolescent-tab {
    border-bottom: 8px solid var(--orange_color);
}
.active-adult-tab {
    border-bottom: 8px solid var(--purple_color);
}
.tabs {
    display: flex;
}
.tab-item {
    flex: 0 0 auto;
    display: inline-block;
    font-weight: 700;
    margin: 0 5px 5px;
    transition: all .4s;
    cursor: pointer;
    position: relative;
}
.tab-item span{
    line-height: 70px;
    padding: 0 30px;
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    display: block;
}
@media(max-width: 767px) {
    .tab-item span{
        line-height: 50px;
        padding: 0 15px;
        font-size: 16px;
        font-weight: 700;
        height: 100%;
        display: block;
    }
}
.tab-item:nth-of-type(1) span {
    border-radius: 10px 0px 0 0;
}
.tab-item:nth-of-type(1) {
    border-radius: 10px 0px 0 0;
}
.tab-item:nth-of-type(3) span {
    border-radius: 0px 10px 0 0;
}
.tab-item:nth-of-type(3) {
    border-radius: 0px 10px 0 0;
}
.child-tab span  {
    background:  var(--blue_color);
    color: #fff;
}
.adolescent-tab span {
    background:  var(--orange_color);
    color: #fff;
}
.adult-tab span {
    background:  var(--purple_color);
    color: #fff;
}
.tab-item:before {
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: -8px;
    left: 0;
    transition: all .4s;
}
.tab-item.child-tab.active:before {
    background: var(--blue_color);
}
.tab-item.child-tab:hover:not(.active) span{
    background: var(--blue_color_hover);
}
.tab-item.adolescent-tab.active:before {
    background: var(--orange_color);
}
.tab-item.adolescent-tab:hover:not(.active) span {
    background: var(--orange_color_hover);
}
.tab-item.adult-tab.active:before {
    background: var(--purple_color);
}
.tab-item.adult-tab:hover:not(.active) span{
    background: var(--purple_color_hover);
}
.tab-content.row-flex, .tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
.tab-content.row-flex.active {
    display: flex;
}
#child-tab .heading-secondary {
    color: var(--tris_blue_color);
}
#adolescent-tab .heading-secondary {
    color: var(--orange_color);
}
#adult-tab .heading-secondary {
    color: var(--purple_color);
}
#child-tab a:not(.btn) {
    color: var(--blue_color);
    text-decoration: underline;
    transition: all.4s;
}
#child-tab a:not(.btn):hover {
    color: var(--dark_blue_color);
}
#adolescent-tab a:not(.btn) {
    color: var(--orange_color);
    text-decoration: underline;
    transition: all.4s;
}
#adolescent-tab a:not(.btn):hover {
    color: var(--orange_color_hover);
}
#adult-tab a:not(.btn) {
    color: var(--purple_color);
    text-decoration: underline;
    transition: all.4s;
}
#adult-tab a:not(.btn):hover {
    color: var(--purple_color);
}
.heading-secondary {
    font-weight: 600;
}