.tabs-menu-wrap-top {
	position: relative;
	border-bottom: #EEEEEE 1px solid;
	padding-left: 20px;
	padding-right: 60px;
	margin-bottom: 40px;
	@include mq-sm() {
		padding: 0 20px;
		margin-bottom: 0;
	}
	.nav.nav-top {
		margin: 0;
		flex-wrap: initial;
		white-space: nowrap;
		transition: 1s all;
		border-bottom: none;
		transform: translateX(0px);
		align-items: baseline;
		
		overflow: hidden;
		@include mq-sm() {
			overflow-x: scroll;
			scroll-behavior: smooth;
			&::-webkit-scrollbar {
				background: transparent; /* make scrollbar transparent */
				-webkit-appearance: none;
				width: 0;
				height: 0;
			}
		}
		.nav-item {
			padding-right: 30px;
			&:hover .nav-link {
				color: #C2B493 ;
			}
			@include mq-sm() {
				padding-left: 0;
				padding-right: 20px;
			}
		}
		.nav-link {
			cursor: pointer;
			padding: 30px 0 20px;
			line-height: 30px;
			color: #000 ;
			font-size: 18px;
			font-weight: bold;
			border: unset ;
			display: flex;
			align-items: center;
			@include mq-sm() {
				font-size: 14px;
				padding: 16px 0 12px;
			}
			&.active {
				color: #C2B493 ;
				border-bottom: 2px solid #C2B493 ;
			}
		}
	}
	.button-next {
		width: 7.52px;
		animation: shake 1s infinite;
		position: absolute;
		top: 30px;
		right: 30px;
		@include mq-sm() {
			top: 15px;
			right: 10px;	
		}
	}
	.button-prev {
		width: 7.52px;
		animation: shake 1s infinite;
		position: absolute;
		top: 30px;
		left: 30px;
		@include mq-sm() {
			top: 15px;
			left: 10px;	
		}
		img {
			transform: rotate(180deg);
		}
	}
	
}