.CategoryMenu {
	&>.Title {
		transition: all 0.3s ease-in-out;
		cursor: default;
		&.active {
			background: var(--text-light-2);
		}
		&:hover {
			background: var(--text-light-2);
		}
	}
	.CategoryBox {
		width: 71.5rem;
		height: 34.1rem;
		border-bottom-left-radius: var(--radius-12);
		border-bottom-right-radius: var(--radius-12);
		top: 5.6rem;
		padding: 1.28rem 0.85em;
		right: 48%;
		transform: translateX(43%);
		font-size: 0.858em;
		opacity: 0;
		z-index: -10;
		visibility: hidden;
		transition: all 0.7s ease-in-out;
		pointer-events: none;
		&.active {
			opacity: 1;
			z-index: 100;
			visibility: visible;
			pointer-events: unset;
		}
		.CategorySide {
			overflow: auto;
			border-left: 0.1em solid var(--text-dark-5);
			gap: 0.71em;
			.AllAds {
				border: 0.1em solid var(--text-dark-5);
				transition: all 0.3s ease-in-out;
				&:hover {
					background: var(--text-light-2);
				}
			}
			.CategoryName {
				width: 11.07rem;
				border: 0.1em solid transparent;
				transition: all 0.3s ease-in-out;

				&.active {
					background: var(--text-light-2);
					border: 0.1em solid var(--text-dark-5);
					border-radius: var(--radius-4);
				}
				&:hover {
					background: var(--text-light-2);
					border: 0.1em solid var(--text-dark-5);
					border-radius: var(--radius-4);
				}
				svg {
					max-width: 1rem !important;
					max-height: 1rem !important;
				}
                &.has-children:after {
                    content: "";
                    height:0.35rem;
                    width:0.35rem;
                    overflow: hidden;
                    margin: 0 0.42rem 0.21rem 0.42rem;
                    display: inline-block;
                    vertical-align: middle;
                    transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    /* IE 9 */
                    -moz-transform: rotate(45deg);
                    /* Firefox */
                    -webkit-transform: rotate(45deg);
                    /* Safari and Chrome */
                    -o-transform: rotate(45deg);
                    /* Opera */
                    -webkit-backface-visibility: hidden;
                    -moz-backface-visibility: hidden;
                    border-bottom: 0.1rem solid;
                    border-left: 0.1rem solid;
                }
			}
		}
		.SubCategoryBox {
			padding: 0 1.85rem;
			row-gap: 2rem;
			flex-grow: 1;
			transition: opacity 0.5s ease-in-out;
			opacity: 0;
			visibility: hidden;
			position: absolute;
			&.active {
				visibility: visible;
				position: relative;
				opacity: 1;
				span,
				strong {
					display: block;
				}
			}
			span{
				cursor: pointer;
				display: none;
                &.disabled {
                    cursor: default;
                }
			}
			strong {
				display: none;
			}
		}
		.CategoryBTN {
			padding-left: 0.85em;
		}
	}
}
.MegaMenuBG {
	width: 100%;
	height: 100vh;
	background: var(--text-dark-5);
	top: 5.6rem;
	right: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.7s ease-in-out;
	&.active {
		opacity: 1;
		z-index: 1;
		visibility: visible;

	}
}