#loadingProgressWhiteContainer{background:rgba(255,255,255,.9) repeat;display:none;height:100%;left:0;position:absolute;top:5px;width:100%;z-index:99999}#loadingProgressWhiteElement{left:50%;position:absolute;top:30%;text-align:center;transform:translate(-50%,-20%)}.loading-message{font-weight:700;font-size:16px;margin-top:-20px}.course-list-wrapper{position:relative}.course-list-wrapper h3{padding-bottom:35px;color:#000}.course-list-top{border:.5px solid #d8d8d8 !important;box-shadow:8px 8px 16px 4px rgba(137,143,150,.04) !important;border-radius:20px !important;padding:28px 20px;background-color:#fff !important;display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.course-list-top .search-course{display:flex;padding-left:58px !important;width:490px !important;background-color:#ededed !important;border-radius:12px !important;position:relative}.clean-search{position:absolute;top:8px;right:15px}.course-list-top .search-field{background:none !important;border-radius:0 !important;border:0 !important}.course-list-top .search-button{background:url("../images/search_icon.png") no-repeat left top;width:35px;height:45px;display:inline-block;text-indent:-9999px;border:0}.course-list-top ul{margin:0;padding:0;list-style:none;display:flex;gap:10px}.course-list-top ul li a.list-icon:link,.course-list-top ul li a.list-icon:visited,.course-list-top ul li a.list-icon:active{background:url("../images/icon_list.png") no-repeat left top;width:42px;height:33px;display:block;text-indent:-9999px}.course-list-top ul li a.list-icon.active:link,.course-list-top ul li a.list-icon.active:visited,.course-list-top ul li a.list-icon.active:active,.course-list-top ul li a.list-icon:hover{background:url("../images/icon_list.png") no-repeat left bottom}.course-list-top ul li a.grid-icon:link,.course-list-top ul li a.grid-icon:visited,.course-list-top ul li a.grid-icon:active{background:url("../images/icon_grid.png") no-repeat left bottom;width:45px;height:33px;display:block;text-indent:-9999px}.course-list-top ul li a.grid-icon.active:link,.course-list-top ul li a.grid-icon.active:visited,.course-list-top ul li a.grid-icon.active:active,.course-list-top ul li a.grid-icon:hover{background:url("../images/icon_grid.png") no-repeat left top}.course-list{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.course-item:hover{-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);box-shadow:0 14px 40px rgba(0,0,0,.05),0 4px 22px rgba(0,0,0,.15)}.course-item{padding:30px 16px 27px;background:#FFF;border:.5px solid #d8d8d8;border-radius:20px;color:#626e8e;font-size:14px;line-height:normal;flex:0 0 23%}.course-item h4{font-size:16px;color:#000;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px}.course-item .course-description{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;margin-bottom:1rem;border-top:1px solid #d39e48;padding-top:10px}.course-item .course-img{width:100%;height:164px;margin-bottom:20px}.course-item a.course-details:link,.course-item a.course-details:visited,.course-item a.course-details:active{background:#4585f4;border:1px solid #4585f4;color:#fff;border-radius:12px;height:40px;line-height:40px;display:inline-block;width:100px;text-align:center;float:right;border-radius:4px;text-decoration:none}.course-item a.course-details:hover{background:#4585f4cc;color:#fff}.course-list.list-view{flex-direction:column}.course-list.list-view .course-item{width:100%;display:flex;flex-direction:row;align-items:center}.course-list.list-view .course-item .course-img{order:1;margin-bottom:0;width:200px;margin-right:15px}.course-list.list-view .course-item .content{order:2;margin-bottom:0;width:calc(100% - 200px)}.course-list.list-view .course-item a.course-details{float:left}.load-more-wrapper{text-align:center;display:block}.load-more-wrapper a.load-more-course:link,.load-more-wrapper a.load-more-course:visited,.load-more-wrapper a.load-more-course:active{background:#fff;border:1px solid #003a85;border-radius:12px;height:40px;line-height:40px;display:inline-block;width:100px;text-align:center;font-size:14px}.load-more-wrapper a.load-more-course:hover{background:#003a85;color:#fff}@media(max-width:767px){.course-list{display:flex;flex-direction:column}.course-item{width:100%}}@media(max-width:600px){.course-list{display:flex;flex-direction:column}.course-item{width:100%}.course-item a.course-details:link,.course-item a.course-details:visited,.course-item a.course-details:active{float:none}}