.bg-grad {
    color: white;
    background-image: linear-gradient(to right, #D7524B 0%, #b31217 51%, #D7524B 100%);
     background-image: linear-gradient(to right, #3a4a97 0%, #f8b81d 51%, #3a4a97 100%);
}

.exhib-head {
    border: 1px solid #344287;
    padding: 15px;
    /*margin-top: 10px;*/
}
.exhib-text {
    margin-top: 14px;
    font-family: "Roboto", sans-serif, Lato, Arial, Tahoma, sans-serif, 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8;
   
    color:#fff;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}


.exhib-btn {
    margin-top: 14px;
    font-family: "Roboto", sans-serif, Lato, Arial, Tahoma, 'Open Sans';
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.8;
    margin: 0 auto;
}


.btn-bg-white 
{
    background-color: #ffffff;
    color: #3a4a97;/*#052a61; /*#F33837;*/
    border-color: #ffffff;
}

.bg-grad 
{
        color:white;
        /*background-image: linear-gradient(to right, #D7524B 0%, #b31217 51%, #D7524B 100%);
         background-image: linear-gradient(to right, #f8b81d 0%, #f9c036 51%, #f8b81d 100%);
         background-image: linear-gradient(to right, #f6b60b 0%, #f8b81d 51%, #f6b60b 100%);*/
         background-image: linear-gradient(to right, #3a4a97 0%, #344287 51%, #3a4a97 100%);
}

.bg-grad:hover 
{ 
    background-position: right center; 
}


.btn 
{
  flex: 1 1 auto;
  margin: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  /*color: white;*/
  font-weight:bold;
  border-radius: 20px;
}


.btn:hover 
{
  background-position: right center; /* change the direction of the change here */
  box-shadow: 0 0 20px #eee;
}