@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
::-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{
        font-family: "Poppins", sans-serif;
        font-weight: 300;
		background-image: url('../img/rbg.png');
		background-position:center;
		background-size:cover;
		height: 100vh;
	min-height: 100vh;
	   display: flex;
   align-items: center;
       }
.backpage { text-decoration:none;  width:200px;}
       .height{
        height: 100vh;
       }

       .card{
        border:none;
        padding: 20px;
        background-color: #1c1e21;
        color: #fff;

       }
       .circle{

        height: 20px;
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color:#5855e7;
        color: #fff;
        font-size: 10px;
        border-radius: 50%;
       }

       .form-input{

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

       .form-input i{

            position: absolute;
            font-size: 18px;
            top: 15px;
            left: 10px;
       }

       .form-control{

        height: 50px;
        background-color: #1c1e21;
        text-indent: 24px;
        font-size: 15px;


       }

       .form-control:focus{

        background-color: #25272a;
        box-shadow: none;
        color: #fff;
        border-color: #4f63e7;
       }

       .form-check-label{
        margin-top: 2px;
        font-size: 14px;
       }

        .signup{
          height: 50px;
          font-size: 14px;
        }

.help-block { font-size:13px; font-weight:300; line-height:20px; margin-top:10px; height:20px; display:block;}

        .social{

          height: 50px;
          width: 50px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #eee;
          border-radius: 50%;
          margin-right: 10px; 
          cursor: pointer;
        }

        .social:hover{

          background-color: #0d6efd;
          border-color: #0d6efd;

        }