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

.btn-tiller{
    background: #1ba0b1;
    color: #fff;
}
.btn-tiller:hover{
    background: #118897;
    color: #fff;
}
.btn-tiller:active {
    background: #1ba0b1;
    color: #fff;
}
.btn-tiller:link  {
    background: #1ba0b1;
    color: #fff;
}
.btn-tiller:visited  {
    background: #1ba0b1;
    color: #fff;
}
.btn-tiller::after  {
    background: #1ba0b1;
    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;
     }
}