 .text-purple {
     color: #40196d;
 }
 
 .bg-purple {
     background-color: #40196d;
 }
 
 .btn-purple:hover {
     background-color: #8930e9;
 }
 
 label:after {
     content: "*";
     color: red;
     font-weight: 800;
     margin-left: 5px;
 }
 
 .btn-outline-purple {
     color: #40196d !important;
     border-radius: 5px;
     border: 2px solid #40196d;
 }
 
 .btn-outline-purple:hover {
     background-color: #954fe0;
     color: #fff !important;
 }
 
 label {
     color: #40196d;
     font-weight: bold;
 }
 
 .reg-top {
     background-image: url(../images/register.jpg), linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
     background-blend-mode: overlay;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top;
     background-attachment: fixed;
     background-position: center center;
     height: 100vh;
 }
 
 .top-login {
     background-image: url(../images/login.jpg), linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
     background-blend-mode: overlay;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top;
     background-attachment: fixed;
     background-position: center center;
     height: 100vh;
 }
 
 .reg-top-loan {
     background-image: url(../images/reg-loan.jpg), linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
     background-blend-mode: overlay;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top;
     background-attachment: fixed;
     background-position: center center;
     height: 100vh;
 }
 
 .loader {
     z-index: 7700;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 
 #overlayer {
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 7100;
     background: #fff;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }
 
 .reg-success {
     /* background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(247, 247, 247, 0.8));
      */
     background-color: #f8f9fa;
     background-blend-mode: overlay;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top;
     background-attachment: fixed;
     background-position: center center;
     height: 100vh;
 }
 
 @media (max-width: 576px) {
     .icon {
         font-size: 5rem;
     }
 }
 
 @media (min-width: 577px) {
     .icon {
         font-size: 8rem;
     }
 }
 
 .icon {
     color: #40196d !important;
 }