@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

body{
    font-family: Segoe Ui;
    background: #ececec;
}
a
{
text-decoration: none !important;
}

@font-face {
font-family: amasis;
src: url(fonts/amasis.ttf);
}

@font-face {
font-family: TAU-Marutham;
src: url(fonts/TAU-Marutham.ttf);
}


.counterline {
    
    border-bottom: 3px solid #ffc107;
    display: inline-block;
    padding-bottom: 1px;
}

/*------------ Login container ------------*/

.box-area{
    width: 930px;
}

/*------------ Right box ------------*/

.right-box{
    padding: 20px 20px 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;
     }

}