body{
    background-color: #F1F3F6;
}

 
 .card{
   box-shadow: 1px 0px 10px -4px rgb(46, 46, 46);
 }
 
 

.form-control:focus {
    color: white;
    background-color: #eeeeee;
    border: 2px solid #eeeeee;
    box-shadow: none;
}

 
::placeholder {
    font-size: 14px;
    font-weight: 600;
}

/* .btn{
    width: 100%;
} */
.input-fieldd{
  position: relative;
}
.input-fieldd input{
   width: 100%;
  height: 50px;
  border-radius: 6px;
  font-size: 15px;
  padding: 0 15px;
  border: 1px solid #222630;
  background: white !important;
  color: #222630;
  outline: none;
}
.input-fieldd .emaillabel{
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  color: #222630;
  font-size: 15px;
  pointer-events: none;
  transition: 0.3s;
}
input:focus{
  border: 2px solid #222630;
}
input:focus ~ .emaillabel,
input:valid ~ .emaillabel{
  top: 0;
  left: 15px;
  font-size: 16px;
  padding: 0 2px;
  background: #ffffff;
}


.input-fielddd{
  position: relative;
}
.input-fielddd input{
   width: 100%;
  height: 50px;
  border-radius: 6px;
  font-size: 15px;
  padding: 0 15px;
  border: 1px solid #222630;
  background: transparent;
  color: #222630;
  outline: none;
}
.input-fielddd .emaillabell{
  position: absolute;
  top: -5%;
  left: 20px;
  transform: translateY(-50%);
  color: #222630;
  font-size:  15px;
  pointer-events: none;
  transition: 0.3s;
}