#courses-section{width:100%}#courses-section .topbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background-color:transparent;border-bottom:1px solid #c5bdbd;margin:50px 0;width:100%;overflow-x:auto;max-width:1000px}#courses-section .topbar .nav-link{max-width:-moz-fit-content;max-width:fit-content;padding:10px;text-align:center;height:50px;width:180px;border-radius:4px;cursor:pointer;line-height:2}@media (max-width: 600px){#courses-section .topbar .nav-link{padding:10px 2px;width:110px;font-size:12px}}#courses-section .topbar .active{background-color:#ffd7b8;font-weight:500;line-height:2}#courses-section .courses-section-container{width:100%}#courses-section .courses-section-container .course-body{width:100%;display:flex;flex-direction:column;gap:60px;align-items:center}#courses-section .courses-section-container .course-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;width:100%}@media (max-width: 786px){#courses-section .courses-section-container .course-container{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 600px){#courses-section .courses-section-container .course-container{grid-template-columns:1fr 1fr}}@media (max-width: 420px){#courses-section .courses-section-container .course-container{grid-template-columns:1fr}}#courses-section .courses-section-container .course-container .course{border:1px solid #000000;background-color:#fff;display:flex;flex-flow:column;justify-content:space-between;transition:all .3s;cursor:pointer;overflow:hidden;margin:0 auto;width:100%}@media (max-width: 420px){#courses-section .courses-section-container .course-container .course{max-width:275px}}#courses-section .courses-section-container .course-container .course:hover{transform:translate(3px,-3px);box-shadow:-6px 6px #000}#courses-section .courses-section-container .course-container .course .basic-course-info .promo_image{position:relative;display:flex;justify-content:center;align-items:center;padding-top:53.3333333333%;background-position:center center;overflow:hidden}#courses-section .courses-section-container .course-container .course .basic-course-info .promo_image img{position:absolute;width:100%;height:100%;top:0}#courses-section .courses-section-container .course-container .course .basic-course-info .course-title{padding:0 15px;font-weight:700;color:#000000a3;margin:10px 0;width:100%;text-transform:capitalize;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#courses-section .courses-section-container .course-container .course .basic-course-info .created-by{color:#000000c7;padding:0 15px;display:flex;align-items:center}#courses-section .courses-section-container .course-container .course .basic-course-info .created-by span{padding:0 15px;white-space:nowrap}#courses-section .courses-section-container .course-container .course .basic-course-info .created-by span:hover{text-decoration:underline}#courses-section .courses-section-container .course-container .course .pricings-ratings-container{padding:10px 15px;margin-top:5px;background-color:#d2eff8}#courses-section .courses-section-container .course-container .course .pricings-ratings-container>div{display:flex;justify-content:space-between}#courses-section .courses-section-container .course-container .course .pricings-ratings-container .pricing-container .new-price{font-weight:700;color:#4f4f4f;font-size:15px}#courses-section .courses-section-container .course-container .course .pricings-ratings-container .pricing-container .old-price{color:#0000008a;padding-right:10px}#courses-section .courses-section-container .course-container .course .explore-course-btn{background-color:#0895f3;color:#fff;font-weight:500;min-width:150px;width:-moz-fit-content;width:fit-content;border:3px solid #000000;border-radius:9px;transition:all .3s;padding:7px 25px;height:-moz-fit-content;height:fit-content;line-height:2}#courses-section .courses-section-container .course-container .course .explore-course-btn:hover{box-shadow:2px 2px #000}#courses-section .courses-section-container .course-container .course #ratings-container .star{margin:0 3px}.asset_promo_preview.promo_image img,video,iframe{position:absolute;width:100%;height:100%!important;-o-object-fit:contain;object-fit:contain;top:0}