First add this Code into each Tab Title
<span class=”custom-font-sec-h”><i style=”color: #000000; margin-right: 10px; font-size: 20px;” class=”fas fa-minus custom-font-h”></i><i style=”color: #FF0000; margin-right: 10px; font-size: 20px;” class=”fas fa-plus custom-font-h”></i><span/> Tab #1
Then Add this into the Advanced CSS for the Tabs
.elementor-active .custom-font-h:nth-child(1){
opacity: 1;
transition: all 0.3s ease;
background: #000000;
color: #fff !important;
font-size: 16px !important;
padding: 4px 5px;
border-radius: 50%;
}
.custom-font-h:nth-child(1){
opacity: 0;
transition: all 0.3s ease;
}
.elementor-active .custom-font-h:nth-child(2){
opacity: 0;
transition: all 0.3s ease;
}
.custom-font-h:nth-child(2){
opacity: 1;
transition: all 0.3s ease;
background: #D257FF;
color: #fff !important;
font-size: 16px !important;
padding: 4px 5px;
border-radius: 50%;
}
.custom-font-h{
position: absolute;
left: 10px;
transition: all 0.3s ease;
}
.custom-font-sec-h{
margin-left: 20px;
}
@media (max-width: 600px){
.custom-font-sec-h{
margin-left: 30px;
}
}
