* {
   box-sizing: border-box;
   font-family: sans-serif;
}
body {
   margin: 0;
}
.login-wrapper {
   background: linear-gradient(to bottom, rgb(118 181 231), rgba(48 129 192), rgb(8 73 123));
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
}
.login-card {
   position: relative;
   width: 450px;
   max-width: 95vw;
   background: #fff;
   border-radius: 15px;
   padding: 30px;
}
.logo-wrapper {
   position: absolute;
   top: -60px;
   left: 50%;
   transform: translate(-50%, 0);
   background: #fff;
   border-radius: 8px 8px 0 0;
   width: 220px;
}
.logo-wrapper .logo {max-width: 100%;}
.login-title {
   font-size: 22px;
   margin-bottom: 20px;
   text-align: center;
}
.sub-title {
   font-size: 16px;
   color: #858585;
   margin-top: 5px;
}
.form-control {
   display: block;
   border-radius: 8px;
   padding: 10px;
   background: #ECF7FF;
   border: transparent;
   outline: none;
   width: 100%;
}
.form-group {
   margin-bottom: 15px;
}
.input-group {
   display: flex;
}
.input-group .form-control {
   border-radius: 8px 0 0 8px;
}
.input-group .input-group-addon {
   padding: 8px;
   background: #d5edff;
   border-radius: 0 8px 8px 0;
   cursor: pointer;
}
.btn-primary {
   color: #fff;
   background-color: #1A75BB;
}
.btn {
   padding: 8px 12px;
   width: 100%;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.42857143;
   border-radius: 6px;
   border-color: transparent;
   text-transform: uppercase;
   cursor: pointer;
}
.form-group label {
   margin-bottom: 5px;
   display: inline-block;
}
.app-link {
   display: flex;
   justify-content: space-between;
   margin-top: 30px;
}
.app-link img {
   width: 150px;
}
.form-check-wrapper{
   position: relative;
   top: -3px;
}
.form-check-wrapper .form-check {
   opacity: 0;
}
.form-check-ui {
   background: #fff;
   border: 1px solid #979797;
   width: 18px;
   height: 18px;
   display: block;
   position: absolute;
   top: 2px;
   border-radius: 3px;
   cursor: pointer;
}
.form-check:checked + .form-check-ui{
   background: #1B75BB;
   border-color: #1B75BB;
}
.form-check:checked + .form-check-ui:after {
   content: '\e8b2';
   font-family: "unicons";
   color: #fff;
   position: relative;
   top: -1px;
   left: 1px;
   font-size: 14px;
   font-weight: 600;
}
.cursor-pointer{
   cursor: pointer;
}
.form-footer{
   display: flex;
   justify-content: space-between;
   align-items: center
}
.FPW{
   color: #0c84e0;
   cursor: pointer
}
.toggle-pass.show .uil-eye:before {
   content: '\e9a7';
}
.bold{
   color: #000;
   font-weight: 600;
}
img {
    max-width: 100%;
}
.icon-img {
    width: 90%;
    margin: auto;
    margin-bottom: 15px;
}
.link-text {
   color: #0c84e0;
   cursor: pointer;
   text-decoration: underline;
   text-align: center;
   display: block;
   width: fit-content;
   margin: auto;
   margin-top: 15px;
}
.resend-text {
    margin-top: 20px;
    text-align: center;
}

.resend-text .link-text {
    display: inline;
    margin: 0;
}
.otp-input {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.otp-input .form-control {
    max-width: 50px;
    height: 50px;
    font-size: 24px;
    text-align: center;
}
.login-bg{
   background: linear-gradient(to bottom, rgb(118 181 231), rgba(48 129 192), rgb(8 73 123));
}
.response {
    background: #28bb26;
    color: #ffff;
    padding: 8px;
    margin-bottom: 15px;
    border-radius: 8px;
    text-align: center;
}
.response:empty {
    display: none;
}
.mb-15{
   margin-bottom: 15px;  
}