.text-title{font-size:22px;font-weight:700;margin-bottom:30px;margin-top:18px}button#filter-close-btn{border:0;background-color:var(--theme);width:32px;height:32px;color:#fff;font-size:16px;border-radius:100px;position:absolute;margin-top:-3.5em}.course-group{border-bottom:1px solid #eee;padding-bottom:0;margin-bottom:5em}.course-card{transition:all .2s ease}.course-card:hover{border-color:var(--theme);box-shadow:var(--shadow2)}.course-group h3{margin-bottom:1em;background-color:var(--theme4);padding:12px 20px;border-radius:5px;font-size:18px;font-weight:600;color:#fff}.course-group h4{margin-bottom:28px;position:relative;padding-bottom:15px;font-size:18px;margin-top:0}.course-subgroup>h4{border-bottom:1px solid #eee;font-size:16px;font-weight:800}.course-subgroup>h4:before{width:15px;background-color:var(--theme);height:2px;position:relative;display:inline-block;vertical-align:middle;content:"";margin-right:12px;margin-top:-2px}.course-card .pic:after{width:100%;height:160px;position:absolute;left:0;top:0;content:"";pointer-events:none;z-index:0;background-image:linear-gradient(0deg,rgba(0,0,0,.2)0,transparent 15%)}.course-card .course-title{margin:24px 0 10px;min-height:auto;font-size:16px}.course-subgroup{margin-bottom:2em;padding:20px 24px;border:1px solid #eee;border-radius:8px;box-shadow:var(--shadow2)}