/* ===== INPUT FIX ===== */
 .icon-form-control {
     position: relative;
 }
.icon-form-control select.form-control,
 .icon-form-control input.form-control {
     height: 60px;
     border-radius: 50px;
     border: 1.5px solid #d7dce5;
     padding: 20px 15px 10px 25px;
     font-size: 15px;
     background: #fff;
     transition: all 0.25s ease;
        box-shadow: none;
 }

 .sign-in_username{
 padding: 13px 15px 10px 55px !important;
  }


 .icon-form-control input.form-control:focus {
     border-color: #7c83ff;
     box-shadow: 0 0 0 3px rgba(124, 131, 255, 0.12);
     outline: none;
 }

 /* ICON */
 .icon-form-control i {
     position: absolute;
     top: 50%;
     left: 15px;
     transform: translateY(-50%);
     color: #6b7280;
     font-size: 18px;
 }

 /* FLOATING LABEL */
 .form-group {
     position: relative;
 }

 .icon-form-control label {
     position: absolute;
     top: 50%;
     left: 45px;
     transform: translateY(-50%);
     background: #fff;
     padding: 0 6px;
     color: #9ca3af;
     font-size: 14px;
     transition: 0.2s ease;
     pointer-events: none;
 }

 /* ACTIVE / FILLED */
 .icon-form-control input:focus+label,
 .icon-form-control input:not(:placeholder-shown)+label {
     top: 0;
     left: 15px;
     font-size: 12px;
     color: #6366f1;
     font-weight: 600;
 }

 /* HIDE OLD LABEL */
 .form-group .mb-1 {
     display: none;
 }

 /* ===== BUTTON ===== */
 

.sign-in_agree-and-join{
    background: linear-gradient(90deg, #2563eb 0%, #a21caf 100%) !important;
        color: #fff !important;
        border-radius: 50px;
        height: 50px;
        font-weight: 600;
}


 .signinbtn {
     background: linear-gradient(90deg, #2563eb 0%, #a21caf 100%) !important;
     color: #fff !important;
     border-radius: 50px;
     height: 50px;
     font-weight: 600;
 }

 .btn-primary:hover,
 .signinbtn:hover {
     opacity: 0.95;
 }