/* Menghilangkan tombol panah pada input type number */
input[type="number"] {
    -moz-appearance: textfield; /* Untuk Firefox */
  }
  
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; /* Untuk Chrome dan Safari */
    margin: 0; /* Menghindari margin yang mungkin ada */
  }

  input[type="number"] {
    -moz-appearance: textfield; /* Menghilangkan spinner di Firefox */
  }

  input[type="number"] {
    appearance: textfield; /* Menghilangkan spinner di berbagai browser modern */
  }

.btn-register-login{
    border-width: 2px;
    background-color: #1A8599;
    color: #ffffff;
}

.btn-register-login:hover{
    background-color: #135F6D;
    color: #ffffff;
}

.bg-login-register{
    background: #E9FCFF;
    background: linear-gradient(135deg, rgba(233, 252, 255, 1) 0%, rgba(159, 221, 240, 1) 100%);
    width: 100%;    
}

.field-custom{
    border-color: #211C6A;
}

.img-login {
    object-fit: cover;
    height: 100%;
    filter: brightness(0.8);
}
.img-register {
    object-fit: cover;
    height: 100%;
    filter: brightness(0.8);
}
.text-color-custom{
    color: #211C6A;
}
.card-login-register{
    border-bottom-right-radius: 50px;
}
.almarai-regular {
    font-family: "Almarai", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* input otp modal */
.otp {
    width: 40px;
    border: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0.5);
    margin: 0 10px;
    text-align: center;
    font-size: 36px;
    cursor: not-allowed;
    pointer-events: none;
}
 
.otp:focus {
    border-bottom: 3px solid #59b5c3a8;
    outline: none;
}
 
.otp:nth-child(1) {
    cursor: pointer;
    pointer-events: all;
}

.bg-main{
    background-color: #9FDDF0;
}