.tabs-main-menu {
	height: 34px;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	position: relative;
	transition: .3s ease-in-out;
}

.tabs-main-menu-wrapper {
	border-radius: 10px 10px 0 0;
	background-color: var(--dropdown-item-hover);
}

.tabs-main-wrapper {
	position: relative;
	height: 36px;
	transition: background-color 0.7s;
}

.news-tabs {
	display: none;
}

.tabs-sub-menu-item-hidden {
	visibility: hidden;
}

.tabs-main-menu li {
	padding: 0 8px;
	transition: all .2s ease-in-out;
}

.tabs-main-menu .tabs-sub-menu li {
	padding: 0;
	height: max-content;
}

.tabs-main-menu li:last-child input {
	padding-bottom: 4px;
}

.tabs-main-menu li:last-child .tabs-main-wrapper img {
	width: 18px;
	height: 18px;
	margin-top: -2px;
}

.tabs-main-menu li:last-child .tab-bg {
	right: 0;
	border-radius: 8px 11px 0 0;
}

.tabs-main-menu li.last-tab {
	margin-left: auto;
	padding-right: 0;

	img {
		display: inline-block;
		height: 18px;
		width: 18px;
	}
}

.tab-bg {
	position: absolute;
	left: 0;
	right: 0;
	height: 34px;
	border-radius: 8px 8px 0 0;
	background-color: var(--color-white);
	top: 100%;
	transition: all 0.3s;
}

@media(max-width:1140px) {
	.tab-bg {
		right: 4px;
	}
}

@media(max-width:1150px) {
	.tabs-main-menu {
		height: -webkit-fill-available;
		margin: 0;
		display: block;

	}

	.news-tabs {
		display: block;
	}

	.tabs-main-menu li {
		padding: 0;
	}

	.tabs-main-menu-wrapper {
		overflow: scroll;
		height: calc(100dvh - 171px);
		padding: 0 20px 20px 20px;
	}

	.tabs-sub-menu-item-hidden {
		height: 0;
		padding: 0 !important;
		margin: 0 !important;
	}

	.tabs-main-menu .tabs-sub-menu li {
		margin-bottom: 0;
		opacity: 1;
		background-color: transparent;
		pointer-events: auto;
		border-radius: 6px;
	}

	.tabs-main-menu li:last-child .tabs-main-wrapper img {
		margin-top: -2px;
	}

	.tab-bg {
		display: none;
	}
}

@media(max-width:1024px) {
	.tabs-main-menu {
		padding-left: 8px;
	}

	.tabs-main-wrapper {
		position: relative;
		z-index: 5;
		height: unset;
		background-color: transparent;
	}

	.tab-bg {
		left: 0;
		right: 0;
		border-radius: 6px 6px 0 0;
	}
}