.Container{text-align:center;background:linear-gradient(109.7deg,rgba(83,83,83,.12) 40.64%,transparent 89.71%);padding-top:64px;padding-bottom:64px;font-family:var(--font-local)}.Title{font-size:48px;font-weight:700;margin-bottom:24px}.btn-container{display:flex;justify-content:center}.btn-search{width:500px;display:flex;justify-content:space-between;border:1px solid rgba(0,0,0,.2);padding:8px 16px}.btn-search:focus-within{border-color:#000}@media(max-width:768px){.btn-search{width:90%}}.Search-box{width:100%;background:none}:focus{outline:none}.sidebar-container{display:grid;gap:24px}@media(max-width:768px){.sidebar-container{padding-right:5%;padding-left:5%}}.sidebar-container .myCheckbox{appearance:none;max-width:22px;max-height:22px;flex-shrink:0;border:.1225rem solid gray;border-radius:2px;background-color:#fff;transition:background-color .3s ease;display:inline-block;position:relative;cursor:pointer;overflow:hidden}.sidebar-container .myCheckbox:checked{border:.1225rem solid #9747ff}.sidebar-container .myCheckbox:checked:after{content:"";background-image:url(/_next/static/media/CheckSquare.1e71b177.png);background-size:27px 27px;background-repeat:no-repeat;background-position:50%;position:absolute;width:100%;height:100%}.course-filter h1{font-size:20px;font-weight:700;color:rgba(0,0,0,.4);margin-bottom:24px}.course-filter ul{display:grid;gap:12px;font-size:20px;font-weight:400;padding-bottom:16px}.course-filter ul li{display:flex;align-items:top;gap:12px;color:rgba(0,0,0,.8)}.course-filter ul li input[type=checkbox]:checked+label{font-weight:600}.course-filter ul li label{cursor:pointer}.course-filter ul li label:hover{color:#000}input{width:20px;height:20px;margin:4px}.rating-icon{margin-top:2px;margin-right:8px}@media(min-width:820px){.sidebar-container{padding-right:5%;padding-left:5%}}.main-page{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font-local);margin-top:24px}@media(max-width:768px){.main-page{margin-bottom:60px}}.main-page .filter-section{display:flex;align-items:center;justify-content:space-between;width:100%}.course-container{width:1170px;display:flex;gap:62px;justify-content:space-between;margin-top:48px}@media(min-width:360px)and (max-width:1030px){.course-container{flex-direction:column;width:100%;margin-top:0;padding-right:4%;padding-left:4%}}.filter-button{cursor:pointer;font-size:20px}@media(min-width:316px)and (max-width:1030px){.filter-box{display:none}.filter-box.visible{display:flex}}.top-filter{display:none}@media(min-width:316px)and (max-width:1030px){.top-filter{display:flex;justify-content:space-between;width:100%;padding-right:5%;padding-left:5%;padding-bottom:40px;align-items:center}}.top-filter h1{font-size:24px;font-weight:700}.top-filter div{border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;width:160px;font-size:18px;font-weight:400;padding:6px 0}.top-filter select{width:140px}.top-filter-big{display:none;justify-content:space-between;margin-bottom:40px;padding:0 12px}@media(min-width:316px)and (max-width:1030px){.top-filter-big{display:none!important}}@media(min-width:769px){.top-filter-big{display:flex}}.top-filter-big h1{font-size:24px;font-weight:700}.top-filter-big div{border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;width:180px;font-size:20px;font-weight:400}.top-filter-big select{width:160px}.top-filter-big option:after{width:180px}