.course_single_page{padding-left:16px;padding-right:16px;.breadcrumbs{padding-top: 16px; padding-bottom: 16px; margin-bottom: 16px;} .course_card_wrapper{.price_action_wrapper{display: none;}} .content{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 8px; padding-bottom: 76px; .header{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 4px; h2{margin: 0px; font-weight: 700; font-size: 24px; line-height: 32px;} .author{font-weight: 400; font-size: 14px; line-height: 20px; .label{color: #6C6C6C;} .name{color: #121212;}} .info_and_stats{display: none;} #tab_links{margin-top: 20px; margin-bottom: 24px;}} .content_wrapper{display: flex; flex-direction: column; gap: 16px; margin-top: 24px; h3{background-color: transparent !important; padding: 0px !important; font-weight: 700; font-size: 20px; line-height: 28px; color: #121212;} p{background-color: transparent !important; padding: 0px !important; font-weight: 400; font-size: 16px; line-height: 24px; color: #121212;}} .reviews_wrapper{width: 100%;} .content-tap__content-wrapper{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 32px; width: 100%; .content-tap__stats{display: none;}} .curriculum_wrapper{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 24px; width: 100%;} .course-single__curriculum-section{display: flex; flex-direction: column; align-items: start; justify-content: start; background-color: #FFFFFF; border-radius: 8px; padding: 16px; width: 100%;} .course-single__curriculum-section-header{border-bottom: 1px solid #EBEBEB; width: 100%; padding: 16px 0px; font-weight: 700; font-size: 16px; line-height: 24px; color: #121212;} .course-single__curriculum-lessons-wrapper{padding: 8px 0px;} .course-single__curriculum-lesson{display: flex; flex-direction: row; align-items: start; justify-content: start; padding: 8px 0px; gap: 15px; .icon{display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; color: #6C6C6C; transform: translateY(6px);} .icon-tabler-checklist{width: 20px; height: 20px;} .curriculum-lesson__title{display: flex; flex-direction: column; .name{font-weight: 400; font-size: 16px; line-height: 24px; color: #121212;} .duration{font-weight: 400; font-size: 14px; line-height: 20px; color: #6C6C6C;}}}} .desktop_course_card_wrapper{display: none;}}form:has(.course-single-page_cta-button){display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.course-single-page_cta-button{all:unset;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;border-radius:24px;padding:12px 0;background-color:#005ff9;color:#fff;font-weight:600;font-size:16px;line-height:24px}.tab-link{all:unset;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:transparent;color:#6c6c6c;padding:12px 8px;font-weight:600;font-size:16px}.tab-link.active{border-bottom:2px solid #005FF9;color:#005ff9}@media (min-width: 768px){.course_single_page{display:flex;flex-direction:row;justify-content:space-between;padding-left:0;padding-right:0;.breadcrumbs{margin-bottom: 20px;} .content{max-width: 800px; width: 800px; .content_wrapper{padding-right: 110px; margin-top: 16px;} .author_card_wrapper{padding-right: 110px;} .header{width: 100%; gap: 8px; #tab_links{width: 100%;} h2{font-weight: 700; font-size: 40px; line-height: 48px;} .author{font-weight: 400; font-size: 16px; line-height: 24px;} .info_and_stats{display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 16px;} .course-single__badge{display: flex; align-items: center; justify-content: center; background-color: #FFDB61; border-radius: 4px; padding: 4px 8px; color: #121212; font-weight: 600; font-size: 12px; line-height: 16px;} .course-single__content-stats{display: flex; flex-direction: row; align-items: center; gap: 8px; font-weight: 400; font-size: 14px; line-height: 20px; color: #121212; .icon{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: #6C6C6C;}} .course-single__time-stats{display: flex; flex-direction: row; align-items: center; gap: 8px; font-weight: 400; font-size: 14px; line-height: 20px; .icon{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: #6C6C6C;}} .course-single__rating{display: flex; flex-direction: row; align-items: center; gap: 8px; font-weight: 400; font-size: 14px; line-height: 20px; color: #121212; .icon{display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: #6C6C6C;}}} .course_card_wrapper{display: none;} .content-tap__content-wrapper{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 32px; width: 100%; .content-tap__stats{display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 8px; width: 100%;} .content-tap__stats-item{display: flex; flex-direction: column; gap: 8px; background-color: #FFFFFF; border-radius: 20px; padding: 20px; font-weight: 400; font-size: 14px; line-height: 20px; color: #121212; flex-grow: 1;} .content-tap__label{font-weight: 400; font-size: 14px; line-height: 20px; color: #6C6C6C;} .content-tap__icon-value{display: flex; flex-direction: row; align-items: center; gap: 4px; .icon{display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: #6C6C6C;} .value{font-weight: 700; font-size: 20px; line-height: 28px; color: #121212;}}}} .desktop_course_card_wrapper{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 24px; padding-top: 76px; .certificate-container{width: 100%;}}}}