@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500&display=swap');
body{
    font-family: 'Tajawal', sans-serif;
    background: #ececec;
}

.btn-jolya{
    background: #ff1b00;
    color: #fff;
}
.btn-jolya:hover{
    background: #eb1700;
    color: #fff;
}
.btn-jolya:active {
    background: #ff1b00;
    color: #fff;
}
.btn-jolya:link  {
    background: #ff1b00;
    color: #fff;
}
.btn-jolya:visited  {
    background: #ff1b00;
    color: #fff;
}
.btn-jolya::after  {
    background: #ff1b00;
    color: #fff;
}
/*------------ Login container ------------*/
.box-area{
    width: 930px;
}
/*------------ Right box ------------*/
.right-box{
    padding: 40px 30px 40px 40px;
}
/*------------ Custom Placeholder ------------*/
::placeholder{
    font-size: 16px;
}
.rounded-4{
    border-radius: 20px;
}
.rounded-5{
    border-radius: 30px;
}
/*------------ For small screens------------*/
@media only screen and (max-width: 768px){
     .box-area{
        margin: 0 10px;
     }
     .left-box{
        height: 100px;
        overflow: hidden;
     }
     .right-box{
        padding: 20px;
     }
}