body{font-family:'Cairo',sans-serif;background:#f4f7f8}
.main-color{background-color:rgb(39,89,99)}
.text-main{color:rgb(39,89,99)}
.login-container,.otp-container{min-height:100vh}
.signup-container{min-height:100vh}
.form-box{background:white;border-radius:15px;padding:40px;box-shadow:0 10px 25px rgba(0,0,0,0.1)}
.form-control{border-radius:10px}
.btn-main{background-color:rgb(39,89,99);color:white;border-radius:10px}
.btn-main:hover{background-color:rgb(30,70,80);color:white}
.image-side{min-height:400px;border-radius:15px;background-size:cover;background-position:center}
input[type=checkbox]{accent-color:rgb(30,70,80)}
.iti{width:100%!important}
.iti input{direction:rtl;padding-left:52px!important;padding-right:93px!important}
@media(max-width:767.98px){
  .image-side{display:none!important}
  .form-box{padding:20px}
}