.course-section .filter-section{padding-right:5px;position:sticky;top:30px}@media only screen and (max-width: 1536px){.course-section .filter-section{padding-right:10px}}@media only screen and (max-width: 1199px){.course-section .filter-section{padding-right:0}}@media only screen and (max-width: 991px){.course-section .filter-section{display:flex;align-items:flex-end;justify-content:space-between;padding-right:0;margin-bottom:20px;overflow-y:hidden}}.course-section .filter-section h2{font-size:22px;font-weight:700}.course-section .filter-section .filter-open{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 20px;background:#193d7f;color:#fff;border-radius:8px;font-weight:700}.course-section .filter-section .filter-open img{height:20px}@media only screen and (max-width: 991px){.course-section .filter-section .offcanvas-lg{max-width:50%;background:#eff4f9}}@media only screen and (max-width: 767px){.course-section .filter-section .offcanvas-lg{max-width:90%}}.course-section .filter-section .offcanvas-lg .offcanvas-body{display:flex;flex-direction:column;gap:15px}.course-section .filter-section .offcanvas-lg .offcanvas-body .search-section .input-div{padding:15px 20px;background:#fff;border-radius:10px;display:flex;align-items:center;gap:15px}.course-section .filter-section .offcanvas-lg .offcanvas-body .search-section .input-div input{outline:none;border:none;width:100%}.course-section .filter-section .offcanvas-lg .offcanvas-body .search-section .input-div input::-moz-placeholder{color:#193d7f;font-weight:600}.course-section .filter-section .offcanvas-lg .offcanvas-body .search-section .input-div input::placeholder{color:#193d7f;font-weight:600}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter{padding:15px 20px;background:#fff;border-radius:10px;max-height:calc(100vh - 220px);overflow-y:auto}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .top-section{display:flex;align-items:center;gap:15px}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .top-section h6{font-weight:700;font-size:18px}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items{margin:20px 0}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item{border:none}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-header .accordion-button{border:none!important;background:transparent!important;box-shadow:none!important;padding:10px 0 0;font-weight:800;font-size:18px}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-header .accordion-button:after{background-size:14px!important;background-position:center center!important;background-image:url(/build/assets/accordion-arrow-Kv2YcQv2.svg)!important}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after{background-image:url(/build/assets/accordion-arrow-Kv2YcQv2.svg)!important}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-body{padding:15px 0;display:flex;flex-direction:column;gap:10px}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-body .input-div{display:flex;align-items:center}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-body .input-div input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid #3b448a;border-radius:50%;position:relative;cursor:pointer}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-body .input-div input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0px;height:0px;background-color:#3b448a;border-radius:50%}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-body .input-div input[type=radio]:checked{border:6px solid #3b448a}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-body .input-div label{padding-left:10px;font-size:16px}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-body .input-div label:hover{cursor:pointer}.course-section .filter-section .offcanvas-lg .offcanvas-body .filter .items .accordion .accordion-item .accordion-body .input-div span{font-size:16px;font-weight:500;color:#333}.course-section .course-list-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media only screen and (max-width: 1199px){.course-section .course-list-section{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 767px){.course-section .course-list-section{grid-template-columns:repeat(1,1fr)}}.course-section .course-list-section .course-item{padding:20px;background:#fff;border-radius:20px;box-shadow:0 0 20px #2f327d10}.course-section .course-list-section .course-item .img-div{height:220px;border-radius:15px;overflow:hidden}@media only screen and (max-width: 1199px){.course-section .course-list-section .course-item .img-div{height:220px}}.course-section .course-list-section .course-item .img-div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-section .course-list-section .course-item .content{padding:20px 0 5px}.course-section .course-list-section .course-item .content .top-section{display:flex;align-items:center;justify-content:space-between}.course-section .course-list-section .course-item .content .top-section img{height:13px}.course-section .course-list-section .course-item .content .top-section span{font-size:14px;line-height:14px}.course-section .course-list-section .course-item .content .details-section{padding:20px 0}.course-section .course-list-section .course-item .content .details-section h3{font-size:18px;font-weight:800;margin-bottom:10px!important}.course-section .course-list-section .course-item .content .details-section p{font-size:16px;color:#6b7385!important}.course-section .course-list-section .course-item .content .bottom-section{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 1199px){.course-section .course-list-section .course-item .content .bottom-section{flex-direction:column;align-items:start;gap:10px}}.course-section .course-list-section .course-item .content .bottom-section span{font-size:20px;line-height:20px;font-weight:700;color:#000}.course-section .course-list-section .course-item .content .bottom-section span.free{color:#0aa71c!important}.course-section .course-list-section .course-item .content .bottom-section strike{font-size:14px;color:#bcbcbc}.course-section .course-list-section .course-item .content .bottom-section button{text-wrap:nowrap;border-radius:8px!important;padding:10px 30px!important}@media only screen and (max-width: 767px){.course-section .course-list-section .course-item .content .bottom-section button{font-size:16px!important}}@media only screen and (max-width: 380px){.course-section .course-list-section .course-item .content .bottom-section button{font-size:14px!important}}