/*TAB start*/
        
#tabs {
    flex-wrap: wrap;
    display: flex;

}
#tabs ul {
    display: flex;
    margin: 0 auto;
    padding: 0;
}
#tabs li {
  width:calc(100%/n);
    padding: 1rem 0;
    cursor: pointer;
    border-radius: 3rem 3rem 0 0;
   background:black;
    list-style-type: none;
    filter: saturate(50%);
}
/*#tabs li:first-child {
    background-color: #ffda79;
}
#tabs li:last-child {
    background-color: #ffabc1;
}*/
#tabs li:hover, #tabs li.active {
    filter: saturate(100%);
}

#tabs>div.active {
    display: block;
}
#tabs>div {
    display: none;
}
.tab_content{display:none}
.tab_content.active{display:block}
/*TAB end*/