/************************************************
 			*FONT-SECTION-STARTS*
 ************************************************/

.left-menu{
    background-color: #312e81!important;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    /*padding: 0px 10px;*/
    width: min-content;
    border-radius: 0 20px 20px 0;
}
.container-con {
    max-width: 1750px;
    margin-left:  auto;
    padding:  0 40px;
}
ul{padding: 0;}
ul li{list-style: none;padding: 8px 4px;font-size: .875rem;}




.outer {
  margin: 50px;
}

.button-animate {
  background: linear-gradient(to right, black 50%, #312e81 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.button-animate:hover {
  background-position: left bottom;
}

.text {
  text-align: center;
  font-size: 16px;
  line-height: 30px; 
  color: black;
  transition: all .6s ease-out;
  display: block;
}

.text:hover {
  color: white;  
}









/************************************************
 			*FONT-SECTION-STARTS*
 ************************************************/