@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Oleo Script Swash Caps');
@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');

body{
	font-family: 'Roboto', sans-serif;
}
* {
	margin: 0;
	padding: 0;
}
i {
	margin-right: 10px;
}
/*----------multi-level-accordian-menu------------*/
.navbar-logo img{
	width: 150px;
	margin-left:10px;
}
.navbar-mainbg{
	/*------background-color: #5161ce;*/
	background-color: #808080;
	padding: 0px;
}

.nav-item > .nav-link.active  {
    color:red;
}
.navbar a{
	
}

.navbar a{
	margin: 5px;
	 display: block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 0 15px #8e54e9;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}


.navbar a:after {
  content: "";
  position: absolute;
  display: block;
  border: 2px solid #fff;
  width: 100%;
  height: 0%;
  transition: all 0.5s ease;
  top: 100%;
}


.navbar a:hover::after {
  width: 100%;
  top: 0;
}



@media (max-width: 991px){
	
.navbar a:after {
  content: "";
  position: absolute;
  display: block;
  border: 2px solid #fff;
  width: 15%;
  height: 0%;
  transition: all 0.5s ease;
  top: 100%;
}


.navbar a:hover::after {
  width: 25%;
  top: 0;
}

}