:root{
    --yellow-main:#FBCD08;
}
body{
    background-color: #000;
    color: #F9F9F9;
    font-family: "Noto Sans Arabic", sans-serif;
}
.bred{
    border: 1px red solid;
}
.fs-16{
    font-size: 16px;
}
.login-group{
    padding: 8px 12px;
    gap: 6px;
    border: 0.5px #F9F9F9 solid;
    border-radius: 8px;
}
.phone_number{
    background-color: transparent;
    border: 0px;
    color: #F9F9F9;
   
}




input:focus    {
    border: 0px !important;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
input:-internal-autofill-selected {
background-color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgb(1, 209, 209) inset !important;
  box-shadow: 0 0 0px 1000px rgb(0, 0, 0) inset !important;
  -webkit-text-fill-color: #F9F9F9 !important;
}


input::placeholder{
    color: #F9F9F9;
    font-weight: 500;

}
input{
    font-size: 12px;
}

.login-group:focus-within {
    border-color: #FBCD08;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  }

.login_submit{
    background-color: var(--yellow-main);
    color: #000;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    padding: 10px ;
    border-radius: 8px;
    border: 0px;

}
.login_submit:hover{
    background-color:#d0a900 ;
}