::-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-color: 	#ff751f;
}
.card{
border: none;
border-top: 5px solid  rgb(255,165,0);
background: #ffffff;
color: #FF8C00;
}
p{
font-weight: 600;
font-size: 15px;
}
.fab{
display: flex;
justify-content: center;
align-items: center;
border: none;
background: #2A284D;
height: 40px;
width: 90px;
}
.fab:hover{
cursor: pointer;
}
.fa-twitter{
color: #56ABEC;
}
.fa-facebook{
color: #1775F1;
}
.fa-google{
color: #CB5048;
}
.division{
float: none;
position: relative;
margin: 30px auto 20px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.division .line{
border-top: 1.5px solid #FFA500;;
position: absolute;
top: 13px;
width: 85%;
}
.line.l{
left: 52px;
}
.line.r{
right: 45px;

}
.division span{
font-weight: 600;
font-size: 14px;
}
.myform{
padding: 0 25px 0 33px;
}
.form-control{
border: 1px solid #3761bf;
border-radius: 3px;
background: #afcae7;
margin-bottom: 20px;
letter-spacing: 1px;

}
.form-control:focus{
border: 1px solid #57557A;
border-radius: 3px;
box-shadow: none;
background: #afcae7;
letter-spacing: 1px;
}
.bn{
text-decoration: underline;
}
.bn:hover{
cursor: pointer;
}
.form-check-input {
margin-top: 8px!important;
}
.btn-primary{
background: linear-gradient(135deg, rgb(121 182 39) 39%,rgb(41 156 1) 101%);
border: none;
border-radius: 50px;
}
.btn-primary:focus{
box-shadow: none;
border: none;
}
small{
color: #F2CEFF;
}
.far.fa-user{
font-size: 13px;
}

@media(min-width: 767px){
.bn{
text-align: right;
}
}
@media(max-width: 767px){
.form-check{
text-align: center;
}
.bn{
text-align: center;
align-items: center;
}
}
@media(max-width: 450px){
.fab{
width: 100%;
height: 100%;
}
.division .line{
width: 50%;
}
}