Tabs Widget. Custom CSS. Double border.

[Waski]

First of all, I would like to say hello to this forum and community!

I got a small problem with custom CSS and borders. I am trying to achieve this effect:

But so far I'm getting this:

My issue: With this custom CSS solution I'm still getting this double bottom border. I would like to achieve the same effect as on screenshot nr 1. I need some help with CSS. Any suggestion or solutions?

My CSS:


selector .elementor-tabs-wrapper {
display: flex;
justify-content: center;
position: sticky;
top: 0;
z-index: 2;
background-color: white;
display: inline-block;
margin-left: 5%;
margin-right: 5%;

border-bottom: 3px solid #DFDFDF;
}
selector .elementor-tabs-wrapper .elementor-active
{
border-bottom: 3px solid #FDDA0E ;
font-weight: 700;


}

selector .elementor-tab-desktop-title
{
margin-right: 12%;

}