ul.tabs:not(.no-border){
  border-top:1px solid var(--dark-gray);
  border-bottom:1px solid var(--dark-gray);
}
ul.tabs>li.tab{
  display:inline-block;
}
ul.tabs>li.tab.active{
  border-bottom:4px solid var(--primary);
  background-color:var(--ghost-white);
}
ul.tabs>li.tab>a{
  display:block;
  color:var(--dim-gray);
  width:100%;
  padding:20px 14px;
}
ul.tabs>li.tab.active>a{
  color:var(--dark);
}
ul.tabs.page-tabs{
  height:40px;
  border:1px solid var(--light-gray);
  display:flex;
  margin-bottom:16px;
}
ul.tabs.page-tabs li.tab{
  background-color:var(--gray-smoke);
  text-align:center;
}
ul.tabs.page-tabs li.tab a{
  color:var(--gray);
  font-size:17px;
  font-weight:400;
  padding:7px 0;
}
ul.tabs.page-tabs li.tab.active{
  background-color:#FFF;
  border-bottom-style:none;
}
ul.tabs.page-tabs li.tab.active a{
  color:var(--dark);
  font-weight:500;
}

ul.tabs.tab-st2{
  border-top-style:none;
  border-bottom:1px solid var(--light-gray);
}
ul.tabs.tab-st2>li.tab{
  position:relative;
}
ul.tabs.tab-st2>li.tab.active{
  background-color:var(--transparent);
  border-bottom-style:none;
}
ul.tabs>li.tab>a{
  display:block;
  color:var(--dim-gray);
  width:100%;
  padding:10px 24px;
}
ul.tabs.tab-st2>li.tab.active:after {
  content: ' ';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  border-radius: 3px;
  background-color: var(--primary);
  border: 1px solid var(--primary);
  bottom: -2px;
  left:0;
}