.main-menu ul > li > a {
    font-size: 1rem !important;
    font-weight:normal !important;
}
.news-item .blog-img {
    display: block;
    position: relative;
    height: 75%;
    overflow: hidden !important;
}
    .news-item .blog-img img.img-ratio {
        object-fit: cover !important;
        aspect-ratio: 900 / 600 !important;
    }

    .news-item h4 {
        line-height: 1.5 !important;
        height: 6.0em !important;
        overflow: hidden;
    }
.news-item p.news-intro{
    line-height:1.5 !important;
    max-height: 4.5em !important;
    overflow:hidden;
}

.blog-content h4 {
    line-height: 1.5 !important;
}

.single-project-content ul,
.single-project-content ul li{
    list-style: disc !important;
}
.single-project-content ul{
    padding-left:1em !important;
}
.single-project-content ul.list-group{
    padding-left: 0 !important;
}
    .single-project-content ul.list-group li {
        transition: 0.5s;
    }
    .single-project-content ul.list-group li a{
        transition: 0.5s;
    }
        .single-project-content ul.list-group li:hover {
            background-color: #FFFFFF;
            background-image: linear-gradient( to right, #F5FAFD, #84D6EB ) !important;
        }

        .bg-grey {
            background: #7D7A7A !important;
            color: #FFFFFF !important;
        }
.top-icon {
    color: #86BC42 !important;
}
.bg-main-menu {
    background-color: #FFFFFF;
    background-image: linear-gradient( to right, #F5FAFD, #84D6EB ) !important;
}

.page-learning{
    max-width:960px !important;
    margin: 0 auto;
}

@media screen and (max-width: 991px){
    .single-project {
        text-align: unset;
    }
} 


.item-online{
    
}


.course-item{
    
}
    .course-item .course-img {
        display: block;
        padding-top: 56.25%;
        position: relative;
        overflow:hidden;
    }
        .course-item .course-img img{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            min-height:100%;
            transition:0.5s;
        }
        .course-item:hover .course-img img{
            transform:scale(1.05);
        }

    .course-item .course-content {

    }
        .course-item .course-content .course-meta i {
            color: #53A92C !important;
        }


.panel-complete {
    margin: 1.5rem;
    padding: 1.5rem;
    border: 1px #EFEFEF solid;
    border-radius: 0.5rem;
    background-color: #D7F0F8;
}
    .panel-complete img.complete-icon {
        width: 25%;
    }
    .panel-complete .complete-title {
        color: #047125 !important;
    }
    .panel-complete .complete-sub-title {
        color: #047125 !important;
    }

@media screen and (max-width: 991px) {
    .panel-complete img.complete-icon {
        width:75% !important;
    }
} 


.shadow-4 {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 2px 2px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.15),0 8px 8px rgba(0,0,0,0.15)
}

.shadow-5 {
    box-shadow: 0 1px 1px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.12),0 4px 4px rgba(0,0,0,0.12),0 8px 8px rgba(0,0,0,0.12),0 16px 16px rgba(0,0,0,0.12)
}

.shadow-6 {
    box-shadow: 0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 8px 8px rgba(0,0,0,0.11),0 16px 16px rgba(0,0,0,0.11),0 32px 32px rgba(0,0,0,0.11)
}

.shadow-sharp {
    box-shadow: 0 1px 1px rgba(0,0,0,0.25),0 2px 2px rgba(0,0,0,0.2),0 4px 4px rgba(0,0,0,0.15),0 8px 8px rgba(0,0,0,0.1),0 16px 16px rgba(0,0,0,0.05)
}

.shadow-diffuse {
    box-shadow: 0 1px 1px rgba(0,0,0,0.08),0 2px 2px rgba(0,0,0,0.12),0 4px 4px rgba(0,0,0,0.16),0 8px 8px rgba(0,0,0,0.2)
}

.shadow-dreamy {
    box-shadow: 0 1px 2px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.07),0 4px 8px rgba(0,0,0,0.07),0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.07),0 32px 64px rgba(0,0,0,0.07)
}

.shadow-shorter {
    box-shadow: 0 1px 1px rgba(0,0,0,0.11),0 2px 2px rgba(0,0,0,0.11),0 4px 4px rgba(0,0,0,0.11),0 6px 8px rgba(0,0,0,0.11),0 8px 16px rgba(0,0,0,0.11)
}

.shadow-longer {
    box-shadow: 0 2px 1px rgba(0,0,0,0.09),0 4px 2px rgba(0,0,0,0.09),0 8px 4px rgba(0,0,0,0.09),0 16px 8px rgba(0,0,0,0.09),0 32px 16px rgba(0,0,0,0.09)
}
/*# sourceMappingURL=shadow.css.map */


.rate {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    text-align: center !important;
}

.rating {
    width:auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center !important;
    float:unset !important;
}

    .rating > input {
        display: none
    }

    .rating > label {
        position: relative;
        width: 1em;
        font-size: 36px;
        font-weight: 300;
        color: #FFD600;
        cursor: pointer
    }

        .rating > label::before {
            content: "\2605";
            position: absolute;
            opacity: 0
        }

        .rating > label:hover:before,
        .rating > label:hover ~ label:before {
            opacity: 1 !important
        }

    .rating > input:checked ~ label:before {
        opacity: 1
    }

    .rating:hover > input:checked ~ label:before {
        opacity: 0.4
    }

.buttons {
    top: 36px;
    position: relative;
}


.rating-submit {
    border-radius: 7px;
    color: #fff;
    height: 49px;
}


    .rating-submit:hover {
        color: #fff;
    }

.main-menu-area ul li.menu-item {
    background: #53A92C;
    margin-right:0.4rem;
    transition:0.5s;
    border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;
}
    .main-menu-area ul li.menu-item:hover,
    .main-menu-area ul li.active {
        background: #D94009;
        
    }
    .main-menu-area ul li.menu-item a {
        color: #FFFFFF;
        padding: 0.5rem 1.2rem !important;
    }

    .main-menu-area ul li.menu-item:hover a,
    .main-menu-area ul li.active a {
        color: #FFFFFF;
        padding: 0.5rem 1.2rem !important;
    }

    p.font-large{
        font-size:1.25rem;
    }

    img.img-sponsor{
        max-width:200px;
    }

@media screen and (max-width: 1200px){
    .slider-content-area .col-md-4, .slider-content-area .col-md-4 {
        display:none;
    }

    .main-menu-area ul li.menu-item {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

}