.tabs-container {

}

.tabs-tabs {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	border-bottom: 1px solid #dee2e6;
	margin-left: 10px;
	margin-right: 10px;
}

.tabs-tab {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: .5rem 1rem;
	margin-bottom: -1px;
	border: 1px solid transparent;
	margin-left: 10px;
}

.tabs-tabs a {
	text-decoration: none;
}

.tabs-tabs .icon {
	background-color: #5A28A3;
}

.tabs-tabs .active .icon {
	background-color: #000000;
}



.tabs-tab:focus, .tabs-tab:hover {
	cursor: pointer;
	text-decoration: none;
	border-color: #e9ecef #e9ecef #dee2e6
}


.tabs-tab.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
	font-weight: bolder;
}

.tab-pane {
	padding: 10px;
}


.tabs-container > .tab-pane {
	display: none
}

.tabs-container > .active {
	display: block
}

.tabs-mobile-menu-icon {
	display: none;
}

.tabs-mobile-menu-icon img {
	width: 30px;
	height: auto;
}

@media screen and (width <= 1300px) {
	.tabs-tab:not(.active) {
		display: none;
	}

	.visible-menu .tabs-tab {
		display: flex;
	}


	.tabs-tab.active {
		border: none;
	}

	.tabs-tabs {
		border: none;
	}

	.tabs-tabs {
		border: 1px solid #dee2e6;
		display: block;
	}

	.tabs-mobile-menu-icon {
		display: inline-block;
	}
}