/* -------------------------------
   SIDE MOBILE MENU STYLING
-------------------------------- */
 	.side-mobile-menu {
 		position: fixed;
 		top: 0;
 		left: -320px;
 		width: 300px;
 		height: 100%;
 		overflow-y: auto;
 		z-index: 999999;
 		background: #ffffff;
 		transition: all 0.4s ease;
 		box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
 	}

 	.side-mobile-menu.active {
 		left: 0;
 	}

 	.side-mobile-menu .mobile-menu ul {
 		list-style: none;
 		margin: 0;
 		padding: 0;
 	}

 	.side-mobile-menu .mobile-menu ul li {
 		border-bottom: 1px solid #ececec;
 	}

 	.side-mobile-menu .mobile-menu ul li a {
 		display: block;
 		padding: 12px 15px;
 		font-size: 16px;
 		color: #111;
 		font-weight: 500;
 		transition: 0.3s;
 	}

 	.side-mobile-menu .mobile-menu ul li a:hover {
 		color: #3042e6;
 	}

 	/* Sub-menu */
 	.side-mobile-menu .mobile-menu ul li .sub-menu {
 		display: none;
 		background: #f9f9f9;
 	}

 	.side-mobile-menu .mobile-menu ul li .sub-menu li a {
 		padding: 12px 30px;
 		font-size: 15px;
 	}

 	/* Sub-sub-menu */
 	.side-mobile-menu .mobile-menu ul li .sub-menu .sub-menu li a {
 		padding: 12px 45px;
 		font-size: 14px;
 	}

 	/* Dropdown arrow */
 	.side-mobile-menu .mobile-menu ul li.menu-item-has-children>a:after {
 		content: "\f105";
 		/* font-awesome right arrow */
 		font-family: "Font Awesome 5 Free";
 		font-weight: 900;
 		float: right;
 		transition: transform 0.3s;
 	}

 	.side-mobile-menu .mobile-menu ul li.open>a:after {
 		transform: rotate(90deg);
 	}

 	/* Close button */
 	.side-mobile-menu .close-icon .icon-clear {
 		font-size: 22px;
 		cursor: pointer;
 	}

 	/* Dark overlay */
 	.body-overlay {
 		position: fixed;
 		width: 100%;
 		height: 100%;
 		left: 0;
 		top: 0;
 		background: rgba(0, 0, 0, 0.5);
 		z-index: 999998;
 		opacity: 0;
 		visibility: hidden;
 		transition: all 0.3s ease;
 	}

 	.body-overlay.active {
 		opacity: 1;
 		visibility: visible;
 	}