body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif !important;

}

/***********************************************login************************************************/
.img-login{
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #f8f7fa;
    margin: 20px;
    border-radius: 30px;
    margin: 2rem 0 2rem 2rem;
    height: calc(100vh - 4rem);
    border-radius: 1.125rem;
    position: relative;
}
.img-login img{
    max-height: 65%;
    max-width: 100%;
    height: auto;
    z-index: 1;
}
.login-detail h3{
    color: #5d596c;
    font-size: 24px;
}  
.login-detail{
    width: 75%;
}

.login-detail p{
    color: #6f6b7d;
    font-size: 14px;
    margin-bottom: 30px;
}
.login-detail label{
    margin-bottom: .25rem;
    font-size: 0.8125rem;
    color: #5d596c;
}
.login-detail button{
    color: #fff;
    background-color: #7367f0;
    border-color: #7367f0;
    box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
}
.login-detail button:hover {
    color: #fff !important;
    background-color: #685dd8 !important;
    border-color: #685dd8 !important;
}
.login-detail img{
    margin-bottom: 20px;
}
.create-account p{
    font-size: 15px;
    text-align: center;
    margin-top: 18px;
}
.break-point {
    position: relative;
}
.break-point p{
    text-align: center;
    max-width: max-content;
    margin: auto;
    background: #fff;
    padding: 10px 26px;
    font-size: 13px;
}
.break-point p:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #4b465c33;
    left: 0;
    z-index: -1;
    top: 20px;
}
.social-media{
    display: flex;
    justify-content: center;
    margin-top: 22px;
}
.social-media .icon-social {
    margin: 0 7px;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 6px;
}
.social-media .icon-social.facebook{
    background: #e0e4ef;
}
.social-media .icon-social.google{
   
    background: #fae2df;
}
.social-media .icon-social.twitter{
    background: #dbf0fd;
}
.social-media .icon-social i {
    font-size: 18px;
    margin: 0;
}
.social-media .icon-social i.bi-facebook {
   color: #1877F2;
}
.social-media .icon-social i.bi-google {
    color: #CD201F;
 }
 .social-media .icon-social i.bi-twitter {
    color: #1DA1F2;
 }
 .form-control::placeholder {
    color: #b7b5be !important;
    opacity: 1;
    font-size:14px;
    font-weight: 400;
}
.forget-password{
    color: #7367f0;
    text-decoration: none;
      position: absolute;
    right: 0;
}


.back-login{
    text-align: center;
    margin-top: 18px;
}
.back-login a{
    font-size: 14px;
    text-decoration: none;
    color: #7367f0;
}