@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.media-content{}
.media-content a{height:200px;}
.media-content a div{background-position: center center;background-size:cover;}
/* use reverse flexbox to take advantage of flex-direction: reverse */
.star-rating {
    display: flex;
    align-items: center;
    width: 160px;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 40px auto;
    position: relative;
}
/* hide the inputs */
.star-rating input {
    display: none;
}
/* set properties of all labels */
.star-rating > label {
    width: 30px;
    height: 30px;
    font-family: Arial;
    font-size: 30px;
    transition: 0.2s ease;
    color: orange;
}
/* give label a hover state */
.star-rating label:hover {
    color: #ff69b4;
    transition: 0.2s ease;
}
.star-rating label:active::before {
    transform:scale(1.1);
}
/* set shape of unselected label */
.star-rating label::before {
    content: '\2606';
    position: absolute;
    top: 0px;
    line-height: 26px;
}
/* set full star shape for checked label and those that come after it */
.star-rating input:checked ~ label:before {
    content:'\2605';
}
@-moz-document url-prefix() {
    .star-rating input:checked ~ label:before {
        font-size: 36px;
        line-height: 21px;
    }
}
.login-page .login-box{background:#fff;padding:20px 30px 20px 20px;border-radius:28px;width:calc(450px);margin:0 auto;display:inline-block;}
.login-page .login-box h3{font-size:40px;color:#0989FF;font-weight:700;}
.login-page .login-box small{font-size:14px;color:#b3b8cd;font-family:'Poppins;';margin-bottom:10px;display:block;}
.login-page .login-box .form-control{border:1px solid #f1f1f1;color:#b3b8cd;font-family:'Poppins';font-size:14px;line-height:30px;width:100%;border-radius: 10px;}
.login-page .login-box .form-control:nth-child(2){margin-top:20px;}
.login-page .login-box .form-control:focus{border-color:#0989FF;}
.login-page .login-box form p{font-family:'Poppins';font-size:14px;font-weight: normal;color:#0989FF;margin:40px 0;}
.login-page .login-box form p a{color:#0989FF;}
.login-page .login-box .btn{background:#0989FF;color:#fff;line-height:30px;width:180px;padding-left:20px;padding-bottom:10px;padddisplay:inline-block;border-radius:10px;}
.login-page .login-box .btn em{position:relative;bottom:-1px;margin-left:30px;display:inline-block;}
.login-page .login-box .btn-forgot-password{line-height:30px;color:#0989FF;text-decoration: none;display:inline-block;}
.login-page .login-box .btn-forgot-password em{margin-right:10px;}
.login-page .login-box hr{width:calc(100% + 20px);margin-left:-10px;opacity:1;background:#0989FF;margin:30px 0;}
.login-page .login-box p.text-center{font-family:'Poppins';font-size:13px;font-weight: normal;color:#0989FF;margin:0 0 15px 0;}
.login-page .login-box p.text-center a{color:#0989FF;}