.logo{
    margin-bottom:43px;
    margin-top:50px;
    width: 144px;
    height: 80px;
    padding: 0px;
}

input:focus{
    border-bottom: 2px solid pink;
    outline:none;
}

#step1Button{
    width: 138px;
    background: #EB6F93 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    border-color: #EB6F93;
    font-size:16px;
}

#step2Button{
    width: 138px;
    background: #EB6F93 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    border-color: #EB6F93;
    font-size:16px;
}

#submit{
    width: 138px;
    background: #EB6F93 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    border-color: #EB6F93;
    font-size:16px;
}

.form-control:focus {
    box-shadow: 0 0 0px rgba(0, 123, 255, 0.5);
    border-bottom: 1px solid grey;
    padding-left:0px;
}

.stepHeader {
    color: #191C1F;
    font-size:60px;
    font-family: Bahnschrift Bold;
    margin-bottom:34px;
}

.act-invalid-input{
    border-bottom: 2px solid pink;
    outline:none;
    border-shadow: transparent;
    color: #EB6F93;
}
.error-message{
    color: #EB6F93;
    font-size: 16px;
    margin-top: 12px;
}
.act-step1-label{
    color: #777777;
    padding-left:0px !important;
}

.act-form-control{
    padding-left: 0px !important;
    font-size: 18px;
    color: #000000;
}

.act-form-floating>.act-form-control:focus~label,
.act-form-floating>.act-form-control:not(:placeholder-shown)~label{
    transform: scale(.85) translateY(-.8rem) translateX(0rem) !important;
    font-size: 14px;
    color: #000000;
}
.activate-text{
    color: #000000;
    font-size:16px;
}
.toggle-eye-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.pinInput, .otpInput{
    font-size: 30px;
}