@media (min-width: 992px) {
	#main-nav .offcanvas,
	#main-nav .offcanvas-body,
	#main-nav #navbarNavDropdown {
		width: 100% !important;
		flex: 1 1 auto !important;
		display: flex !important;
		justify-content: center !important;
	}
}

#main-nav .navbar-nav {
	justify-content: center !important;
}

.main-nav__link {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.main-nav__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.main-nav__icon-img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.main-nav__arrow {
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	flex-shrink: 0;
	opacity: 0.6;
	margin-left: 2px;
	margin-top: -4px;
	transition: transform 0.2s ease;
	transform: rotate(45deg);
	cursor: pointer;
}

.main-nav__item.dropdown.show > .main-nav__link .main-nav__arrow {
	transform: rotate(225deg);
}

.main-nav__item.dropdown .dropdown-menu {
	display: none;
}

.main-nav__item.dropdown .dropdown-menu.show {
	display: block;
}

#offcanvasMainMenu {
	--bs-offcanvas-width: 320px;
}

@media (max-width: 991.98px) {
	#main-nav.navbar {
		padding-top: 0;
		padding-bottom: 0;
	}

	.main-nav__mobile .offcanvas-body {
		padding: 0;
	}

	.main-nav__mobile #main-menu {
		list-style: none;
		margin: 0;
		padding: 12px 0;
	}

	.main-nav__mobile .main-nav__item {
		border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	}

	.main-nav__mobile .main-nav__link {
		padding: 14px 24px;
		font-size: 15px;
		color: #1c1c1c;
		text-decoration: none;
	}

	.main-nav__mobile .main-nav__label {
		flex: 1;
	}

	.main-nav__mobile .main-nav__arrow {
		margin-top: 0;
		transform: rotate(-45deg);
	}

	.main-nav__mobile .main-nav__item.dropdown.show > .main-nav__link .main-nav__arrow {
		transform: rotate(45deg);
	}

	.main-nav__mobile .dropdown-menu {
		position: static;
		width: 100%;
		border: none;
		box-shadow: none;
		padding: 0;
		margin: 0;
		background: transparent;
	}

	.main-nav__mobile .dropdown-item {
		padding: 10px 24px 10px 52px;
		font-size: 14px;
		color: #4a4a4a;
	}

	.btn-main-menu {
		height: 56px;
		border-radius: 0;
	}

	.main-nav {
		min-height: 56px;
	}
}