#Course-module{background-color:#e4eef8;min-height:100vh}.module_layout{width:100%;max-width:1200px;margin:0 auto}.module_header{flex-direction:column;align-items:center;width:100%;display:flex}.module_h1{color:#008cff;text-align:center;margin-top:2rem;margin-bottom:1rem;font-size:3rem;font-weight:700}.module_head_desc{color:#464646;text-align:center;font-size:1.75rem;font-weight:500}.humansoft-orange{color:#ff6100}.humansoft-blue{color:#008cff}.module_wrapper{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:3rem;width:100%;padding:3rem 1rem;display:flex}.course_breadcrumb{color:#464646;text-align:left;flex-flow:wrap;justify-content:flex-start;align-items:center;width:100%;font-size:1rem;font-weight:500;display:flex}.course_breadcrumb span,.course_breadcrumb a{white-space:nowrap}.course_breadcrumb a{color:#008cff;font-size:inherit;font-weight:inherit;cursor:pointer}.course_breadcrumb a:hover{text-decoration:underline}.module_card{z-index:1;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:1rem;width:100%;margin-bottom:2rem;display:flex;position:relative}.link_wrapper{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;width:calc(50% - 1.5rem);margin-bottom:2rem;text-decoration:none;display:flex;position:relative}.link_wrapper:hover .more_detail,.link_wrapper:active .more_detail{background-color:#fff}.link_wrapper:hover .more_detail .icon_bg,.link_wrapper:active .more_detail .icon_bg{background-color:#e4eef8;border-color:#e4eef8}.link_wrapper:hover .more_detail .more_detail_text,.link_wrapper:active .more_detail .more_detail_text{color:#008cff!important}.link_wrapper:hover .more_detail .icon_no_bg,.link_wrapper:active .more_detail .icon_no_bg{margin-left:3px}.preview_wrap{border:3px solid #fff;border-radius:1.5rem;width:100%;line-height:0;position:relative;overflow:hidden}.preview_img{aspect-ratio:16/9;object-fit:cover;border-radius:1.5rem;width:100%;transition:filter .25s ease-in-out,transform .25s ease-in-out}.link_wrapper:hover .preview_img{transform:scale(1.03)}.link_wrapper_locked>:not(.preview_login_btn){filter:grayscale(0);transition:filter .2s ease-in-out}.link_wrapper_locked:hover>:not(.preview_login_btn){filter:grayscale()blur(2px);opacity:.85}.preview_login_btn{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background-color:#008cff;border-radius:9999px;padding:.5rem 2rem;font-size:.9375rem;font-weight:600;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.link_wrapper:hover .preview_login_btn{opacity:1}.course_count{background-color:#ddd;border:4px solid #fff;border-radius:36px;flex-direction:row;justify-content:center;align-items:center;width:110px;height:40px;font-size:1rem;font-weight:700;line-height:normal;display:flex;position:absolute;bottom:15px;right:16px}.module_title{color:#008cff;flex-direction:row;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.module_desc{color:#464646;text-indent:2rem;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:1rem;font-weight:400;line-height:normal;display:-webkit-box;overflow:hidden}.more_detail{background-color:#0000;border-radius:34px;flex-direction:row;align-self:flex-end;align-items:center;gap:4px;width:156px;min-height:36px;max-height:36px;margin-top:-1rem;padding:4px;font-size:1rem;font-weight:600;line-height:normal;transition:all .25s ease-in-out;display:flex}.icon_bg,.icon_no_bg{color:#008cff;border-radius:50%;justify-content:center;align-items:center;min-width:30px;max-width:30px;min-height:30px;max-height:30px;transition:all .25s ease-in-out;display:flex}.icon_bg{background-color:#fff;border:3px solid #fff}.icon_no_bg{background-color:#0000;border:3px solid #0000}.more_detail_text{color:#008cff;white-space:nowrap;padding-left:6px}@media (max-width:599px){.module_wrapper{gap:1rem}.module_h1{font-size:2rem}.module_head_desc{font-size:1.25rem}.module_card{gap:.5rem;width:100%;max-width:480px;margin:auto}.link_wrapper{gap:.5rem;width:100%}.preview_img{border-radius:1rem}.module_title{font-size:1rem}.module_desc{font-size:.75rem}.more_detail{transform-origin:100%;transform:scale(.8)}}