body {
background-color: #5d6a5b;
 background: linear-gradient(rgb(7 27 0 / 40%), rgb(15 27 0 / 70%)),url(/img/bg-log.jpg);
background-size: cover !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
 min-height: auto!important;
}

@media only screen and (max-width: 767px) {
.hide-on-mobile {
display: none;
}
}

.login-box {
background-size: cover;
background-position: center;
padding: 50px;
margin: 50px auto;
min-height: calc(100vh - 100px);
-webkit-box-shadow: 0 2px 60px -5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 60px -5px rgba(0, 0, 0, 0.1);
border-radius: 1rem;
display: flex;
align-items: center;
}

.logo {
font-size: 54px;
text-align: center;
color: #888888;
margin-bottom: 50px;
}

.logo .logo-font {
color: #3BC3FF;
}

@media only screen and (max-width: 767px) {
.logo {
font-size: 34px;
}
}

.header-title {
text-align: center;
margin-bottom: 22px;
}

form {
max-width: 300px;
margin: 0 auto!important;
}

form .form-control {
border-radius: 0;
margin-bottom: 30px;
}

form .form-group {
position: relative;
}

form .form-group .forgot-password {
position: absolute;
top: 6px;
right: 15px;
}

form .btn {
border-radius: 0;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}

form .btn.btn-primary {
background: #3BC3FF;
border-color: #31c0ff;
}

.slider-feature-card {
background: #fff;
max-width: 280px;
margin: 0 auto;
padding: 30px;
text-align: center;
-webkit-box-shadow: 0 2px 25px -3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 25px -3px rgba(0, 0, 0, 0.1);
}

.slider-feature-card img {
height: 80px;
margin-top: 30px;
margin-bottom: 30px;
}

.slider-feature-card h3,
.slider-feature-card p {
margin-bottom: 30px;
}

.carousel-indicators {
bottom: -50px;
}

.carousel-indicators li {
cursor: pointer;
}

.bg-light {background-color: #d9ffd6!important;}