/*MOBILE MENU SECTION*/
	#mm-section {
		display: none;
	}
	@media (max-width: 991px){
		#mm-section {
		    left: 0;
		    right: 0;
		    bottom: 0;
		    z-index: 98;
		    display: flex;
			position: fixed;
			align-items: center;
			justify-content: center;
			backdrop-filter: blur(20px);
			border-top: 2px solid transparent;
			border-image: linear-gradient(to right, #7141b1, #43baff);
    		border-image-slice: 1;
		}
		#mm-section ul {
			display: flex;
			padding: 0;
			margin: 0;
		}
		#mm-section li {
			z-index: 1;
			width: 60px;
			height: 60px;
			list-style: none;
			position: relative;
		}
		#mm-section ul li a {
			width: 100%;
			display: flex;
			font-weight: 500;
			position: relative;
			text-align: center;
			align-items: center;
			flex-direction: column;
			justify-content: center;
		}
		#mm-section ul li a #mm-icon {
			display: block;
			font-size: 1.5em;
			line-height: 60px;
			text-align: center;
			position: relative;
			transition: all 0.5s;
		}
		#mm-section li#active a #mm-icon {
			font-size: 28px;
			transform: translateY(-32px);
		}
		#mm-section li:hover a #mm-icon, #mm-section li a #mm-icon {
			transform: translateY(-10px);
		}
		#mm-section ul li a #mm-text {
			opacity: 0;
			font-weight: 400;
			font-size: 0.75em;
			position: absolute;
			transition: all 0.5s;
			letter-spacing: 0.05em;
			transform: translateY(20px);
		}
		#mm-section li#active a #mm-text, #mm-section li:hover a #mm-text, #mm-section li a #mm-text {
			opacity: 1 !important;
			transform: translateY(10px) !important;
		}
		#mm-indicator {
			top: -50%;
			width: 60px;
			height: 60px;
			position: absolute;
			border-radius: 50%;
			transition: all 0.5s;
		}
		#mm-section li:nth-child(1)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 0));
		}
		#mm-section li:nth-child(2)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 1));
		}
		#mm-section li:nth-child(3)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 2));
		}
		#mm-section li:nth-child(4)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 3));
		}
		#mm-section li:nth-child(5)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 4));
		}

        /*MOBILE MENU SECTION*/
    @media (max-width: 991px){
    	#mm-section {
			background: rgb(0 15 45 / 70%);
		}
		#mm-section ul li a #mm-icon {
			color: #fff;
		}
		#mm-section ul li a #mm-text {
			color: #f9f9f9;
		}
		#mm-indicator {
			background: linear-gradient(45deg, #023d98, #00b7ff);
		}
    }
	}