.tabs{
	display: inline-block;
	width: 100%;
}
.tabs > div{
	padding-top: 10px;
}
.tabs>ul{
	margin: 15px 0 0;
	padding: 0px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	list-style-type: none;
}
.tabs>ul>li{
	padding: 8px 20px;
    border: 1px solid #48a216;
    text-decoration: none;
    color: #48a216;
    font-size: 1em;
    cursor: pointer;
}
.tabs>ul>li.active, .tabs>ul>li.active:hover,
.tabs>ul>li:hover {
	background-color: #48a216;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.tabs>ul>li {
		width: 100%;
	}
}