.tab {
	overflow: hidden;
	/* border: 1px solid #ccc; */
	/* background-color: #f0f0f0; */
	transition: all 3s;
	button {
		background-color: inherit;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		font-size: 1.125rem;
		&:hover {
			background-color: #cccccc;
		}
		&.active {
			background-color: #333333;
			color: #ffffff;
		}
	}
}

.tabcontent {
	display: none;
	padding: 0.5rem 1.25rem;
	/* border: 1px solid #ccc; */
	border-top: none;
    border-radius: 6px;
background: #fffaf4;
padding: 12px;
width: 100%;
border:solid 1px #D9D9D9;
}

/* // Helper Classes */
.is-hidden {
	display: none !important;
}
.is-desktop {
	display: block;
	@media (max-width: 768px) {
		display: none !important;
	}
}
.is-mobile {
	display: none !important;
	@media (max-width: 768px) {
		display: block !important;
	}
}

/* select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;      
	width: 100%;
	padding: 1rem;
	font-size: 1.125rem;
	background-color: #f0f0f0;
	border: none;
}

select::-ms-expand {
  display: none;
} */

/* .select {
	position: relative;
	@media (max-width: 768px) {
		&:after {
			content: '';
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg stroke='none'%3E%3Cpath d='M21.293,12.293,16,17.586l-5.293-5.293a1,1,0,0,0-1.414,1.414l6,6a1,1,0,0,0,1.414,0l6-6a1,1,0,0,0-1.414-1.414Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
			background-position: center;
			background-size: contain;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 1rem;
			pointer-events:none;
			width: 32px;
			height: 32px;
		}
	}
} */