.header-mobile-bottom .InterHome {
	bottom: 40%;
	right: 50%;
	transform: translateX(50%);
	width: 8rem;
	height: 8rem;
}

.header-mobile-bottom .InterHome svg {
	max-height: 3.5rem;
	max-width: 3.5rem;
	line-height: 1;
	display: block;
}

.header-mobile-bottom .InterHome .icon {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 0.1em solid var(--SilverBG);
}

.header-mobile-bottom .header-mobile-bottom,
.header-mobile-bottom .header-mobile-bottom * {
	z-index: 222;
	position: relative;
}

.header-mobile-bottom .header-mobile-bottom .header-area:where(.area-left, .area-right) {
	width: 50%;
}

.header-mobile-bottom .header-area.area-center {
	padding: 0 !important;
}

.ecommerceNav {
	.close-btn {
		margin-right: auto;
		width: 2rem;
		height: 2rem;

		svg {
			fill: var(--accent-color);
		}
	}

	.menu-overlay {
		display: none;
		/* position: fixed; */
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1;
		overflow: hidden;
	}

	.MenuContent {
		top: 0;
		bottom: 0;
		height: 100vh;
		left: 100%;
		z-index: -1;
		opacity: 0;
		visibility: hidden;
		transition: all ease-in-out 0.4s;
		width: 80vw;
	}

	.MenuContent.active {
		visibility: visible;
		opacity: 1;
		left: 20%;
		padding: 1rem 1rem 2rem;
		color: #000;
		z-index: 10;
		background: #fff;
	}



	.MenuContent>.sub-menu {
		height: calc(100vh - 6.5rem);
		margin-top: 1rem;
		padding-left: 0.4rem;
		overflow: auto;
	}

	.MenuContent a {
		color: var(--CustomColor10);
	}

	.userMenu.MenuContent {
		text-align: right;
		margin: 0;
	}

	.MenuContent li {
		list-style-type: none;
		font-size: 1rem;
		padding: 0.4rem 0;
	}

	.MenuContent .parentmenu .togglebtn {
		position: relative;
		width: 100%;
		height: 2rem;
		display: grid;
	}

	.MenuContent .parentmenu .togglebtn::before {
		content: "";
		position: absolute;
		width: 1rem;
		height: 1rem;
		border-right: 0.2rem solid var(--accent-color);
		border-top: 0.2rem solid var(--accent-color);
		border-top-right-radius: 0.2rem;
		transform: rotate(135deg);
	}

	.MenuContent .parentmenu>.submenu {
		max-height: 0rem;
		overflow: hidden;
		transition: all 300ms ease-in-out;
	}

	.MenuContent .parentmenu>.submenu.active {
		max-height: 50rem;
		overflow: hidden;
	}

	.MenuContent .parentmenu .parentlink {
		display: block;
		flex: 1 0 auto;
		font-size: 16px;
	}

	.submenu {
		margin-right: 1rem;

		.sub-link {
			pointer-events: none;
		}
	}

	.acc-item {
		.acc-head {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 0;
			cursor: pointer;
			font-size: 1rem;

			.toggle-btn {
				svg {
					display: block;
					width: 1.5rem;
					height: 1.5rem;
					stroke: var(--accent-color);
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
				}
			}

			.title {
				font-size: 1rem;
				font-weight: bold;
				color: var(--accent-color);
			}
		}

		.acc-body {
			display: none;

			.acc-head {
				.title {
					font-size: 1rem;
				}
			}

		}

		&.open {
			>.acc-head {
				.toggle-btn {
					svg {
						transform: rotate(180deg);
						-webkit-transform: rotate(180deg);
						-moz-transform: rotate(180deg);
						-ms-transform: rotate(180deg);
						-o-transform: rotate(180deg);
					}
				}
			}
		}
	}
}