.text-tabs-navs{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:35px;
}

.text-tabs-navs-item{
	margin-right:20px;
	height:60px;
	display:flex;
	margin-bottom:12px;
	align-items:center;
	color:var(--extra_color); 
	font-weight: 400; 
	transition: all .3s ease;
	padding: 0px 40px; 
	cursor:pointer;
	text-transform: uppercase; 
	font-size: 15px; 
	border: 1px solid var(--extra_color); 
}

.text-tabs-navs-item:hover, .text-tabs-navs-item.active{
	color:#fff;
	background-color:var(--extra_color); 
}

.text-tabs ul li::before {
  background-color: var(--second_color);
  -webkit-mask-image: var(--ul_icon);
  mask-image: var(--ul_icon);
  mask-repeat: no-repeat;
  mask-position: center left;
  mask-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 14px;
}

.text-tabs ul li {
  margin: 0 0 8px;
  padding-left: 39px;
  position: relative;
}

.text-tabs ul, .text-tabs ul li {
  list-style-type: none;
}

.text-tabs ul {
  padding: 0px;
  margin: 0px 0 24px;
}

.text-tabs-item:not(.active){
	display:none;
}

.section-common.text-tabs{
	padding-bottom:55px;
}

@media (max-width: 990px) {
.text-tabs-navs{
  flex-wrap:nowrap;
  white-space:nowrap;
  padding-bottom:12px;
  overflow:auto;
}
.text-tabs-navs-item{
	padding: 0px 12px;
	margin-right:10px;
	font-size: 12px;
	height: 50px;
	margin-bottom:0px;
}



}