.mobile-bottom-bar-list{
	display : none;
}

.overlay-mobile .mobile-menu * {
  pointer-events: auto;
}


.bounce-btn {
    animation: softBounce 2.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    will-change: transform;
}

@keyframes softBounce {
    0% {
        transform: scale(1);
    }

    15% {
        transform: scale(1.18);
    }

    30% {
        transform: scale(0.96);
    }

    45% {
        transform: scale(1.08);
    }

    60% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}


.blue-circle-overlay:after, .blue-circle-overlay:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
    z-index: 0;
}

.blue-circle-overlay:before {
    width: 800px;
    height: 800px;
    background: radial-gradient(circle,rgb(0 180 255/.6) 0,rgb(0 120 255/.4) 30%,rgb(0 80 200/.2) 50%,transparent 70%);
    top: -630px;
    left: -300px;
    animation: float-blue 6s ease-in-out infinite;
}

@keyframes float-blue{

0% {
    transform: translate(0) scale(1);
    opacity: .6;
}
33% {
    transform: translate(80px, 60px) scale(1.15);
    opacity: .8;
}
66% {
    transform: translate(-40px, 80px) scale(.95);
    opacity: .7;
}
100% {
    transform: translate(0) scale(1);
    opacity: .6;
}
}

.blue-circle-overlay:after {
    width: 700px;
    height: 700px;
    background: radial-gradient(circle,rgb(255 0 255/.5) 0,rgb(200 0 255/.35) 30%,rgb(150 0 200/.2) 50%,transparent 70%);
    bottom: 97px;
    right: -200px;
    animation: float-pink 7s ease-in-out infinite;
}

@keyframes float-pink {
        0% {
            transform: translate(0) scale(1);
            opacity: .5
        }

        33% {
            transform: translate(-50px,-40px) scale(1.15);
            opacity: .7
        }

        66% {
            transform: translate(40px,-50px) scale(.9);
            opacity: .6
        }

        to {
            transform: translate(0) scale(1);
            opacity: .5
        }
    }

.mobile-menu {
  position: relative;
  z-index: 9999;
  cursor: pointer;
}

.mobile-menu * {
  pointer-events: none;
}

@media only screen and (max-width : 1024px){
	
	.mobile-bottom-bar-list .kt-svg-icon-list-single {
    display: none !important;
}

.mobile-bottom-bar-list ul.kt-svg-icon-list {
    grid-template-columns: 1fr 1fr;
    margin: 4px 0px !important;
}
	
	.mobile-bottom-bar-list{
	display : block;
}

}