::-webkit-scrollbar {
    width: 8px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  } body{

background-image: url(../img/bg.webp);
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}


.card{

width: 400px;
padding: 20px;
border:none;
}



.account{

font-weight: 500;
font-size: 17px;
}

.contact{

font-size: 13px;
}

.form-control{
text-indent: 14px;
}

.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #155cc6;
outline: 0;
box-shadow: none;
}

.inputbox{

margin-bottom: 10px;
position: relative;
}

.inputbox i{

position: absolute;
left: 8px;
top: 12px;
color: #dadada;
}


.form-check-label{

font-size: 13px;
}

.form-check-input {
width: 14px;
height: 15px;
margin-top: 5px;

}

.forgot {
font-size: 14px;
text-decoration: none;
color: #155cc6;
}

.mail{

color: #155cc6;
text-decoration: none;
}


.form-check{

cursor: pointer;
}