/* sign page start */
*{margin: 0;padding: 0;box-sizing: border-box;}
html{
    font-size: 95%;
}

body{
    background-color: #efefef;
    font-family: "Poppins",serif;}
.forget_psd{
    font-size: 15px;
}

.new_sign{font-size:15px}
.signin-container {

    margin: 30px auto;
    /* padding: 20px; */
    border-radius: 8px;

}
.bee img{
    width: 60px;
    height: 60px;
}
.joinBtn:hover{
    background-color: #00d54f !important;
    color: black !important;
}
.mobile_nav{
    display: none;
   background-color: #efefef;
   width: 100%;
   height: 100vh;

}
.signin-container form input {
    border-radius: 20px;
    border: 0;
    padding: 20px !important;
}
button.btn.bg-warning {
    padding: 17px !important;
    border-radius: 20px;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 800;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 60px white inset !important;
}

.f-18{
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 800 !important;
}

/* singin page in end */

/* signup */
.signup-container {

    /*margin: 100px auto;*/
    padding: 20px;
    border-radius: 8px;

}
.signiup-container form input{
    border-radius: 10px;
    font-size: 155px;;
}
.find_community{
    margin: 50px auto;
    padding: 20px;
    border-radius: 8px;
}
.community_result{
    margin: 50px auto;
    padding: 20px;
    border-radius: 8px;
}
.referJoin,.noreferJoin{
    background-color:#00d54f ;
    color: white !important;
}
.rfron i{
    color: #00d54f;
}
.shere_link p{
    font-size: 0.9rem;
}
.bg-warning{
    background-color: #ffed1b !important;
}
.profile_pic{
    padding: 20px;
}
.fw-smallbold{
    font-weight: 600;
}

/* .input_custom{

} */

@media screen and(max-width:500px) {
    html{
        font-size: 75%;
    }

}

@media (max-width: 773px) {
    .profile_pic {
        height: 190px;
      display: flex;
      justify-content: center;
      cursor: pointer;
      align-items: center;
    }
  }