.courses-area>.container{max-width:99%!important;margin:0}.emirati-container,.american-container{display:flex;flex-direction:column;gap:4rem;padding:2rem 0}.emirati-container{background-image:url('/ThemeLibrary/img/wasel/mask-group.svg');background-repeat:no-repeat;background-position:right center}.american-container{background-image:url('/ThemeLibrary/img/wasel/mask-group2.svg');background-repeat:no-repeat;background-position:left bottom}.disabled-course{opacity:.5;pointer-events:none;position:relative}[dir="ltr"] .emirati-container{background-position:left center}[dir="ltr"] .american-container{background-position:right bottom}.grades-grid{padding:.5rem;background:var(--gray-0);border-radius:25px;width:90%;align-self:center}.american-container .stage-header:nth-child(1){color:var(--secondary-2)}.emirati-container .stage-header:nth-child(1){color:var(--primary-2)}.color-body{color:var(--body)}.filter-bar-section{padding:1rem 0;background:var(--gray-0)}.filter-bar-container{margin:0 auto;padding:0 1rem}.filter-bar{display:flex;align-items:center;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none;justify-content:space-between}.filter-bar::-webkit-scrollbar{display:none}.live-courses-toggle{display:flex;align-items:center;gap:.5rem;flex-shrink:0;white-space:nowrap}.toggle-label{font-size:.875rem;font-weight:500;color:var(--primary-2)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-2)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.wasel-subject-filters{display:flex;gap:.5rem}.scroll-wrapper{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-ms-overflow-style:auto;max-width:100%}.scroll-bar-container{display:flex;gap:.5rem;min-width:max-content}.scroll-bar{display:flex;gap:.5rem;flex-wrap:nowrap}.wasel-wasel-subject-filters::-webkit-scrollbar,.scroll-wrapper::-webkit-scrollbar{height:6px}.wasel-subject-filters::-webkit-scrollbar-track,.scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.wasel-subject-filters::-webkit-scrollbar-thumb,.scroll-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.wasel-subject-filters::-webkit-scrollbar-thumb:hover,.scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.subject-btn{padding:.5rem 1rem;border:1px solid var(--primary-2);background:var(--white);color:var(--primary-2);border-radius:24.5px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.subject-btn:hover{background:var(--primary-2);color:var(--white)}.subject-btn.active{background:var(--primary-2);color:var(--white)}.grade-dropdown{flex-shrink:0}.grade-select{padding:.5rem 2rem .5rem 1rem;border:1px solid #e5e7eb;border-radius:20px;background:var(--white);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;min-width:100px}.grade-select:focus{outline:0;border-color:var(--primary-2);box-shadow:0 0 0 3px rgba(16,237,245,.1)}@media(min-width:768px){.filter-bar{gap:1.5rem;padding:.75rem 0}.wasel-subject-filters{gap:.75rem}.subject-btn{padding:.625rem 1.25rem;font-size:1rem}.grade-select{padding:.625rem 2.5rem .625rem 1.25rem;min-width:219px}}@media(min-width:1024px){.filter-bar{gap:2rem;padding:1rem 0}.filter-bar-container,#courses-list{padding:0 2rem}.wasel-subject-filters{gap:1rem}.subject-btn{padding:.75rem 1.5rem}}@media(min-width:1170px){.courses-list-container .teachers-highlight-section,.stage-header{padding-right:8%;padding-left:8%}.emirati-container,american-container{padding:4rem 0}.grades-grid{padding:3rem;width:84%}.filter-bar-container,#courses-list{padding:0 8%}}:root{--lc-primary-color:#d44c67;--lc-secondary-color:#262626}.lc-text-primary{color:var(--lc-primary-color)!important}.lc-text-secondary{color:var(--lc-secondary-color)!important}.lc-bg-primary{background:var(--lc-primary-color)!important}.lc-bg-secondary{background:var(--lc-secondary-color)!important}.btn.lc-btn-primary{background:var(--lc-primary-color)!important;color:#fff!important}.btn.lc-btn-secondary{background:var(--lc-secondary-color)!important;color:#fff!important}.lc-btn-outline-primary{border:1px solid var(--lc-primary-color)!important;color:var(--lc-primary-color)!important;background-color:transparent;padding:0.375rem 0.75rem;border-radius:0.25rem;cursor:pointer;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out}.lc-btn-outline-primary:hover{color:#fff!important;background-color:var(--lc-primary-color)!important;border-color:var(--lc-primary-color)!important}.lc-btn-outline-secondary{border:1px solid var(--lc-secondary-color)!important;color:var(--lc-secondary-color)!important;background-color:transparent;padding:0.375rem 0.75rem;border-radius:0.25rem;cursor:pointer;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out}.lc-btn-outline-secondary:hover{color:#fff!important;background-color:var(--lc-secondary-color)!important;border-color:var(--lc-secondary-color)!important}