.gradient-custom {
  /* fallback for old browsers */
  background: #c471f5;
  /*height: 2rem; */
    padding-top: 1% !important;	

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(248, 120, 3, 1), rgba(47, 13, 86, 1));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(248, 120, 3, 1), rgba(47, 13, 86, 1))
}

.navbaractive {
	   visibility: hidden;
	}
nav{
	width: 100%;
	float: left;
	position: sticky;
	top: 0;
	box-shadow: 0px 1px 6px 0px #333;

}
nav .logo{
	width: 15%;
	float: left;
	box-sizing: border-box;

}
nav .menu{
	width: 85%;
	float: left;
}
nav .menu .links{
	text-align: center;
	width: 80%;
	float: left;
}
nav .menu .links li{
	display: inline-block;
	margin-top: 10px;
	
}
nav .menu .links li:hover{
	
	margin-top: 0px;
}
nav .menu .links li a{
	display: block;
	padding: 10px 30px;
	background-color: #333;
	color: #fff;
	letter-spacing: 1px;
}
nav .menu .links li a:hover{
	background-color: #000;
}
nav .menu .links .parent{
	position: relative; 
}
nav .menu .links .parent .arrow-icon{
	display: inline-block;
	transition: 0.4s;
	
}
nav .menu .links .parent .rotate{
	transform: rotate(90deg);
}
nav .menu .links .parent .childs{
	position: absolute;
	
	background-color: #3e3e3e;
	top: 100%;
	left: 0px;
	width: 200px;
	text-align: left;
	display: none;
  box-shadow: 0px 1px 6px 0px #333;
	
}


nav .menu .links .parent .childs li{
	display: block;
	margin-top: 0px;
}
nav .menu .links .parent .childs li{
	border-top: 1px solid #f3f3f3;
}
nav .menu .links .parent .childs li a{
	padding: 10px 3px;
}
nav .menu .icons{
	text-align: right;
	width: 20%;
	float: left;

}
nav .menu .icons li{
	display: inline-block;
	margin-top: 10px;
}
nav .menu .icons li a{
	display:block;
	 width:40px;
	 height:20px;
	 text-align:center;
	 line-height:20px;
	 
	 background:#333;
	 font-size:16px;

}

.navbar-custom {
  height: 50px;
  background:transparent;
  
}
.sidebar-custom {
  height: 50px;
  background:transparent;
  
}

  @media (min-width: 320px) and (max-width: 767px) {

	.navbaractive {
	   visibility: hidden;
	}
	.navbar-custom {
	height: 40px;
	.dropdown-menu {
	--bs-dropdown-font-size: 1.5rem;
	}
}
    
}