/*================================================
Start Important Part
==================================================*/
.underline--magical {
 background: rgb(19,36,80);
background: linear-gradient(90deg, rgba(19,36,80,1) 49%, rgba(247,247,247,1) 100%);
 background-repeat: no-repeat;
  background-size: 100% 0em;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
}
.underline--magical:hover {
  background-size: 100% 88%;
}
.heading a:hover{
	color: white;
}
.heading a{
	color: #132450;
}
.container i {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.container i:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

/*================================================
End Important Part
==================================================*/
.nav-menu a{
	color: #132450;
}
.ion-navicon-round{
	color: #132450;
}

@media (max-width: 992px) {
.underline--magical {
 background: rgb(247,247,247);
background: linear-gradient(90deg, rgba(247,247,247,1) 80%, rgba(19,36,80,1) 100%);
  background-size: 100% 0em;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;  
}
.heading a{
  color: #fff;
}
.heading a:hover{
	color: #132450;
}
}