.limit-1-line-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.limit-2-line-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.limit-3-line-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.header__logo {
    width: 100%;
    max-width: 250px;
}

.coursesCard.-type-1 .coursesCard__image {
    height: 200px;
    object-fit: cover;
}

.bg-image-overlay {
    overflow: hidden;
    position: relative;
}

.bg-image-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 36, 101, 0.85);
}

.bg-login {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-login::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.img-login {
    max-width: 300px;
    margin-bottom: 20px;
}

.img-footer {
    width: 100%;
    max-width: 300px;
}

.lihat-pass{
    /* position: relative; */
    color: #5a80e0 !important;
    /* right: 20px;
    top: 8px; */
 }

 .lihat-pass:hover{
    color: #062b88 !important;
 }

 .errspan {
    float: right;
    margin-right: 10px;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    /* color: red; */
}

 /* style captcha */
 .captcha-styl{
    border: 1px dotted;
    padding: 15px 22px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }

@media screen and (max-width: 480px) {
    .header__logo {
        max-width: 200px;
    }

    .header.-type-3 {
        padding: 0;
    }
}

/* responsive */
/* smartphone */
@media (max-width: 400px) {
    .bg-login {
        height: 100vh;
    }

    .content-wrapper{
        position: relative;
        top: 3% !important;
    }
}

@media (max-width: 667px){
    .bg-login {
        height: 100vh;
    }

    .content-wrapper{
        position: relative;
        top: 15%;
    }
}

/* nest hub */
@media screen and (max-width: 1024px) and (min-width: 600px) {
    .py-35 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}