.course-page-container{background-color:var(--color-secondary-200);flex-direction:column;align-items:flex-start;gap:60px;display:flex}.course-page-container>div{width:100%}.course-page-loader{place-items:center;width:100%;min-height:60vh;display:grid}.component-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:48px;width:100%;max-width:1200px;margin:-30px auto 0;padding:0 20px;display:flex}.component-wrapper section.left{flex-direction:column;align-items:flex-start;gap:60px;max-width:70%;display:flex}.component-wrapper section.left>div{width:100%}.component-wrapper aside{z-index:3;margin-top:-27%;position:sticky;top:85px}.course-faqs{max-width:1200px;margin:0 auto;padding:66px 20px}.course-faqs-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.course-faqs-heading{color:var(--color-neutral-100);margin-bottom:12px;font-size:28px;font-weight:600}.course-faqs-subtext{color:var(--color-neutral-400);font-size:16px}.course-faqs-list{flex-direction:column;gap:20px;width:100%;max-width:768px;margin:0 auto;display:flex}.course-faq-item{background:var(--color-secondary-100);border-radius:16px;align-items:flex-start;gap:24px;padding:32px;display:flex}.course-faq-toggle-btn{cursor:pointer;color:var(--color-neutral-300);background:0 0;border:none;flex-shrink:0;padding:0;line-height:0}.course-faq-toggle{min-width:24px;min-height:24px}.course-faq-content{flex-direction:column;gap:12px;display:flex}.course-faq-question{color:var(--color-neutral-100);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:500;line-height:28px}.course-faq-answer{color:var(--color-neutral-400);font-size:16px;font-weight:400;line-height:24px}.course-faq-answer p{color:var(--color-neutral-400)}@media screen and (max-width:1024px){.course-page-container{gap:30px}.component-wrapper{flex-direction:column-reverse;gap:30px;margin-top:0}.component-wrapper section.left{gap:30px;max-width:100%}.component-wrapper aside{width:100%;margin-top:0;position:static}}@media screen and (max-width:768px){.course-faqs{padding:40px 15px}.course-faqs-list{max-width:100%}.course-faq-item{gap:16px;padding:20px}.course-faqs-header{margin-bottom:36px}}