body.single-course {
    --ranok-course-bg: var(--ranok-body-bg, #f6f7fb);
    --ranok-course-surface: var(--ranok-surface, #ffffff);
    --ranok-course-surface-muted: var(--ranok-surface-gray, #f6f6f6);
    --ranok-course-line: var(--ranok-neutral-200, #ddd);
    --ranok-course-text: var(--ranok-text, #353b4d);
    --ranok-course-text-soft: var(--ranok-text, #515b72);
    --ranok-course-text-muted: var(--ranok-muted-2, #646f8b);
    --ranok-course-accent: var(--ranok-primary, #293890);
    --ranok-course-accent-soft: var(--ranok-surface-soft, #f6f6f6);
    --ranok-course-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
    --ranok-course-card-shadow: 0 1px 2px 0 rgba(34, 38, 47, 0.08);
    --ranok-course-radius-lg: 24px;
    --ranok-course-radius-md: 16px;
}

body.single-course #item-body,
body.single-course #buddypress .item-body,
body.single-course #item-body > .elementor,
body.single-course #item-body > .elementor > .elementor-element,
body.single-course #item-body > .elementor > .elementor-element > .e-con-inner,
body.single-course .elementor-widget-container .course_description,
body.single-course .elementor-widget-container .course_curriculum,
body.single-course .elementor-widget-container .course_reviews,
body.single-course .elementor-widget-container #item-admins,
body.single-course .elementor-widget-container .widget.pricing {
    color: var(--ranok-course-text);
}

body.single-course #item-body,
body.single-course #buddypress .item-body,
body.single-course #item-body > .elementor,
body.single-course #item-body > .elementor > .elementor-element {
    background: var(--ranok-course-bg);
}

body.single-course #item-body > .elementor > .elementor-element > .e-con-inner {
    background: transparent;
}

body.single-course #buddypress #item-header,
body.single-course .course_title {
    border-radius: var(--ranok-course-radius-lg);
    background: linear-gradient(135deg, #ebeef5 0%, #f7f8fb 100%);
    padding: 32px;
    box-shadow: var(--ranok-course-card-shadow);
    overflow: hidden;
    position: relative;
}

body.single-course #buddypress #item-header::before,
body.single-course .course_title::before {
    content: "";
    position: absolute;
    inset: auto -90px -120px auto;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.42);
    pointer-events: none;
}

body.single-course #buddypress #item-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 24px;
    align-items: center;
}

body.single-course #buddypress #item-header #item-header-content,
body.single-course .course_title {
    position: relative;
    z-index: 1;
}

body.single-course .elementor-widget-wplms-course-info .elementor-widget-container,
body.single-course .elementor-widget-wplms_course_info .elementor-widget-container {
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    position: static;
}

body.single-course .elementor-widget-wplms-course-info .elementor-widget-container::before,
body.single-course .elementor-widget-wplms_course_info .elementor-widget-container::before {
    content: none;
}

body.single-course .elementor-widget-wplms-course-info .course_element_text,
body.single-course .elementor-widget-wplms-course-info .course_element_text > a,
body.single-course .elementor-widget-wplms_course_info .course_element_text,
body.single-course .elementor-widget-wplms_course_info .course_element_text > a,
body.single-course .elementor-widget-wplms-course-info .vibe_editor_rich_text,
body.single-course .elementor-widget-wplms_course_info .vibe_editor_rich_text {
    color: inherit;
}

body.single-course #buddypress #item-header #item-header-content h1,
body.single-course #buddypress #item-header #item-header-content h2,
body.single-course #buddypress #item-header #item-header-content h3,
body.single-course .course_title h1,
body.single-course .elementor-widget-wplms-course-info h1,
body.single-course .elementor-widget-wplms_course_info h1 {
    margin: 0;
    color: var(--ranok-course-text);
    font-size: 32px;
    line-height: 1.35;
    font-weight: 700;
}

body.single-course .course_title h6,
body.single-course #buddypress #item-header #item-header-content h6,
body.single-course #buddypress #item-header #item-header-content .subtitle {
    margin: 12px 0 0;
    color: var(--ranok-course-text-soft);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

body.single-course #buddypress #item-header #item-header-avatar,
body.single-course .elementor-widget-theme-post-featured-image .elementor-widget-container,
body.single-course .elementor-widget-image .elementor-widget-container {
    position: relative;
    z-index: 1;
}

body.single-course #buddypress #item-header #item-header-avatar img,
body.single-course .elementor-widget-theme-post-featured-image img {
    width: 100%;
    max-width: 280px;
    display: block;
    margin-left: auto;
}

body.single-course .course_title .breadcrumbs,
body.single-course .course__breadcrumbs .breadcrumbs,
body.single-course #buddypress .course_title .breadcrumbs {
    margin-bottom: 20px;
}

body.single-course .students_undertaking {
    margin-top: 20px;
    padding: 20px 24px;
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface);
    box-shadow: var(--ranok-course-card-shadow);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

body.single-course .students_undertaking strong {
    color: var(--ranok-course-text);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

body.single-course .students_undertaking ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

body.single-course .students_undertaking li {
    margin-left: -10px;
}

body.single-course .students_undertaking li:first-child {
    margin-left: 0;
}

body.single-course .students_undertaking img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #fff;
}

body.single-course #object-nav.item-list-tabs,
body.single-course .course__tabs,
body.single-course .elementor-widget-container #object-nav.item-list-tabs {
    border: 0;
    position: relative;
    padding-bottom: 16px;
    margin: 0 0 24px;
}

body.single-course #object-nav.item-list-tabs::after,
body.single-course .course__tabs::after,
body.single-course .elementor-widget-container #object-nav.item-list-tabs::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #ebeef5;
}

body.single-course #object-nav.item-list-tabs ul,
body.single-course .course__tabs ul,
body.single-course .elementor-widget-container #object-nav.item-list-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 36px;
    flex-wrap: wrap;
}

body.single-course #object-nav.item-list-tabs ul li,
body.single-course .course__tabs ul li,
body.single-course .elementor-widget-container #object-nav.item-list-tabs ul li {
    margin: 0;
    float: none;
}

body.single-course #object-nav.item-list-tabs ul li a,
body.single-course .course__tabs ul li a,
body.single-course .elementor-widget-container #object-nav.item-list-tabs ul li a {
    padding: 0;
    border: 0;
    background: transparent;
    color: #8d8d96;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    position: relative;
}

body.single-course #object-nav.item-list-tabs ul li a::after,
body.single-course .course__tabs ul li a::after,
body.single-course .elementor-widget-container #object-nav.item-list-tabs ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
    height: 2px;
    background: transparent;
}

body.single-course #object-nav.item-list-tabs ul li.selected a,
body.single-course #object-nav.item-list-tabs ul li.current a,
body.single-course #object-nav.item-list-tabs ul li a:hover,
body.single-course .course__tabs ul li.current a,
body.single-course .course__tabs ul li.selected a,
body.single-course .course__tabs ul li a:hover {
    color: var(--ranok-course-accent);
}

body.single-course #object-nav.item-list-tabs ul li.selected a::after,
body.single-course #object-nav.item-list-tabs ul li.current a::after,
body.single-course .course__tabs ul li.current a::after,
body.single-course .course__tabs ul li.selected a::after {
    background: var(--ranok-course-accent);
}

body.single-course .course_description,
body.single-course .course_curriculum,
body.single-course .course_reviews,
body.single-course #item-admins,
body.single-course .elementor-widget-shortcode .course_description,
body.single-course .elementor-widget-shortcode .course_curriculum,
body.single-course .elementor-widget-shortcode .course_reviews {
    padding: 24px;
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface);
    box-shadow: var(--ranok-course-card-shadow);
}

body.single-course .course_description > :first-child,
body.single-course .course_curriculum > :first-child,
body.single-course .course_reviews > :first-child,
body.single-course #item-admins > :first-child {
    margin-top: 0;
}

body.single-course .course_curriculum,
body.single-course .elementor-widget-shortcode .course_curriculum {
    box-shadow: none;
}

body.single-course .course_description h2,
body.single-course .course_description h3,
body.single-course .course_curriculum h2,
body.single-course .course_curriculum h3,
body.single-course .course_reviews h2,
body.single-course .course_reviews h3,
body.single-course #item-admins h2,
body.single-course #item-admins h3,
body.single-course .course_description .heading span,
body.single-course .course_curriculum .heading span,
body.single-course .course_reviews .heading span,
body.single-course #item-admins .heading span {
    display: block;
    margin: 0 0 20px;
    color: var(--ranok-course-text);
    font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
}

body.single-course .course_description p,
body.single-course .course_description li,
body.single-course .course_description td,
body.single-course .course_reviews p,
body.single-course #item-admins p {
    color: var(--ranok-course-text-soft);
    font-size: 16px;
    line-height: 1.65;
}

body.single-course .course__result-content > :first-child,
body.single-course .elementor-widget-shortcode .course__result-content > :first-child {
    margin-top: 0;
}

body.single-course .course__result-content > :last-child,
body.single-course .elementor-widget-shortcode .course__result-content > :last-child {
    margin-bottom: 0;
}

body.single-course .course__result-content,
body.single-course .course__result-content.elementor-text-editor,
body.single-course .elementor-widget-shortcode .course__result-content,
body.single-course .elementor-widget-shortcode .course__result-content.elementor-text-editor {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400 !important;
    color: var(--ranok-course-text-soft);
    -webkit-font-smoothing: antialiased !important;
    font-synthesis-weight: none;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

body.single-course .course__result-content p,
body.single-course .course__result-content ul,
body.single-course .course__result-content ol,
body.single-course .course__result-content blockquote,
body.single-course .course__result-content table,
body.single-course .elementor-widget-shortcode .course__result-content p,
body.single-course .elementor-widget-shortcode .course__result-content ul,
body.single-course .elementor-widget-shortcode .course__result-content ol,
body.single-course .elementor-widget-shortcode .course__result-content blockquote,
body.single-course .elementor-widget-shortcode .course__result-content table {
    margin: 0 0 16px;
}

body.single-course .course__result-content p,
body.single-course .course__result-content li,
body.single-course .course__result-content td,
body.single-course .course__result-content th,
body.single-course .course__result-content span,
body.single-course .course__result-content a:not(.button),
body.single-course .elementor-widget-shortcode .course__result-content p,
body.single-course .elementor-widget-shortcode .course__result-content li,
body.single-course .elementor-widget-shortcode .course__result-content td,
body.single-course .elementor-widget-shortcode .course__result-content th,
body.single-course .elementor-widget-shortcode .course__result-content span,
body.single-course .elementor-widget-shortcode .course__result-content a:not(.button) {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: 400 !important;
    color: inherit;
}

body.single-course .course__result-content p,
body.single-course .course__result-content li,
body.single-course .course__result-content td,
body.single-course .course__result-content th,
body.single-course .course__result-content div,
body.single-course .course__result-content span,
body.single-course .course__result-content a:not(.button),
body.single-course .elementor-widget-shortcode .course__result-content p,
body.single-course .elementor-widget-shortcode .course__result-content li,
body.single-course .elementor-widget-shortcode .course__result-content td,
body.single-course .elementor-widget-shortcode .course__result-content th,
body.single-course .elementor-widget-shortcode .course__result-content div,
body.single-course .elementor-widget-shortcode .course__result-content span,
body.single-course .elementor-widget-shortcode .course__result-content a:not(.button) {
    letter-spacing: 0;
}

body.single-course .course__result-content strong,
body.single-course .course__result-content b,
body.single-course .elementor-widget-shortcode .course__result-content strong,
body.single-course .elementor-widget-shortcode .course__result-content b {
    font-family: inherit;
    color: var(--ranok-course-text);
    font-weight: 700 !important;
}

body.single-course .course__result-content em,
body.single-course .course__result-content i,
body.single-course .elementor-widget-shortcode .course__result-content em,
body.single-course .elementor-widget-shortcode .course__result-content i {
    font-family: inherit;
    font-weight: 400 !important;
    font-style: italic;
}

body.single-course .course__result-content u,
body.single-course .elementor-widget-shortcode .course__result-content u {
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

body.single-course .course__result-content h1,
body.single-course .course__result-content h2,
body.single-course .course__result-content h3,
body.single-course .course__result-content h4,
body.single-course .course__result-content h5,
body.single-course .course__result-content h6,
body.single-course .elementor-widget-shortcode .course__result-content h1,
body.single-course .elementor-widget-shortcode .course__result-content h2,
body.single-course .elementor-widget-shortcode .course__result-content h3,
body.single-course .elementor-widget-shortcode .course__result-content h4,
body.single-course .elementor-widget-shortcode .course__result-content h5,
body.single-course .elementor-widget-shortcode .course__result-content h6 {
    margin: 24px 0 12px;
    color: var(--ranok-course-text);
    font-family: 'Manrope', sans-serif;
    font-weight: 700 !important;
    line-height: 1.35;
}

body.single-course .course_description .course__result-content ul {
    margin: 0 0 16px;
    padding: 0 0 0 24px;
    list-style: disc;
}

body.single-course .course_description .course__result-content ol {
    margin: 0 0 16px;
    padding: 0 0 0 24px;
    list-style: decimal;
}

body.single-course .course_description .course__result-content ul li,
body.single-course .course_description .course__result-content ol li {
    display: block;
    position: static;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: inherit;
    color: inherit;
}

body.single-course .course_description .course__result-content ul li + li,
body.single-course .course_description .course__result-content ol li + li {
    margin-top: 0;
}

body.single-course .course_description .course__result-content ul li::before,
body.single-course .course_description .course__result-content ol li::before {
    content: none;
}

body.single-course .course_description a.link,
body.single-course .course_description a:not(.button) {
    color: var(--ranok-course-accent);
    font-weight: 600 !important;
    text-decoration: underline;
    text-underline-offset: 0.14em;
}

body.single-course .course__result-content li > *:last-child,
body.single-course .elementor-widget-shortcode .course__result-content li > *:last-child {
    margin-bottom: 0;
}

body.single-course .course__result-content blockquote,
body.single-course .elementor-widget-shortcode .course__result-content blockquote {
    padding: 20px 24px;
    border-left: 4px solid var(--ranok-course-accent);
    border-radius: 0 var(--ranok-course-radius-sm) var(--ranok-course-radius-sm) 0;
    background: var(--ranok-course-surface-muted);
    color: var(--ranok-course-text);
}

body.single-course .ranok-course-description-shortcode,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    color: var(--ranok-course-text-soft) !important;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

body.single-course .ranok-course-description-shortcode p,
body.single-course .ranok-course-description-shortcode li,
body.single-course .ranok-course-description-shortcode td,
body.single-course .ranok-course-description-shortcode th,
body.single-course .ranok-course-description-shortcode div,
body.single-course .ranok-course-description-shortcode span,
body.single-course .ranok-course-description-shortcode a:not(.button),
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode p,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode li,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode td,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode th,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode div,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode span,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode a:not(.button) {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    color: var(--ranok-course-text-soft) !important;
    letter-spacing: 0 !important;
}

body.single-course .ranok-course-description-shortcode strong,
body.single-course .ranok-course-description-shortcode b,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode strong,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode b {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 800 !important;
    color: var(--ranok-course-text) !important;
}

body.single-course .ranok-course-description-shortcode em,
body.single-course .ranok-course-description-shortcode i,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode em,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode i {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 400 !important;
    font-style: italic !important;
}

body.single-course .ranok-course-description-shortcode h1,
body.single-course .ranok-course-description-shortcode h2,
body.single-course .ranok-course-description-shortcode h3,
body.single-course .ranok-course-description-shortcode h4,
body.single-course .ranok-course-description-shortcode h5,
body.single-course .ranok-course-description-shortcode h6,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode h1,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode h2,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode h3,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode h4,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode h5,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode h6 {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
    color: var(--ranok-course-text) !important;
    line-height: 1.35 !important;
}

body.single-course .ranok-course-description-shortcode ul,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode ul {
    margin: 0 0 16px !important;
    padding: 0 0 0 24px !important;
    list-style: disc !important;
}

body.single-course .ranok-course-description-shortcode ol,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode ol {
    margin: 0 0 16px !important;
    padding: 0 0 0 24px !important;
    list-style: decimal !important;
}

body.single-course .ranok-course-description-shortcode li::before,
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode li::before {
    content: none !important;
}

body.single-course .ranok-course-description-shortcode a:not(.button),
body.single-course .elementor-widget-shortcode .ranok-course-description-shortcode a:not(.button) {
    color: var(--ranok-course-accent) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 0.14em;
}

body.single-course #item-admins .instructor,
body.single-course #item-admins .course_instructor,
body.single-course #item-admins .item-list li,
body.single-course .course__instructors .instructor {
    padding: 24px;
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface-muted);
    box-shadow: var(--ranok-course-card-shadow);
    margin-top: 12px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

body.single-course #item-admins .instructor img,
body.single-course #item-admins .course_instructor img,
body.single-course #item-admins .item-avatar img,
body.single-course .course__instructors .instructor img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

body.single-course #item-admins .item-title,
body.single-course #item-admins .item-title a,
body.single-course #item-admins h4,
body.single-course .course__instructors h4 {
    color: var(--ranok-course-text);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

body.single-course .course_curriculum {
    padding: 0;
    background: transparent;
    overflow: visible;
}

body.single-course .course_curriculum .heading {
    margin: 0 0 12px;
    padding: 24px;
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface-muted);
    box-shadow: none;
}

body.single-course .course_reviews .heading,
body.single-course .course_reviews_wrapper .course_reviews .heading {
    margin: 0 0 12px;
    padding: 24px;
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface-muted);
    box-shadow: var(--ranok-course-card-shadow);
}

body.single-course .course_curriculum .heading span,
body.single-course .course_reviews .heading span,
body.single-course .course_reviews_wrapper .course_reviews .heading span {
    margin: 0;
}

body.single-course .course_curriculum .table,
body.single-course .course_curriculum table {
    margin: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    overflow: hidden;
}

body.single-course .course_curriculum .course_section,
body.single-course .course_curriculum .course_section > td,
body.single-course .course_curriculum .course_section td {
    padding: 0;
    border: 0;
    background: transparent;
}

body.single-course .course_curriculum .course_section + .course_section .course_section_toggle {
    border-top: 1px solid var(--ranok-course-line);
}

body.single-course .course_curriculum .course_section_toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 20px 24px;
    border: 0;
    background: transparent;
    color: var(--ranok-course-text);
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

body.single-course .course_curriculum .course_section_toggle::before {
    content: none;
}

body.single-course .course_curriculum .course_section_toggle::after {
    content: "";
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 5L16 12L8 19' stroke='%238D8D96' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    transform: rotate(45deg);
    transform-origin: center;
    transition: transform .2s ease, opacity .2s ease;
    opacity: .8;
}

body.single-course .course_curriculum .course_section.is-expanded .course_section_toggle::after,
body.single-course .course_curriculum .course_section_toggle[aria-expanded="true"]::after {
    transform: rotate(0deg);
    opacity: 1;
}

body.single-course .course_curriculum .course_section_toggle:focus-visible {
    outline: 2px solid rgba(41, 56, 144, 0.28);
    outline-offset: -2px;
}

body.single-course .course_curriculum .course_lesson td {
    padding: 18px 24px;
    border-top: 1px solid var(--ranok-course-line);
    background: var(--ranok-course-surface-muted);
    color: var(--ranok-course-text-soft);
    vertical-align: middle;
}

body.single-course .course_curriculum .course_lesson td:first-child {
    width: 0;
    min-width: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

body.single-course .course_curriculum .course_lesson td:first-child > *,
body.single-course .course_curriculum .course_lesson td:first-child i,
body.single-course .course_curriculum .course_lesson td:first-child svg,
body.single-course .course_curriculum .course_lesson td:first-child .vicon,
body.single-course .course_curriculum .course_lesson td:first-child .curriculum-icon {
    display: none !important;
}

body.single-course .course_curriculum .course_lesson td:nth-child(2),
body.single-course .course_curriculum .course_lesson td:nth-child(2) a,
body.single-course .course_curriculum .course_lesson td:nth-child(2) i,
body.single-course .course_curriculum .course_lesson td:nth-child(2) svg {
    color: var(--ranok-course-text);
    font-weight: 700;
}

body.single-course .course_curriculum .course_lesson td:nth-child(2) i,
body.single-course .course_curriculum .course_lesson td:nth-child(2) svg,
body.single-course .course_curriculum .course_lesson td:nth-child(2) .curriculum-icon,
body.single-course .course_curriculum .course_lesson td:nth-child(2) .vicon {
    display: none !important;
}

body.single-course .course_curriculum .course_lesson td:nth-child(2) .free {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--ranok-course-accent-soft);
    color: var(--ranok-course-accent);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
}

body.single-course .course_curriculum .course_lesson td:nth-child(3) {
    color: var(--ranok-course-text-muted);
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    white-space: nowrap;
}

body.single-course .course_curriculum > ul.course_curriculum {
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
    border-radius: var(--ranok-course-radius-md);
    overflow: hidden;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--ranok-course-line);
    background: var(--ranok-course-surface-muted);
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section:first-child {
    border-top: 0;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 20px 24px;
    margin: 0;
    background: transparent;
    color: var(--ranok-course-text);
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    cursor: pointer;
    transition: color .2s ease;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > label::before {
    content: none;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > label::after {
    content: "";
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.0015 11.0009V8.00261H18.003V11.0009H0V13.9991H18.003V17.0035H21.0015V13.9991H24V11.0009H21.0015Z' fill='%23A7A7A7'/%3E%3Cpath d='M18.003 17.0035H15.0046V20.0017H18.003V17.0035Z' fill='%23A7A7A7'/%3E%3Cpath d='M14.9985 20.0017H12V23H14.9985V20.0017Z' fill='%23A7A7A7'/%3E%3Cpath d='M14.9985 2H12V4.99826H14.9985V2Z' fill='%23A7A7A7'/%3E%3Cpath d='M18.003 4.99826H15.0046V7.99652H18.003V4.99826Z' fill='%23A7A7A7'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .2s ease, opacity .2s ease;
    opacity: .8;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section.is-expanded > label::after,
body.single-course .course_curriculum > ul.course_curriculum > .course_section > input[type="checkbox"]:checked + label::after {
    transform: rotate(45deg);
    opacity: 1;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > label:hover {
    color: var(--ranok-course-accent);
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > label:hover::after,
body.single-course .course_curriculum > ul.course_curriculum > .course_section.is-expanded > label::after,
body.single-course .course_curriculum > ul.course_curriculum > .course_section > input[type="checkbox"]:checked + label::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.0015 11.0009V8.00261H18.003V11.0009H0V13.9991H18.003V17.0035H21.0015V13.9991H24V11.0009H21.0015Z' fill='%23293890'/%3E%3Cpath d='M18.003 17.0035H15.0046V20.0017H18.003V17.0035Z' fill='%23293890'/%3E%3Cpath d='M14.9985 20.0017H12V23H14.9985V20.0017Z' fill='%23293890'/%3E%3Cpath d='M14.9985 2H12V4.99826H14.9985V2Z' fill='%23293890'/%3E%3Cpath d='M18.003 4.99826H15.0046V7.99652H18.003V4.99826Z' fill='%23293890'/%3E%3C/svg%3E");
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > label:focus-visible {
    outline: 2px solid rgba(41, 56, 144, 0.28);
    outline-offset: -2px;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > input[type="checkbox"]:not(:checked) + label + ul {
    display: none;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    border-top: 1px solid var(--ranok-course-line) !important;
    background: var(--ranok-course-surface-muted) !important;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson:first-child {
    border-top: 0 !important;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > span {
    display: block;
    padding: 8px 24px;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > span:first-child:not(.item_title) {
    display: none !important;
    padding: 0 !important;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > span:last-child {
    display: none !important;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .curriculum-icon {
    display: none;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title i,
body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title svg,
body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title .vicon,
body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title a i,
body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title a svg,
body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title a .vicon {
    display: none !important;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title,
body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title a {
    color: var(--ranok-course-text);
    font-weight: 700;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title {
    display: flex;
    align-items: center;
    gap: 16px;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > .item_title::before {
    content: "";
    display: inline-block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='6' fill='white'/%3E%3Cpath d='M25.5 11.125C25.25 10.25 24.625 9.625 23.75 9.375C22.25 9 15.875 9 15.875 9C15.875 9 9.62501 9 8.00001 9.375C7.12501 9.625 6.5 10.25 6.25 11.125C6 12.75 6 16 6 16C6 16 6 19.25 6.375 20.875C6.625 21.75 7.25 22.375 8.125 22.625C9.625 23 16 23 16 23C16 23 22.25 23 23.875 22.625C24.75 22.375 25.375 21.75 25.625 20.875C26 19.25 26 16 26 16C26 16 26 12.75 25.5 11.125ZM14 19V13L19.25 16L14 19Z' fill='%23A7A7A7'/%3E%3C/svg%3E");
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson.ranok-lesson-text > .item_title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='6' fill='white'/%3E%3Cpath d='M10 9.5H22' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 14H22' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 18.5H18' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 23H16' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson.ranok-lesson-quiz > .item_title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='6' fill='white'/%3E%3Cpath d='M11 11H21' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11 16H17' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M11 21H15' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M21 15L22.75 16.75L25.5 13.5' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson.ranok-lesson-media > .item_title::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='6' fill='white'/%3E%3Cpath d='M10 11.5H22V20.5H10V11.5Z' stroke='%23A7A7A7' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='14' cy='15' r='1.5' fill='%23A7A7A7'/%3E%3Cpath d='M12 19L15 16.5L17.5 18.5L19 17.5L22 20' stroke='%23A7A7A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson > span:nth-child(3) {
    color: var(--ranok-course-text-muted);
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    white-space: nowrap;
    font-weight: 500;
}

body.single-course .course_curriculum > ul.course_curriculum > .course_section > ul > .course_lesson .free {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--ranok-course-accent-soft);
    color: var(--ranok-course-accent);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
}

body.single-course .widget.pricing,
body.single-course #course-pricing,
body.single-course .elementor-widget-shortcode .widget.pricing,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing {
    padding: 24px;
}

body.single-course .elementor-widget-wplms-course-pricing .elementor-widget-container,
body.single-course .elementor-widget-wplms_course_pricing .elementor-widget-container {
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.single-course .widget.pricing .the_course_button,
body.single-course .widget.pricing .the_course_button form,
body.single-course #course-pricing .the_course_button,
body.single-course #course-pricing .the_course_button form,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .the_course_button,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .the_course_button form,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .the_course_button,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .the_course_button form {
    width: 100%;
}

body.single-course .widget.pricing .the_course_button .course_button.button.full,
body.single-course .widget.pricing .the_course_button .course_button.full,
body.single-course .widget.pricing input.course_button.button.full[type="submit"],
body.single-course .widget.pricing button.course_button.button.full,
body.single-course #course-pricing .the_course_button .course_button.button.full,
body.single-course #course-pricing .the_course_button .course_button.full,
body.single-course #course-pricing input.course_button.button.full[type="submit"],
body.single-course #course-pricing button.course_button.button.full,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.button.full,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.full,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing input.course_button.button.full[type="submit"],
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.button.full,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.full,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing input.course_button.button.full[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 52px;
    padding: 14px 24px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--ranok-course-accent) !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    float: none !important;
    appearance: none;
}

body.single-course .widget.pricing .the_course_button .course_button.button.full a,
body.single-course .widget.pricing .the_course_button .course_button.full a,
body.single-course .widget.pricing .the_course_button .course_button.button.full strong,
body.single-course .widget.pricing .the_course_button .course_button.full strong,
body.single-course .widget.pricing .the_course_button .course_button.button.full span,
body.single-course .widget.pricing .the_course_button .course_button.full span,
body.single-course #course-pricing .the_course_button .course_button.button.full a,
body.single-course #course-pricing .the_course_button .course_button.full a,
body.single-course #course-pricing .the_course_button .course_button.button.full strong,
body.single-course #course-pricing .the_course_button .course_button.full strong,
body.single-course #course-pricing .the_course_button .course_button.button.full span,
body.single-course #course-pricing .the_course_button .course_button.full span,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.button.full a,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.full a,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.button.full strong,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.full strong,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.button.full span,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.full span,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.button.full a,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.full a,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.button.full strong,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.full strong,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.button.full span,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.full span {
    color: inherit !important;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-decoration: none !important;
}

body.single-course .widget.pricing .the_course_button .course_button.button.full > span,
body.single-course .widget.pricing .the_course_button .course_button.full > span,
body.single-course #course-pricing .the_course_button .course_button.button.full > span,
body.single-course #course-pricing .the_course_button .course_button.full > span,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.button.full > span,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.full > span,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.button.full > span,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.full > span {
    opacity: 1;
    font-weight: 700;
}

body.single-course .widget.pricing .the_course_button .course_button.button.full:hover,
body.single-course .widget.pricing .the_course_button .course_button.full:hover,
body.single-course .widget.pricing input.course_button.button.full[type="submit"]:hover,
body.single-course .widget.pricing button.course_button.button.full:hover,
body.single-course #course-pricing .the_course_button .course_button.button.full:hover,
body.single-course #course-pricing .the_course_button .course_button.full:hover,
body.single-course #course-pricing input.course_button.button.full[type="submit"]:hover,
body.single-course #course-pricing button.course_button.button.full:hover,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.button.full:hover,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing .course_button.full:hover,
body.single-course .elementor-widget-wplms-course-pricing .course_pricing input.course_button.button.full[type="submit"]:hover,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.button.full:hover,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing .course_button.full:hover,
body.single-course .elementor-widget-wplms_course_pricing .course_pricing input.course_button.button.full[type="submit"]:hover {
    background: #1f2b6f !important;
    color: #fff !important;
}

body.single-course .widget.pricing .course_details,
body.single-course .widget.pricing .course_details > div,
body.single-course .widget.pricing .course_details_data,
body.single-course #course-pricing .course_details,
body.single-course #course-pricing .course_details > div {
    margin-top: 20px;
}

body.single-course .widget.pricing .course_details > div,
body.single-course #course-pricing .course_details > div {
    padding: 10px 0;
    border-bottom: 1px solid var(--ranok-course-line);
    color: var(--ranok-course-text-soft);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.single-course .widget.pricing .course_details strong,
body.single-course #course-pricing .course_details strong {
    color: var(--ranok-course-text);
    font-weight: 700;
}

body.single-course .the_course_button,
body.single-course .the_course_button form {
    width: 100%;
}

body.single-course .the_course_button .course_button.button.full,
body.single-course .the_course_button .course_button.full,
body.single-course .the_course_button input.course_button.button.full[type="submit"],
body.single-course .the_course_button button.course_button.button.full {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 52px;
    padding: 14px 24px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--ranok-course-accent) !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    float: none !important;
    appearance: none;
    cursor: pointer !important;
    pointer-events: auto !important;
}

body.single-course .the_course_button .course_button.button.full a,
body.single-course .the_course_button .course_button.full a,
body.single-course .the_course_button .course_button.button.full strong,
body.single-course .the_course_button .course_button.full strong,
body.single-course .the_course_button .course_button.button.full span,
body.single-course .the_course_button .course_button.full span {
    color: inherit !important;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-decoration: none !important;
    cursor: pointer !important;
}

body.single-course .the_course_button .course_button.button.full:hover,
body.single-course .the_course_button .course_button.full:hover,
body.single-course .the_course_button input.course_button.button.full[type="submit"]:hover,
body.single-course .the_course_button button.course_button.button.full:hover {
    background: #1f2b6f !important;
    color: #fff !important;
}

body.single-course .ranok-course-code-access {
    margin-top: 14px;
}

body.single-course .ranok-course-code-access__hint {
    margin: 0 0 8px;
    color: var(--ranok-course-text-soft);
    font-size: 14px;
    line-height: 20px;
}

body.single-course .ranok-course-code-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 12px 18px;
    border: 1px solid var(--ranok-course-line);
    border-radius: 999px;
    background: transparent;
    color: var(--ranok-course-text);
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

body.single-course .ranok-course-code-trigger:hover {
    background: rgba(30, 48, 102, 0.06);
    border-color: var(--ranok-course-accent);
    color: var(--ranok-course-accent);
}

body.single-course .ranok-course-code-access--primary .ranok-course-code-trigger {
    margin-top: 14px;
}

body.single-course .ranok-course-code-entry {
    margin-top: 12px;
    padding: 18px;
    border: 1px solid var(--ranok-course-line);
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface-muted);
}

body.single-course .ranok-course-code-entry__title {
    margin: 0 0 6px;
    color: var(--ranok-course-text);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

body.single-course .ranok-course-code-entry__text {
    margin: 0 0 14px;
    color: var(--ranok-course-text-soft);
    font-size: 14px;
    line-height: 20px;
}

body.single-course .ranok-course-code-entry__form {
    display: grid;
    gap: 10px;
}

body.single-course .ranok-course-code-entry__input {
    width: 100%;
    min-height: 46px;
    padding: 12px 16px;
    border: 1px solid var(--ranok-course-line);
    border-radius: 14px;
    background: #fff;
    color: var(--ranok-course-text);
    box-shadow: none;
}

body.single-course .ranok-course-code-entry__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border: 0;
    border-radius: 999px;
    background: var(--ranok-course-accent);
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer;
}

body.single-course .ranok-course-code-entry__submit:hover {
    background: #1f2b6f;
}

body.single-course .course_reviews {
    margin-top: 24px;
}

body.single-course .course_reviews_wrapper {
    margin-top: 24px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.single-course .course_reviews_wrapper > :first-child {
    margin-top: 0;
}

body.single-course .course_reviews_wrapper .course_reviews {
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.single-course .course_reviews_wrapper .course_reviews:empty {
    display: none;
}

body.single-course .course_reviews_wrapper .review_breakup {
    margin: 0 !important;
    padding: 20px 24px;
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface-muted);
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
}

body.single-course .course_reviews_wrapper .show_course_reviews {
    margin-top: 20px;
    padding: 0;
    max-height: none;
    overflow: visible;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment {
    margin-top: 12px;
    padding: 23px;
    border: 1px solid var(--ranok-course-line);
    border-radius: var(--ranok-course-radius-md);
    background: #fff;
    box-shadow: none;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment:first-child {
    margin-top: 0;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body,
body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-inner,
body.single-course .course_reviews .reviewlist.commentlist .comment-body,
body.single-course .course_reviews .reviewlist.commentlist .comment-body-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    align-items: start;
    width: 100%;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-avatar,
body.single-course .course_reviews .reviewlist.commentlist .comment-avatar {
    flex: 0 0 44px;
    width: 44px;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-avatar img,
body.single-course .course_reviews .reviewlist.commentlist .comment-avatar img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    margin-top: 0;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-content,
body.single-course .course_reviews .reviewlist.commentlist .comment-body-content {
    margin-left: 0;
    flex: 1 1 calc(100% - 64px);
    min-width: 0;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-content .ranok-review-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-content .ranok-review-author-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-content .ranok-review-author {
    margin: 0;
    color: var(--ranok-course-text);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-content .ranok-review-date {
    color: var(--ranok-course-text-muted);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap;
    text-decoration: none;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-content .comment-meta {
    display: none;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-content .comment-meta a {
    color: inherit;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-text strong {
    display: none;
    margin: 0;
    padding: 0;
    color: var(--ranok-course-text);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .course-star-rating {
    margin-top: 0;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment_text,
body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment_text p {
    margin-top: 12px;
    color: var(--ranok-course-text-soft);
    font-weight: 400;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment_text,
body.single-course .course_reviews .reviewlist.commentlist .comment_text {
    margin-left: 0;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .ranok-review-text,
body.single-course .course_reviews .reviewlist.commentlist .ranok-review-text {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 0;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .ranok-review-text p,
body.single-course .course_reviews .reviewlist.commentlist .ranok-review-text p {
    margin-top: 0;
}

body.single-course .course_reviews_wrapper .reviewlist.commentlist .ranok-review-text p + p,
body.single-course .course_reviews .reviewlist.commentlist .ranok-review-text p + p {
    margin-top: 12px;
}

body.single-course .course_reviews .review_breakup {
    margin: 0 !important;
    padding: 20px 24px;
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface-muted);
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
}

body.single-course .course_reviews .rating_snapshot,
body.single-course .course_reviews_wrapper .rating_snapshot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

body.single-course .course_reviews .rating_snapshot {
    text-align: center;
}

body.single-course .course_reviews .rating_snapshot .modern-star-rating,
body.single-course .course_reviews_wrapper .rating_snapshot .modern-star-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    line-height: 1;
}

body.single-course .course_reviews .rating_snapshot .course-star-rating,
body.single-course .course_reviews_wrapper .rating_snapshot .course-star-rating {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

body.single-course .course_reviews .rating_snapshot .bp_blank_stars,
body.single-course .course_reviews .rating_snapshot .bp_filled_stars,
body.single-course .course_reviews_wrapper .rating_snapshot .bp_blank_stars,
body.single-course .course_reviews_wrapper .rating_snapshot .bp_filled_stars {
    display: inline-block;
    vertical-align: middle;
    line-height: 1 !important;
}

body.single-course .course_reviews .course-star-rating > .hide,
body.single-course .course_reviews_wrapper .course-star-rating > .hide,
body.single-course .course_reviews .comment-text .course-star-rating > .hide,
body.single-course .course_reviews_wrapper .comment-text .course-star-rating > .hide,
body.single-course .reviewform .wplms-course-star-rating + input[type="text"],
body.single-course .reviewform .field.form-group:first-child,
body.single-course .reviewform label[for="review_title"] {
    display: none !important;
}

body.single-course .course_reviews .rating_snapshot h2 {
    margin: 0;
    color: var(--ranok-course-accent);
    font-size: 62px;
    line-height: 1.05;
    font-weight: 700;
}

body.single-course .course_reviews .rating_snapshot span {
    color: var(--ranok-course-text-soft);
    display: block;
    margin-top: 0;
}

body.single-course .course_reviews ul.rating_breakup {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.single-course .course_reviews ul.rating_breakup li {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin-top: 10px;
}

body.single-course .course_reviews ul.rating_breakup li:first-child {
    margin-top: 0;
}

body.single-course .course_reviews ul.rating_breakup li > span {
    color: var(--ranok-course-text);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

body.single-course .course_reviews ul.rating_breakup li > span::after {
    content: "";
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M0.947443 5.50286L2.90023 5.12303C3.54762 4.99711 4.11121 4.60964 4.45315 4.05539L5.99527 1.55581C6.45248 0.814732 7.54752 0.81473 8.00473 1.55581L9.54685 4.05539C9.88879 4.60964 10.4524 4.99711 11.0998 5.12303L13.0526 5.50286C13.9764 5.68255 14.32 6.80305 13.6509 7.45377L12.0119 9.04777C11.4499 9.59436 11.2057 10.382 11.3623 11.1433L11.6651 12.6157C11.8584 13.5555 10.8673 14.3031 9.99231 13.8776L8.04265 12.9296C7.38563 12.6101 6.61437 12.6101 5.95734 12.9296L4.00769 13.8776C3.13266 14.3031 2.14163 13.5555 2.3349 12.6157L2.6377 11.1433C2.79427 10.382 2.55012 9.59436 1.98809 9.04777L0.349056 7.45377C-0.320041 6.80305 0.0236435 5.68255 0.947443 5.50286Z' fill='%23FECB00'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

body.single-course .course_reviews ul.rating_breakup li strong {
    display: block;
    height: 8px;
    border-radius: 999px;
    background: var(--ranok-course-line);
    overflow: hidden;
}

body.single-course .course_reviews ul.rating_breakup li strong > span {
    display: block;
    height: 100%;
    background: #f7941d;
    color: transparent;
}

body.single-course .course_reviews .show_course_reviews {
    margin-top: 20px;
    padding: 0;
    max-height: none;
    overflow: visible;
}

body.single-course .ranok-course-reviews-listing {
    position: relative;
    transition: opacity .2s ease;
}

body.single-course .ranok-course-reviews-listing.is-loading {
    opacity: .56;
    pointer-events: none;
}

body.single-course .ranok-course-reviews-pagination {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}

body.single-course .ranok-course-reviews-pagination .page-prev,
body.single-course .ranok-course-reviews-pagination .page-next {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9784 24.8L17.1384 20.96L20.9784 17.12L22.1784 18.312L19.4424 20.96L22.1784 23.608L20.9784 24.8Z' fill='%23353B4D'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none;
    transition: all .2s ease;
}

body.single-course .ranok-course-reviews-pagination .page-prev:hover,
body.single-course .ranok-course-reviews-pagination .page-next:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9784 24.8L17.1384 20.96L20.9784 17.12L22.1784 18.312L19.4424 20.96L22.1784 23.608L20.9784 24.8Z' fill='%23293890'/%3E%3C/svg%3E");
}

body.single-course .ranok-course-reviews-pagination .page-next {
    transform: rotate(180deg);
}

body.single-course .ranok-course-reviews-pagination .page-item {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    background: #ddd;
    color: var(--ranok-course-text);
    text-decoration: none;
    transition: all .2s ease;
}

body.single-course .ranok-course-reviews-pagination span.page-item {
    background: transparent;
}

body.single-course .ranok-course-reviews-pagination a.page-item:hover,
body.single-course .ranok-course-reviews-pagination .page-item.active {
    background: var(--ranok-course-accent);
    color: #fff;
}

body.single-course .course_reviews .reviewlist.commentlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.single-course .course_reviews .reviewlist.commentlist .comment {
    margin-top: 12px;
    padding: 23px;
    border: 1px solid var(--ranok-course-line);
    border-radius: var(--ranok-course-radius-md);
    background: #fff;
    box-shadow: none;
}

body.single-course .course_reviews .reviewlist.commentlist .comment:first-child {
    margin-top: 0;
}

body.single-course .course_reviews .reviewlist.commentlist .comment-body {
    display: flex;
    gap: 20px;
}

body.single-course .course_reviews .reviewlist.commentlist .comment-avatar img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    margin-top: 0;
}

body.single-course .course_reviews .reviewlist.commentlist .comment-body-content {
    margin-left: 0;
    flex: 1 1 auto;
}

body.single-course .course_reviews .reviewlist.commentlist .comment-body-content h3 {
    margin: 0;
    padding: 0;
    color: var(--ranok-course-text);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

body.single-course .course_reviews .reviewlist.commentlist .comment-body-content .comment-meta {
    margin-top: 8px;
    opacity: 1;
    color: var(--ranok-course-text-muted);
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
}

body.single-course .course_reviews .reviewlist.commentlist .comment-body-content .modern-star-rating {
    margin-top: 10px;
}

body.single-course .course_reviews .reviewlist.commentlist .comment-body-content p {
    margin-top: 12px;
    color: var(--ranok-course-text-soft);
    font-weight: 400;
}

body.single-course .course_reviews #respond {
    margin-top: 24px;
    padding: 24px;
    border-radius: var(--ranok-course-radius-md);
    background: var(--ranok-course-surface-muted);
}

body.single-course .course_reviews #respond .form_field,
body.single-course .course_reviews #respond textarea,
body.single-course .course_reviews #respond input[type="text"],
body.single-course .course_reviews #respond input[type="email"],
body.single-course .course_reviews #respond input[type="url"] {
    width: 100%;
    border: 1px solid var(--ranok-course-line);
    border-radius: 14px;
    background: #fff;
    padding: 14px 16px;
    color: var(--ranok-course-text);
}

body.single-course .course_reviews #respond input[type="submit"],
body.single-course .course_reviews #respond .submit {
    border: 0;
    border-radius: 999px;
    background: var(--ranok-course-accent);
    color: #fff;
    padding: 14px 28px;
    font-weight: 700;
}

@media (max-width: 1024px) {
    body.single-course #buddypress #item-header {
        grid-template-columns: 1fr;
    }

    body.single-course #buddypress #item-header #item-header-avatar img,
    body.single-course .elementor-widget-theme-post-featured-image img {
        margin: 0 auto;
        max-width: 260px;
    }

    body.single-course .course_reviews .review_breakup {
        grid-template-columns: 1fr;
    }

    body.single-course .course_reviews_wrapper .review_breakup {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    body.single-course #buddypress #item-header,
    body.single-course .course_title,
    body.single-course .course_description,
    body.single-course .course_curriculum,
    body.single-course .course_reviews,
    body.single-course #item-admins,
    body.single-course .widget.pricing {
        padding: 24px;
    }

    body.single-course #object-nav.item-list-tabs ul,
    body.single-course .course__tabs ul {
        gap: 20px;
    }

    body.single-course .course_curriculum .course_lesson td,
    body.single-course .course_curriculum .course_section td {
        display: block;
        width: 100%;
        text-align: left;
    }

    body.single-course .course_curriculum .course_section_toggle {
        padding: 18px 20px;
    }

    body.single-course .course_curriculum .course_lesson td:nth-child(3) {
        padding-top: 0;
    }

    body.single-course .course_reviews .reviewlist.commentlist .comment-body {
        flex-direction: column;
    }

    body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body,
    body.single-course .course_reviews_wrapper .reviewlist.commentlist .comment-body-inner {
        flex-direction: column;
    }

    body.single-course .ranok-course-reviews-pagination {
        justify-content: flex-start;
    }

    body.single-course #item-admins .instructor,
    body.single-course #item-admins .course_instructor,
    body.single-course #item-admins .item-list li,
    body.single-course .course__instructors .instructor {
        flex-direction: column;
    }
}