.segment {
	display: inline-block;
}

.segment__title {
	display: block;
	margin-bottom: 15px;
	font-size: 24px;
	color: #3B3B3B;
}

.segment_light .segment__title {
	color: #ffffff;
}

.segment__items {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 0;
}

.segment__item,.segment1__item  {
	display: inline-block;
	font-family: "Montserrat", sans-serif, sans-serif;
	padding: 0 20px;
	min-width: 145px;
	max-width: 100%;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	-webkit-appearance: none;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 50px;
	line-height: 48px;
	font-weight: 400;
	color: #3B3B3B;
	font-size: 16px;
	text-transform: none;
	background-color: transparent;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.segment_light .segment__item {
	color: #ffffff;
	border-color: #ffffff;
}

.segment_light .segment__item:hover {
	color: #FFE121;
}

.segment__item:first-child {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}

.segment__item:last-child {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.segment__item:hover {
	color: #64A36F;
}

.segment__item.active {
	font-weight: 700;
	background-color: #FFE121;
	border-color: #FFE121;
	box-shadow: 0 1px 3px #00000029;
}

.segment_light .segment__item.active {
	color: #3B3B3B;
}

.segment__item.active:hover {
	color: #3B3B3B;
}

@media (min-width: 1024px) {

.segment__title {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	margin-right: 15px;
}

}