.content-preview-container{background-color:var(--color-secondary-300);border-radius:10px;width:50vw;padding:35px;overflow:hidden}.content-preview-container .content-name{color:var(--color-neutral-100);font-size:20px;font-weight:600}.content-preview-container .video{border:1px solid var(--color-secondary-500);border-radius:8px;width:100%;margin-top:35px;overflow:hidden}@media screen and (max-width:1000px){.content-preview-container{width:65vw}}@media screen and (max-width:640px){.content-preview-container{width:90vw;padding:20px 15px}.content-preview-container .content-name{font-size:16px}.content-preview-container .video{margin-top:20px}}
.content-container{color:var(--color-neutral-300);flex-direction:row;justify-content:space-between;align-items:center;gap:20px;font-size:16px;font-weight:500;display:flex}.content-container .content-description{align-items:center;display:flex}.content-container .content-description .icon,.content-container .content-description .content-type-icon{width:25px;color:var(--color-neutral-400);margin-right:10px;display:inline-flex}.content-container .content-details{align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.content-container .content-details button{cursor:pointer;background:0 0;border:none;padding:0}.content-container .content-details .content-link{color:var(--color-primary-200);cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.content-container .content-details .content-locked{justify-content:center;align-items:center;gap:5px;display:flex}.content-container .content-preview{color:var(--color-primary-200);cursor:pointer;text-decoration:underline}@media screen and (max-width:932px){.content-container{font-size:15px}}@media screen and (max-width:800px){.content-container .content-details{display:none}}@media screen and (max-width:435px){.content-container{font-size:13px}}
.select-container{margin-bottom:4px}.select-container .select-input{cursor:pointer;background-color:var(--color-secondary-300);border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:14px 25px;display:flex}.select-container .select-input .select-input-name{align-items:center;gap:20px;min-width:0;font-weight:600;display:flex}.select-container .select-input .select-input-name h3{color:var(--color-neutral-300);font-size:16px}.select-container .select-input .content-details{color:var(--color-neutral-400);text-align:end;flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.select-container .select-input .content-details span:not(.chevron){flex-shrink:0}.select-container .select-input .content-details .freeVideos{font-weight:600}.select-container .select-input .content-details .chevron{transition:transform .2s;display:inline-flex}.select-container .select-input .content-details .chevron.not-active{transform:rotate(-90deg)}.select-container .options-wrapper{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.select-container .options-wrapper>div{width:100%;padding:9px 12px}@media screen and (max-width:800px){.select-container .select-input .content-details span:not(.chevron){display:none}.select-container .not-released-chapter{flex-direction:column;align-items:flex-start;gap:5px}}@media screen and (max-width:435px){.select-container .select-input{padding:15px 20px}.select-container .select-input .select-input-name h3{font-size:14px}.select-container .options-wrapper>div{padding:15px 20px}}
.section-container{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.section-container .section-name{color:var(--color-neutral-100);font-size:18px;font-weight:600}.section-container .chapter-details{flex-wrap:wrap;align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.section-container .chapter-list{border-radius:10px;width:100%;margin-top:22px;overflow:hidden}
.course-content-section{max-width:1200px;margin:0 auto}.course-content-section .section-heading h2{color:var(--color-neutral-100);font-size:28px;font-weight:600}.course-content-section .content-section-container{padding:45px 0}.course-content-section .content-section-container:last-child{padding-bottom:0}.course-content-section .loader-wrapper{place-items:center;width:100%;min-height:500px;display:grid}