.logo-class {
       width: 231px;
       height: 99px;
       margin-bottom: 98px;
       margin-top: 98px;
   }

   .main-form {
       background-color: #0E085E;
       padding-top: 51px;
       border-radius: 35px 35px 0px 0px;
       height: 71vh;
       margin-left: -1px;
       margin-right: -1px;
   }

   .btn-lulu {
       
       color: #0E085E;
       background-color: #ffffff;
       margin: 0 auto;
       width: 100%;
       /* margin-left: 45px; */
       margin-top: 53px;
       height: 44px;
       font-weight: 600;
       font-size: 16px;
   }

    .mango_center{
        display: flex;
        justify-content: center;
        
    }

   .full-form {
       background-color: #fff;
       /* max-width: 500px; */
      
       /* justify-content: flex-end;
       flex-direction: column;
       display: flex; */
   }

   @media only screen and (max-width: 460px) {
       
   }

   .nopadding {
           padding: 0px 0px 0px 0px;
   }

   .field-size{
       height: 44px;
       background-color: #322D76;
       color: #fff;       
   }

   form i {
    margin-left: -30px;
    cursor: pointer;
    pointer-events: visible !important;
    }

    .bi {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    top: 8%;
    right: 3%;
}

.form-control::-webkit-input-placeholder {
    color: #ffffff;
}

.login-group {
    width: 82.2%;
    margin-bottom: 15px;
}

.nomargin {
    margin: 0;
}

.mango-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}