.progress-bar-animated{background-color:#333;color:#fff;padding:20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-top:15px;margin-bottom:25px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003}.progress-bar-animated::before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,#ffffff1a,transparent)}.continue:hover > .progress-bar-animated{background-color:#3c3939}.progress-content{display:flex;align-items:center}.play-icon{min-width:40px;min-height:40px;background-color:#d42e38;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:15px}.play-triangle{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;margin-left:3px}.progress-info{display:flex;flex-direction:column}.progress-title{font-size:18px;font-weight:700;margin-bottom:5px}.progress-details{display:flex;align-items:center;font-size:14px;color:#aaa}.progress-stats{text-align:right}.progress-percentage{color:#d42e38;font-weight:700;margin-bottom:5px}.progress-bar{width:100px;height:6px;background-color:#555;border-radius:3px;overflow:hidden}.progress-value{height:100%;background-color:#d42e38;border-radius:3px}.home-campus{background-color:#efefef;padding:20px;margin-bottom:30px}.home-custo.cps{margin-top:30px}.search-cours{background-color:#828da1;padding:5px;text-align:center;margin-bottom:15px;margin-top:20px}.search-cours input[type="search"]{width:50%;padding:5px;border:1px solid #8690A9}.search-cours input[type="submit"]{padding:5px;border:1px solid #8690A9;background-color:#fff}.more-search{position:absolute;max-width:800px;background-color:#fff;border:5px solid #8690A9;padding:5px;margin-left:239px;z-index:10000;text-align:left;max-height:400px;overflow-y:auto}.search-campus div{padding:10px 5px;border-bottom:1px dashed #efefef}.search-campus div:last-child{border-bottom:none}.search-campus div:nth-child(2n+1){background-color:#fff}.search-campus div:nth-child(2n){background-color:#f5f5f5}.search-campus div a{color:#545454}.search-campus div a:hover{color:#d42e38}.filters{display:flex;flex-wrap:wrap;justify-content:space-around}.filters label{display:block;font-size:13px;font-weight:600;margin-left:5px}.filters select{display:block;min-width:160px;max-height:120px;padding:6px 8px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.valid-form-cursus{text-align:center;margin-top:20px;margin-bottom:40px}.valid-form-cursus .btn-cursus{background-color:#d42e38;color:#fff;font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 20px;border:none;border-radius:3px;cursor:pointer}.valid-form-cursus .btn-cursus:hover{background-color:#b32020}.campus-recents-list{display:flex;flex-wrap:wrap;gap:16px}.campus-recents-list article{width:calc(50% - 8px);display:flex;align-items:center;flex-direction:row;background:#f5f5f5;overflow:hidden;color:#5b605a}.campus-recents-list article .pic{position:relative;height:200px;overflow:hidden}.campus-recents-list article .pic img{width:200px;height:200px;object-fit:cover;display:block}.cours-count{position:absolute;top:0;left:0;padding:6px 10px;background:#df8d3d;color:#fff;font-size:13px;font-weight:600;box-shadow:-4px 2px 7px 1px #80808099}.campus-recents-list article .content{flex:1;padding:14px 16px;display:flex;align-self:flex-start;flex-direction:column;gap:6px;min-width:0;position:relative;max-height:200px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:13;-webkit-box-orient:vertical}.campus-recents-list article .content::after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,white);pointer-events:none}.campus-recents-list article .content .detail,.campus-recents-list article .content .rating{font-size:14px;color:#979797}.campus-recents-list article .content .title{margin-bottom:10px}.campus-recents-list article .content .title a{font-weight:600;font-size:20px;color:inherit}.campus-recents-list article .content .title a:hover{color:#d42e38}.campus-recents-list article .content .txt{margin-top:10px}.author-pic{display:flex;flex-wrap:wrap;justify-content:center}.author-pic a{text-align:center;margin:10px;min-width:170px;color:#666}.author-pic img{border-radius:50%}.school-pic{display:flex;flex-wrap:wrap}.school-pic a{margin-right:30px;background-color:#fff;padding:15px;border:1px solid #ccc;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.school-pic img{max-width:150px;width:auto}@media (max-width: 1370px){.campus-recents-list article .content .title a{font-size:18px}}@media (max-width: 1350px){.campus-recents-list article .pic img{width:170px;height:170px}.campus-recents-list article .pic{height:170px}}@media (max-width: 1199px){.campus-recents-list article{width:100%}.campus-recents-list article .content .title a{font-size:18px}}@media (max-width: 800px){.header-title-home ul.cps{display:none}.campus-recents-list article .pic img{width:140px;height:140px}.campus-recents-list article .pic{height:140px}.campus-recents-list article{align-items:flex-start}.campus-recents-list article .content{padding:10px 12px;gap:4px}.campus-recents-list article .content .title a{font-size:18px}.campus-recents-list article .content .detail,.campus-recents-list article .content .rating{font-size:13px}}@media (max-width: 500px){.campus-recents-list article{flex-direction:column;align-items:stretch}.campus-recents-list article .pic{height:180px;width:100%}.campus-recents-list article .pic img{width:100%;height:180px;object-fit:cover}.campus-recents-list article .content{padding:12px 14px}}