:root {
    /* Palette: https://colors.muz.li/palette/12492f/0a2f35/f56038/f7a325/ffca7a */
    --primary-1: rgb(10, 47, 53);
    --primary-1-rgb: 10, 47, 53;

    --primary-2: rgb(4, 36, 41);
    --primary-3: #f5f9fc;
    --primary-4: #ffe9cc;
    --primary-5: #f6eee2;
    --secondary-1: #f7a325;
    --secondary-1-rgb: 247, 163, 37;

    --secondary-1-dark: #e49217;
    --secondary-2: #f56038;
    --secondary-3: #ffca7a;
    --secondary-5: #fffaf4;
    --secondary-4: #12492f;
    --grey-1: #181818;
    --grey-2: #282828;
    --grey-3: #f5f4f4;
    --plyr-audio-controls-background: transparent;
    --plyr-audio-control-color: var(--primary-3);
    --pro: #121212;
}

.bg-grey-2 {
    background-color: var(--grey-2);
}

.bg-grey-3 {
    background-color: var(--grey-3);
}

.bg-primary-1 {
    background-color: var(--primary-1);
}

.btn-primary {
    --x-btn-color: #fff;
    --x-btn-bg: var(--secondary-1);
    --x-btn-border-color: var(--secondary-1);
    --x-btn-hover-color: #fff;
    --x-btn-hover-bg: var(--secondary-1);
    --x-btn-hover-border-color: var(--secondary-1);
    --x-btn-focus-shadow-rgb: 116, 120, 247;
    --x-btn-active-color: #fff;
    --x-btn-active-bg: var(--secondary-1);
    --x-btn-active-border-color: var(--secondary-4);
    --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --x-btn-disabled-color: #fff;
    --x-btn-disabled-bg: var(--secondary-1);
    --x-btn-disabled-border-color: var(--secondary-1);
}

.bg-surface-dark {
    background-color: var(--primary-1) !important;
}

.bg-primary-3 {
    background-color: var(--primary-3) !important;
}

.bg-secondary-3 {
    background-color: var(--secondary-3) !important;
}

.bg-primary-5 {
    background-color: var(--primary-5);
}

.text-primary-5 {
    color: var(--primary-5);
}

.text-secondary-3 {
    color: var(--secondary-3) !important;
}
.text-secondary-4 {
    color: var(--secondary-4) !important;
}
.text-secondary-5 {
    color: var(--secondary-5) !important;
}

.text-primary-1 {
    color: var(--primary-1) !important;
}

.text-pro {
    color: var(--pro);
}
.bg-pro {
    background-color: var(--pro);
}

@media (max-width: 980px) {
    .card.card-pricing.h-full {
        height: auto !important;
    }
}

#primary_nav .navbar-nav > .nav-item > .nav-link.kowchaProNav.active {
    background: var(--pro);
    color: #fff !important;
    border-color: var(--pro) !important;
}

.btn-link {
    --x-btn-font-weight: 400;
    --x-btn-color: var(--primary-1);
    --x-btn-bg: transparent;
    --x-btn-border-color: transparent;
    --x-btn-hover-color: var(--primary-2);
    --x-btn-hover-border-color: transparent;
    --x-btn-active-color: var(--primary-2);
    --x-btn-active-border-color: transparent;
    --x-btn-disabled-color: #6b7b93;
    --x-btn-disabled-border-color: transparent;
    --x-btn-box-shadow: none;
    --x-btn-focus-shadow-rgb: 116, 120, 247;
    text-decoration: none;
}

.btn-outline-primary {
    --x-btn-color: var(--primary-1);
    --x-btn-border-color: var(--primary-1);
    --x-btn-hover-color: #fff;
    --x-btn-hover-bg: var(--primary-1);
    --x-btn-hover-border-color: var(--primary-1);
    --x-btn-focus-shadow-rgb: 92, 96, 245;
    --x-btn-active-color: #fff;
    --x-btn-active-bg: var(--primary-1);
    --x-btn-active-border-color: var(--primary-1);
    --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --x-btn-disabled-color: var(--primary-1);
    --x-btn-disabled-bg: transparent;
    --x-btn-disabled-border-color: var(--primary-1);
    --x-gradient: none;
}

.btn-dark {
    --x-btn-color: #fff;
    --x-btn-bg: var(--primary-1);
    --x-btn-border-color: var(--primary-1);
    --x-btn-hover-color: #fff;
    --x-btn-hover-bg: #454756;
    --x-btn-hover-border-color: #2d3041;
    --x-btn-focus-shadow-rgb: 57, 60, 76;
    --x-btn-active-color: #fff;
    --x-btn-active-bg: #454756;
    --x-btn-active-border-color: #2d3041;
    --x-btn-active-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --x-btn-disabled-color: #fff;
    --x-btn-disabled-bg: var(--primary-1);
    --x-btn-disabled-border-color: var(--primary-1);
}

.text-primary {
    color: rgba(var(--primary-2), var(--x-text-opacity)) !important;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-check:hover + .btn-primary,
.btn-primary:hover {
    color: #fff;
    background-color: var(--secondary-1-dark);
    border-color: var(--secondary-1-dark);
    box-shadow: 0 0 0 0.25rem rgba(235, 235, 235, 0.5);
}

.bg-danger {
    background-color: var(--secondary-2);
}

.empty-state-content {
    max-width: 400px;
    margin: 0 auto;
}

.lesson-locked-cta img {
    aspect-ratio: 5 / 5;
    height: 100%;
    object-fit: cover;
    border-radius: 2em;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--primary-1);
    border-color: var(--primary-1);
}

a {
    color: var(--primary-1);
    text-decoration: none;
}

a:hover {
    color: var(--primary-2);
    text-decoration: none;
}

body.auth .card a {
    color: var(--primary-1);
    text-decoration: none;
    border-bottom: 1px solid;
}

body.auth .card a:hover {
    color: var(--primary-2);
    text-decoration: none;
    border-bottom: 1px solid var(--secondary-1-dark);
}

.nav-link:hover,
.nav-link:focus {
    color: var(--primary-1);
}

.bg-dark {
    --x-bg-opacity: 1;
    background-color: var(--primary-1) !important;
}

body,
html {
    color: var(--primary-1);
    background-color: var(--primary-3);
}

body {
    font-size: 15px;
}

body.auth {
    min-height: 100vh;
    overflow-x: hidden;
}

.page-item.active .page-link {
    background-color: var(--primary-1);
    border-color: var(--primary-1);
}

/* SCROLLBAR */
/* .scroll-container {
    overflow-x: scroll;
    overflow-y: hidden;
}
.scroll-container::-webkit-scrollbar {
    height: 4px;
}
.scroll-container::-webkit-scrollbar-track {
    background: #def0fd;
}
.scroll-container::-webkit-scrollbar-thumb {
    background: #b5d2e7;
    border-radius: 10px;
} */

.rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 140px;
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating > input {
    display: none;
}

.rating > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: 0.3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
    width: 100%;
    text-align: center;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after {
    content: "";
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.emoji-wrapper:before {
    top: 0;
    /* background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 35%,
        rgba(255, 255, 255, 0) 100%
    ); */
}

.emoji-wrapper:after {
    bottom: 0;
    /* background: linear-gradient(
        to top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 35%,
        rgba(255, 255, 255, 0) 100%
    ); */
}

.emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 0.3s;
}

.emoji > svg {
    margin: 15px 0;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-100px);
}

#rating-2:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-200px);
}

#rating-3:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-300px);
}

#rating-4:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-400px);
}

#rating-5:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-500px);
}

.messages-container-wrapper {
    max-height: 85vh;
}

.add-tag-button {
    width: 180px;
    flex: 0 0 auto;
}

#primary_nav .navbar-nav > .nav-item > .nav-link {
    border-bottom: 3px solid rgba(0, 0, 0, 0.05);
    margin-bottom: -1px !important;
}
#primary_nav .navbar-nav > .nav-item > .nav-link:hover,
#primary_nav .navbar-nav > .nav-item > .nav-link:focus,
#primary_nav .navbar-nav > .nav-link:hover,
#primary_nav .navbar-nav > .nav-link:focus,
#primary_nav .navbar-nav > .nav-item > .nav-link.active,
#primary_nav .navbar-nav > .nav-link.active {
    background-color: transparent;
    border-bottom: 3px solid #0a2f35;
    color: #0a2f35;
}

.navbar-nav > .nav-item > .nav-link:hover,
.navbar-nav > .nav-item > .nav-link:focus,
.navbar-nav > .nav-link:hover,
.navbar-nav > .nav-link:focus,
.navbar-nav > .nav-item > .nav-link.active,
.navbar-nav > .nav-link.active {
    background-color: var(--secondary-5);
}

#k-primary-nav ul.dropdown-menu li a.active {
    background-color: var(--secondary-5);
}

.bg-surface-secondary {
    background-color: var(--secondary-5) !important;
}

input[type="checkbox"] {
    accent-color: var(--primary-1);
}

div#adminNavAccordion .nav-link {
    color: var(--x-navbar-color);
}

div#adminNavAccordion .accordion-collapse {
    padding-left: 2em;
}

div#adminNavAccordion .accordion-item {
    border: 0px;
}

div#adminNavAccordion .accordion-collapse li.nav-item a {
    color: #939393;
}

div#adminNavAccordion .accordion-collapse li.nav-item a:hover {
    color: var(--x-navbar-color);
}

.accordion-coach .accordion-button {
    box-shadow: none;
}

.accordion-coach .accordion-button:hover {
    background: rgb(0 12 14 / 30%);
}

/* div#lessonChangeModal .tab-pane {
    max-height: 70vh;
    overflow-y: auto;
} */

#primary-top-navbar .navbar-light .navbar-nav .nav-link.active,
#primary-top-navbar .navbar-light .navbar-nav .show > .nav-link {
    background: transparent !important;
    border-bottom: 1px solid var(--primary-1);
    padding-right: 0;
    padding-left: 0;
}

#primary-top-navbar .navbar-nav {
    padding-left: 1em;
}

#primary-top-navbar .navbar-nav li.nav-item {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

#primary-top-navbar .navbar-nav li.nav-item .nav-link {
    padding-left: 0.7em;
    padding-right: 0.7em;
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav-link-icon-1.active {
    color: var(--primary-1);
    background: var(--secondary-5);
}

.nav-link-icon-1:hover {
    background: var(--secondary-5);
}

.side-4-title {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ah-75 {
    height: 75vh;
}
.h-75 {
    min-height: 75vh;
}
.h-100 {
    min-height: 100vh;
}

footer {
    border-top: 1px solid #ededed;
}

.col-form-label {
    padding-top: 0px;
    padding-bottom: 4px;
    font-size: 0.9em;
}

.width-small {
    max-width: 500px;
}

.toast-master {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 10%;
    z-index: 991;
}

#top_band {
    position: relative;
    z-index: 1020;
}

#top_band .top-band-slide {
    display: flex !important;
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 0;
    transition: opacity 0.6s ease;
}

#top_band .top-band-slide.is-active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    z-index: 1;
}

nav#primary_nav {
    border-bottom: 3px solid var(--grey-3);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1021;
}

body.lesson.single_course_learning nav#primary_nav.lesson_nav {
    position: sticky !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    height: 70px;
    z-index: 1021;
}

div#lesson_sidebar.page_scrolled {
    position: fixed;
    top: 0;
}

nav#primary_nav .container-fluid {
    margin-bottom: -2px;
}

nav#primary_nav a.nav-item.nav-link {
    padding-right: 12px;
    padding-left: 12px;
    text-wrap: nowrap;
    padding-top: 20px;
    padding-bottom: 20px;
}

li.c-nav a {
    text-transform: uppercase;
}

/* CUSTOM MODAL */
.custom_modal_content {
    display: block !important;
}

#custom_modal.show {
    display: flex !important;
    position: fixed;
    background: rgb(0 0 0 / 20%);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.custom_modal_body.modal-body {
    height: 50vh;
    overflow-y: auto;
}

.min-height-80 {
    min-height: 80vh;
}

/* HIDE RADIO */
.image-buttons [type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
.image-buttons [type="radio"] + img {
    cursor: pointer;
    border-radius: 10px;
}

/* CHECKED STYLES */
.image-buttons [type="radio"]:checked + img {
    outline: 3px solid rgb(247 163 37 / 100%);
}

.course-card-wrapper,
.course-card-in,
.course-card {
    height: 100%;
}

.responsive-video-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.course-sidebar-wrapper {
    border-left: 1px solid #f3f3f3;
    height: 100%;
    background: #fbfbfb;
}

body.auth .card {
    border: 0px;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 3%);
}

body.auth .card-header {
    text-align: center;
    font-size: 1.3em;
    font-weight: 300;
    border-bottom: 0px;
}

img.card-icon {
    max-width: 80px;
    background-color: var(--secondary-5);
    padding: 15px;
    border-radius: 1em;
}

.coach-template-wrapper {
    min-height: 100vh;
}

footer {
    /* background-color: var(--primary-3); */
    background: #fff;
}

.main-1 {
    min-height: 75vh;
}

.course-module-actual-content {
    /* max-width: 1100px; */
    /* margin: 0 auto; */
}

.top-progress-wrapper {
    max-width: 300px;
    margin: 0 auto;
}

.progress-sm-2 {
    height: 2px;
}

.progress-wrap {
    /* margin-top: 5px; */
}

.progress-text {
    text-wrap: nowrap;
    margin-left: 10px;
    /* color: #fff; */
    opacity: 0.5;
    font-size: 0.8em;
    font-weight: 300;
}

.weight-black {
    font-weight: 900;
}

figure.unlock-icon {
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    margin-bottom: 2em;
    width: 180px;
    height: 180px;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.min-width-1 {
    min-width: 250px;
}

.lesson-locked-cta {
    border-radius: 2em;
}

.course-content-paper-2 {
    max-width: 1000px;
    margin: 0 auto;
}

/* Customer lesson learning: video uses full main column; Editor.js stays readable via stage. */
body.lesson.single_course_learning .course-content-paper-2 {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

body.lesson.single_course_learning .dash-2-main,
body.lesson.single_course_learning .course-content-and-sidebar,
body.lesson.single_course_learning .course-content-paper-2,
body.lesson.single_course_learning .lesson-main-content-paper,
body.lesson.single_course_learning .written_content_container {
    overflow: visible;
}

body.lesson.single_course_learning .lesson-written-content-loader .height-50 {
    height: auto;
    min-height: 3rem;
}

body.lesson.single_course_learning
    .lesson-learning-stage__readable
    .codex-editor__redactor {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

body.lesson.single_course_learning .lesson-learning-stage__readable .ce-block {
    max-width: 100%;
}

body.lesson.single_course_learning .lesson-learning-stage__readable img,
body.lesson.single_course_learning .lesson-learning-stage__readable iframe,
body.lesson.single_course_learning .lesson-learning-stage__readable video,
body.lesson.single_course_learning .lesson-learning-stage__readable table {
    max-width: 100%;
    height: auto;
}

.coach-card-3 .avatar {
    border: 1px solid rgb(255 255 255 / 24%);
}

.coach-card-3 a .coach-card-3-bio {
    color: rgb(255 255 255 / 50%) !important;
}

.coach-card-3 a .coach-card-3-name {
    color: lch(100 0 0 / 0.75);
}

.coach-card-3 .card-profile-info {
    margin-left: 5px;
}

.t-middle-button .btn {
    min-width: 160px;
    /* opacity: 0.5; */
}

.learn-tab-content {
    min-height: 50vh;
}

.bg-darker {
    background: #000;
}

.top-progress-wrapper .progress {
    height: 3px;
    background: var(--primary-1);
}

.course-module-wrap {
    /* background: var(--grey-1); */
}

.course-module-contentnav {
    background-color: var(--primary-3);
}

.course-module-wrap > main {
    height: 100%;
}

.course-module-contentnav-in h5 {
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 1px;
    font-weight: 300;
}

#CourseMenu button.accordion-button {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: unset;
    font-weight: unset;
}

#CourseMenu .accordion-header {
    font-size: 0.9em;
    font-weight: 600;
}

#CourseMenu .list-group a.list-group-item {
    padding: 0.5em 1em;
    border: 0px;
    line-height: 1.3em;
}

.btn-link {
    font-weight: 500;
    border-bottom: 0px !important;
}

.dash-2-side {
    position: fixed;
    height: 100%;
    width: 240px;
}

.dash-2-side-in {
    position: relative;
    overflow-y: auto;
    /* padding-top: 4em; */
}

.dash-2-side-learn .dash-2-side-in {
    padding-top: 0em;
}

/* Learning layout: full-width top toolbar + fixed course menu underneath.
   Sidebar stays put while the main lesson content scrolls. */
@media (min-width: 992px) {
    /* Prefer html for horizontal clip so body does not become a sticky scrollport. */
    html:has(body.lesson.single_course_learning) {
        overflow-x: clip;
    }

    body.lesson.single_course_learning {
        overflow-x: visible;
    }

    body.lesson.single_course_learning .dash-2-in {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }

    body.lesson.single_course_learning .dash-2-side {
        position: fixed;
        top: 70px;
        left: 0;
        bottom: 0;
        float: none;
        flex: none;
        width: 280px;
        max-width: 280px;
        height: calc(100vh - 70px);
        max-height: calc(100vh - 70px);
        overflow: hidden;
        z-index: 1010;
    }

    body.lesson.single_course_learning .dash-2-side-in {
        height: 100%;
        max-height: calc(100vh - 70px);
        overflow: hidden !important;
        overscroll-behavior: contain;
    }

    /* Kill the nested native scrollbar from .h-lg-screen / .navbar-vertical —
       only malihu (.mCustomScrollbar) should scroll the course menu. */
    body.lesson.single_course_learning .dash-2-side .navbar.navbar-vertical,
    body.lesson.single_course_learning
        .dash-2-side
        .navbar.navbar-vertical.h-lg-screen {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        overflow-y: visible !important;
    }

    body.lesson.single_course_learning
        .dash-2-side
        .navbar.navbar-vertical::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }

    /* malihu custom scrollbar inside the fixed left menu */
    body.lesson.single_course_learning .dash-2-side-in.mCustomScrollbar {
        overflow: hidden !important;
    }

    body.lesson.single_course_learning .dash-2-side-in .mCustomScrollBox {
        height: 100% !important;
        max-height: calc(100vh - 70px);
        overflow: hidden !important;
    }

    body.lesson.single_course_learning
        .dash-2-side-in
        .mCSB_inside
        > .mCSB_container {
        margin-right: 20px !important;
        overflow: visible !important;
    }

    body.lesson.single_course_learning .dash-2-side-in .mCSB_scrollTools {
        width: 10px;
        opacity: 1 !important;
        right: 4px;
    }

    body.lesson.single_course_learning
        .dash-2-side-in
        .mCSB_dragger
        .mCSB_dragger_bar {
        background-color: rgba(255, 255, 255, 0.5) !important;
        width: 6px;
        border-radius: 6px;
    }

    body.lesson.single_course_learning
        .dash-2-side-in
        .mCSB_dragger:hover
        .mCSB_dragger_bar,
    body.lesson.single_course_learning
        .dash-2-side-in
        .mCSB_dragger.mCSB_dragger_onDrag
        .mCSB_dragger_bar {
        background-color: rgba(255, 255, 255, 0.85) !important;
    }

    body.lesson.single_course_learning .dash-2-side-in .mCSB_draggerRail {
        background-color: rgba(255, 255, 255, 0.15) !important;
        width: 6px;
        border-radius: 6px;
    }

    body.lesson.single_course_learning .dash-2-main {
        margin-left: 280px;
        padding-left: 0;
        width: calc(100% - 280px);
        max-width: calc(100% - 280px);
        min-width: 0;
        /* overflow-x:clip alone forces overflow-y:auto and creates a scrollport
           that makes the notes/bookmarks sticky panel drift before locking. */
        overflow: visible;
    }

    /* Top toolbar stays full-bleed edge to edge */
    body.lesson.single_course_learning nav#primary_nav.lesson_nav {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }
}

/* Do not switch the learning sidebar to position:fixed via JS class — layout owns that. */
body.lesson.single_course_learning div#lesson_sidebar.page_scrolled {
    /* no-op: fixed rules above already pin the menu */
}

body.lesson.single_course_learning
    div#lesson_main.page_scrolled
    .lesson_navE.written_content_nav {
    position: static;
}

body.lesson.single_course_learning
    div#lesson_main.page_scrolled
    .written_content_container.written_content_nav {
    padding-top: 0 !important;
}

body.lesson.single_course_learning .lesson_navE {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

body.lesson.single_course_learning .lesson_navE::-webkit-scrollbar {
    display: none;
}

body.lesson.single_course_learning .lesson_navE > .nav {
    flex-wrap: nowrap;
    max-width: 100%;
}

/* Fallback for other body.lesson pages that are not the learning view */
body.lesson:not(.single_course_learning) .dash-2-side {
    position: relative;
    float: left;
}

.dash-2-main {
    padding-left: 240px;
    min-height: 100vh;
    /* overflow-y: auto; */
}

.video_window {
    aspect-ratio: 16/9;
}

.video_window iframe {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.video_window_wrapper {
    background: #1a1a1a;
    padding: 2em 10em;
}

.lesson-intro-media-shell.video_window_wrapper,
.video_window_wrapper.lesson-intro-media-shell {
    padding: 1rem 1rem 1.25rem;
}

@media (min-width: 992px) {
    .lesson-intro-media-shell.video_window_wrapper,
    .video_window_wrapper.lesson-intro-media-shell {
        padding: 1.25rem 1.5rem 1.5rem;
    }
}

.lesson-intro-media-shell:not(.video_window_wrapper) {
    width: 100%;
}

body.lesson.single_course_learning .video_window.lesson-learning-stage-host {
    aspect-ratio: auto;
}

.coach-layout-section.dash-2-side-in a {
    color: #fff;
}

.coach-layout-section.dash-2-side-in .learner-sidebar-items a {
    color: unset;
}

.dash-2-side-learn {
    /* background: rgb(10 47 53 / 8%); */
}

.notes-off-canvas {
    min-width: 30em;
}

textarea.lesson-note {
    min-height: 20vh;
}

.resource-group .list-group-item:hover {
    background: var(--primary-3);
}

.justify-space-around {
    justify-content: space-around;
}

button.lesson-bar-action {
    padding: 5px 10px;
    /* border: 0px; */
}

.input-style-A,
.button-style-A {
    font-size: 1.3em;
}

.input-style-A {
    font-weight: 600;
}

.input-style-A-start {
    text-align: center;
}

.input-style-B {
    font-size: 0.85em;
}

.input-style-C {
    font-weight: 500;
    font-size: 1.1em;
}

.display-contents {
    display: contents;
}

.preview-image-upload-section {
    background: #fff;
    padding: 1em 3em;
    margin-right: 3em;
    border-radius: 10px;
}

.modal-header-A.modal-header {
    padding-bottom: 0px;
}

.modal-body-A.modal-body {
    padding-top: 10px;
    min-height: 50vh;
}

.modal-title-as-input {
    flex-grow: 1;
}

.coach-layout-sidebar .list-group-item a {
    font-size: 1em;
}

.coach-layout-sidebar .list-group-item {
    padding: 12px 0px;
}

.coach-layout-sidebar .icon {
    font-size: 1.4em;
}

.laern-layout-sidebar .list-group-item a {
    font-size: 1em;
}

.laern-layout-sidebar .list-group-item {
    padding: 12px 0px;
}

.laern-layout-sidebar .icon {
    font-size: 1.4em;
}

.become-coach-wrapper {
    background: var(--primary-1) url("../img/website/become-coach-bg1.jpg")
        center center;
    background-size: cover;
}

.join-kowcha-wrapper {
    background: var(--primary-1) url("../img/website/join-kowcha3.jpg") bottom
        center;
    background-size: cover;
    min-height: 100vh;
}

.checkout-with-ease {
    background: var(--primary-1) url("../img/website/hand-holding-phone1.jpg")
        center center;
    background-size: cover;
}

.feature-card-2 .card {
    height: 100%;
}

.funell-page-lead {
    max-width: 500px;
    font-size: 1.5em;
}

.remove-caret:after {
    display: none;
}

.drop-style-1 {
    width: 500px;
    margin-top: 1.5em !important;
}

.drop-style-2 {
    width: 220px;
    margin-top: 1.6em !important;
}

.drop-style-1.dropdown-menu {
    margin: 0px;
    padding-top: 0px;
    /* border: 0px; */
    padding-bottom: 1em;
}

.drop-style-1.dropdown-menu .card {
    border: 0px;
}

.chat-stack:hover {
    background-color: #e9e9e9;
    cursor: pointer;
}

.dop-style-1-list {
    max-height: 300px;
    overflow-y: auto;
}

.chat-modal-content {
    min-height: 50vh;
}

.noti-circle {
    top: 0px !important;
    right: 0px !important;
    border: 0px;
}

.nav-link-icon-1 {
    background: #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.2em;
}

.chat-modal-footer {
    display: block;
    background: #efefef;
    padding: 0px;
}

.post-card.card:hover {
    cursor: pointer;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 8%);
}

.post-card-text {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

.post-card-text2 {
    overflow: hidden;
    max-width: 90%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

.post-card-container {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.drop-card-text {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    width: fit-content;
    white-space: nowrap;
}

.drop-card-text.wrap {
    overflow: visible;
    max-width: 100%;
    text-overflow: unset;
    width: 100%;
    white-space: none;
    text-wrap: wrap;
    line-height: 1.4em;
}

.offcanvas-style-1 {
    min-width: 400px;
}

.drop-card-container {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.drop-style-2-in {
    position: relative;
}

.drop-profile-info .h5 {
    font-size: 1em;
}

.drop-profile-info {
    min-width: 0;
}

.card-profile-info .h5 {
    font-size: 0.9em;
}

.card-profile-info {
    min-width: 0;
}

.textarea-style-1 {
    min-height: 15em !important;
}

.textarea-style-2 {
    min-height: 20em !important;
}

.form-floating label {
    font-size: 0.85em;
}

.form-floating input {
    font-size: 0.95em;
}

.crumb-bar {
    z-index: 1 !important;
}

.postModal .modal-header {
    border-bottom: 0px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);
}

img.course-card-img.card-img {
    /* max-height: 150px; */
    /* max-height: 220px; */
    max-height: 320px;
    object-fit: cover;
}

.course-card-body.card-body {
    padding-top: 0.5em;
}

.course-card-body-meta-intro p.text-sm {
    font-size: 0.8em !important;
}

.course-card-body-meta-title a {
    line-height: 1.2em;
}

.course-card-body.card-body,
.course-card-footer.card-footer {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

.course-card-icons-wrapper {
    display: flex;
    align-items: center;
    text-align: center;
}

.btn.btn-sm.btn-style-1 {
    background: #f1f1f1;
    /* width: 38px; */
    /* padding: 8px 0px; */
    padding: 0px;
    background: transparent;
    box-shadow: none;
    border: 0px;
    font-size: 1.2em;
    color: #000;
}

.course-card-status {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 0.8em;
    width: auto;
    padding: 0.25em 1.5em;
    font-weight: 500;
    display: flex;
    min-height: unset !important;
}

.course-card-pricing {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0.8em;
    font-weight: 300;
}

.course-card.card {
    border: 0px;
}

.course-card-wrapper {
    /* padding: 10px; */
    text-align: left;
}

li.nav-item.whatsapp-nav a.nav-link {
    background: rgb(23, 171, 78);
    background: linear-gradient(
        54deg,
        rgba(23, 171, 78, 1) 0%,
        rgba(37, 211, 102, 1) 100%
    );
    border-radius: 100px;
    color: #fff;
    padding: 7px 15px !important;
}

li.nav-item.whatsapp-nav a.nav-link:hover {
    background: rgb(15, 142, 62);
    background: linear-gradient(
        54deg,
        rgba(15, 142, 62, 1) 0%,
        rgba(37, 211, 102, 1) 100%
    );
    color: #fff;
}

li.nav-item.call-nav a.nav-link {
    background: rgb(238, 246, 255);
    background: linear-gradient(
        54deg,
        rgba(238, 246, 255, 1) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    border-radius: 100px;
    color: rgb(78, 78, 243);
    padding: 7px 15px !important;
}

li.nav-item.call-nav a.nav-link:hover {
    background: rgb(238, 246, 255);
    background: linear-gradient(
        54deg,
        rgba(238, 246, 255, 1) 0%,
        rgba(247, 247, 247, 1) 100%
    );
    color: rgb(78, 78, 243);
}

figure.hub-banner-figure {
    text-align: right;
    padding: 0em;
}

figure.hub-banner-figure img {
    max-width: 300px;
}

.hub-banner-carousel.carousel-item {
    background: #caddff;
    padding: 0em 0em;
    border-radius: 1em;
    /* background: #1a5dd9; */
}

.ql-container.ql-snow {
    min-height: 50vh;
}

.hub-hero-wrapper {
    background: #fff;
}

.prev-next-button {
    min-width: 120px;
}

.card-profile-avatar img {
    max-width: 35px;
    max-height: 35px;
}

.card-profile-avatar-lg img {
    max-width: 45px;
    max-height: 45px;
}

.card-profile-info .h5 {
    font-size: 0.8em;
    line-height: 1.1em;
    padding-top: 2px;
    text-wrap: wrap;
}

.navbar.navbar-vertical .navbar-nav > .nav-item > .nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.9em;
}

.navbar-vertical .navbar-nav .nav .nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.9em;
}

.vertical-divider {
    width: 1px;
    background: whitesmoke;
    position: relative;
    min-height: 63px;
    margin: 0 1em;
}

.avatar-3xl {
    width: 18.5rem;
    height: 10.5rem;
    font-size: calc(1.375rem + 1.5vw);
}

.navbar-vertical.navbar-vertical-2 {
    max-width: unset !important;
}

.border-radius-10 {
    border-radius: 10em;
}

.nav-pills.nav-pills-2 .nav-link.active,
.nav-pills .show > .nav-link {
    background: var(--primary-3);
    color: var(--primary-1);
}

.profile-card-name {
    max-width: 250px;
    margin: 0 auto;
}

.skeleton.col-md-3 {
    padding: 5px;
}

.pagination-tabs .page-item.active .page-link {
    border-color: var(--secondary-1);
    color: var(--secondary-1);
}

.course-profile-wrapper {
    min-height: 100vh;
}

/* Sticky CTA stays visible while reading long landing summaries */
.course-profile-sticky-cta {
    top: 5.5rem;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .course-profile-sticky-cta {
        position: static !important;
        top: auto;
        padding-top: 0 !important;
        margin-bottom: 1.5rem;
    }
}

/* Long-form HTML summary (paste-ready landing) beside sticky CTA */
.course-profile-landing {
    min-width: 0;
}

.course-profile-landing .course-summary-wrapper,
.course-landing-summary {
    max-width: 100%;
    overflow-x: hidden;
}

.course-landing-summary .responsive-video-wrapper,
.course-landing-summary [style*="padding-top"] {
    max-width: 100%;
}

.course-landing-summary img {
    max-width: 100%;
    height: auto;
}

.course-landing-summary__sidebar-nudge {
    border: 1px dashed rgba(15, 23, 42, 0.18);
    border-radius: 0.65rem;
    background: #f8fafc;
}

.course-landing-summary__is-you {
    background: #fff8e8;
}

.course-profile-curriculum__head h4 {
    margin-bottom: 0;
}

.course-profile-curriculum .learner-section-group {
    margin-bottom: 0;
    border-top: 1px solid #e5e5e5;
}

.course-profile-curriculum .learner-section-heading,
.course-profile-curriculum .learner-section-heading__label {
    color: #0f172a;
}

.course-profile-curriculum button.learner-section-toggle {
    padding: 0.8rem 1rem;
    background: #f8fafc;
    border-radius: 0;
    color: #0f172a;
}

.course-profile-curriculum button.learner-section-toggle:hover,
.course-profile-curriculum button.learner-section-toggle:focus-visible {
    background: #f1f5f9;
    color: #0f172a;
    box-shadow: none;
}

.course-profile-curriculum .learner-section-heading__mark,
.course-profile-curriculum .learner-section-heading__chevron {
    color: #475569;
}

.course-profile-curriculum
    button.learner-section-toggle:hover
    .learner-section-heading__chevron,
.course-profile-curriculum
    button.learner-section-toggle:focus-visible
    .learner-section-heading__chevron {
    color: #0f172a;
}

.course-profile-curriculum .learner-section-heading__label {
    font-size: 0.875rem;
    font-weight: 650;
}

.course-profile-curriculum__lesson {
    padding-left: 2.4rem;
    border-top: 1px solid #eef2f7;
}

.course-profile-curriculum
    .learner-section-lessons
    .list-group-item:last-child {
    border-bottom: 0;
}

.single-section {
    /* max-width: 1000px;
    width: 100%;
    text-align: center;
    margin: 0 auto; */
}

.btn.btn-style-2 {
    font-size: 1.4em;
}

.avatar.avatar-xlg {
    width: 6em;
    height: 6em;
}

figure.featured_style_1 img {
    max-height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 1em;
}

figure.featured_style_2 img {
    max-height: 200px;
    width: 100%;
    object-fit: cover;
}

figure.featured_style_3 img {
    max-height: 200px;
    width: auto;
    object-fit: cover;
}

blockquote {
    font-size: 1.2em;
    font-weight: 300;
    border-left: 0px solid var(--secondary-1);
    padding-left: 1em !important;
    border-radius: 8px;
}

.article-contents .article-in h1,
.block-content-format h1 {
    font-size: 1.8em;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

.article-contents .article-in h2,
.block-content-format h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

.article-contents .article-in h3,
.block-content-format h3 {
    font-size: 1.3em;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

.article-contents .article-in p,
.article-contents .article-in p span,
.article-contents .article-in li,
.article-contents .article-in li span,
.block-content-format p,
.block-content-format p span,
.block-content-format li,
.block-content-format li span {
    font-size: 1em !important;
    color: rgb(10 47 53 / 90%) !important;
}

.block-content-format {
    font-size: 0.9em;
}

/* body.edit_course nav#primary_nav {
    z-index: 1010;
}

body.edit_course .modal-backdrop {
    z-index: 1010;
}

body.edit_course .modal {
    z-index: 1060;
} */

/* Course builder shell (edit course Phase 1) */
body.edit_course .dash-2-main-in.coach-layout-main {
    padding-top: 0.5rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

body.admin.edit_course .admin-course-builder-main {
    min-width: 0;
    background: #f8fafc;
}

body.admin.edit_course .course-builder {
    min-height: 100%;
    border-radius: 0;
}

body.admin.edit_course .course-builder__shell {
    min-height: calc(100vh - var(--cb-topbar-height));
}

body.edit_course .course-builder {
    --cb-border: rgba(15, 23, 42, 0.1);
    --cb-muted: rgba(15, 23, 42, 0.55);
    --cb-surface: #fff;
    --cb-nav-width: 15.5rem;
    --cb-topbar-height: 3.5rem;
    --cb-site-nav-offset: 0px;
    min-height: calc(100vh - 4rem);
    border-radius: 0.65rem;
    background: linear-gradient(
            180deg,
            rgba(248, 250, 252, 0.95),
            rgba(241, 245, 249, 0.9)
        ),
        #f8fafc;
}

body.edit_course .course-builder__topbar {
    position: sticky;
    top: var(--cb-site-nav-offset);
    z-index: 1020;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--cb-border);
}

body.edit_course .course-builder__topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: var(--cb-topbar-height);
    padding: 0.5rem 1rem 0.5rem 0.75rem;
    max-width: none;
    margin: 0;
}

body.edit_course .course-builder__topbar-start,
body.edit_course .course-builder__topbar-end {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

body.edit_course .course-builder__topbar-end {
    flex-wrap: wrap;
    justify-content: flex-end;
}

body.edit_course .course-builder__back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: inherit;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
}

body.edit_course .course-builder__back:hover {
    opacity: 0.75;
}

body.edit_course .course-builder__title-block {
    min-width: 0;
}

body.edit_course .course-builder__eyebrow {
    font-size: 0.7rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cb-muted);
    line-height: 1.2;
}

body.edit_course .course-builder__title {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.25;
    max-width: 28rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.edit_course .course-builder__save-status {
    font-size: 0.8rem;
    color: var(--cb-muted);
    white-space: nowrap;
}

body.edit_course .course-builder__save-status.is-dirty {
    color: #b45309;
    font-weight: 500;
}

body.edit_course #course-overview-save-top[hidden] {
    display: none !important;
}

/* Full-page loader while Vue + builder hydrate */
body.edit_course.is-builder-loading,
body.is-page-loading {
    overflow: hidden;
}

.course-builder-page-loader,
.global-page-loader {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: radial-gradient(
            circle at top right,
            rgba(13, 110, 253, 0.08),
            transparent 42%
        ),
        rgba(248, 250, 252, 0.92);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 1;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.course-builder-page-loader.is-done,
.global-page-loader.is-done {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.course-builder-page-loader__panel,
.global-page-loader__panel {
    width: min(100%, 22rem);
    text-align: center;
    padding: 1.75rem 1.5rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
}

.course-builder-page-loader__spinner,
.global-page-loader__spinner {
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 1rem;
}

.course-builder-page-loader__title,
.global-page-loader__title {
    font-size: 1rem;
    font-weight: 650;
    color: #0f172a;
}

.course-builder-page-loader__hint,
.global-page-loader__hint {
    font-size: 0.8125rem;
    color: #64748b;
}

/* Live preview: toolbar control + large modal */
body.edit_course .course-builder__live-preview-tab {
    display: inline-flex;
    align-items: center;
}

body.edit_course .course-builder__live-preview-tab .btn {
    white-space: nowrap;
}

body.edit_course .course-builder__live-preview-dialog {
    --cb-preview-height: min(78vh, 820px);
}

@media (min-width: 1200px) {
    body.edit_course .course-builder__live-preview-dialog {
        --cb-preview-height: min(82vh, 920px);
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    body.edit_course .course-builder__live-preview-dialog {
        --cb-preview-height: min(84vh, 980px);
        max-width: 1280px;
    }
}

body.edit_course .course-builder__live-preview-modal {
    border: 0;
    border-radius: 0.9rem;
    overflow: hidden;
}

body.edit_course .course-builder__live-preview-modal .modal-header {
    align-items: flex-start;
}

body.edit_course .course-builder__live-preview-viewport .btn {
    display: inline-flex;
    align-items: center;
}

body.edit_course .course-builder__live-preview-viewport .btn.is-active {
    background: #111827;
    border-color: #111827;
    color: #fff;
}

body.edit_course .course-builder__live-preview-stage {
    display: flex;
    justify-content: center;
    align-items: stretch;
    background: #f1f5f9;
    border: 1px solid var(--cb-border);
    border-radius: 0.75rem;
    padding: 0.65rem;
    min-height: var(--cb-preview-height, 78vh);
}

body.edit_course .course-builder__live-preview-frame-wrap {
    background: #0f172a;
    border: 1px solid var(--cb-border);
    border-radius: 0.65rem;
    overflow: hidden;
    width: 100%;
    height: calc(var(--cb-preview-height, 78vh) - 1.3rem);
    min-height: 420px;
    transition: width 0.2s ease, max-width 0.2s ease, border-radius 0.2s ease;
}

body.edit_course .course-builder__live-preview-stage[data-viewport="mobile"] {
    align-items: center;
    padding: 1rem;
}

body.edit_course
    .course-builder__live-preview-stage[data-viewport="mobile"]
    .course-builder__live-preview-frame-wrap {
    width: min(390px, 100%);
    max-width: 390px;
    height: min(780px, calc(var(--cb-preview-height, 78vh) - 2rem));
    min-height: 520px;
    border-radius: 1.35rem;
    border-width: 8px;
    border-color: #0f172a;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
}

body.edit_course .course-builder__live-preview-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #fff;
}

body.edit_course .course-builder__live-preview-hint {
    font-size: 0.75rem;
    color: var(--cb-muted);
}

@media (max-width: 767.98px) {
    body.edit_course .course-builder__live-preview-tab .btn span {
        display: none;
    }

    body.edit_course .course-builder__live-preview-tab .btn .bi {
        margin-right: 0 !important;
    }

    body.edit_course .course-builder__live-preview-modal {
        border-radius: 0;
        min-height: 100%;
    }

    body.edit_course .course-builder__live-preview-dialog {
        --cb-preview-height: calc(100vh - 8.5rem);
    }

    body.edit_course .course-builder__live-preview-stage {
        padding: 0.35rem;
        min-height: var(--cb-preview-height, calc(100vh - 8.5rem));
    }

    body.edit_course .course-builder__live-preview-frame-wrap {
        min-height: 280px;
        border-radius: 0.45rem;
        height: calc(var(--cb-preview-height, calc(100vh - 8.5rem)) - 0.7rem);
    }

    body.edit_course
        .course-builder__live-preview-stage[data-viewport="mobile"]
        .course-builder__live-preview-frame-wrap {
        width: min(360px, 100%);
        max-width: 100%;
        min-height: 420px;
        height: calc(var(--cb-preview-height, calc(100vh - 8.5rem)) - 1.2rem);
        border-width: 6px;
        border-radius: 1rem;
    }
}

body.edit_course .course-builder__shell {
    display: grid;
    grid-template-columns: var(--cb-nav-width) minmax(0, 1fr);
    gap: 0;
    max-width: none;
    width: 100%;
    margin: 0;
    min-height: calc(100vh - var(--cb-topbar-height) - 4rem);
    transition: grid-template-columns 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

body.edit_course
    .course-builder:has(.curriculum-workspace--editing)
    .course-builder__shell,
body.edit_course.is-lesson-editing .course-builder__shell {
    grid-template-columns: 0 minmax(0, 1fr);
    min-height: 0;
}

body.edit_course .course-builder__nav {
    position: sticky;
    top: calc(var(--cb-site-nav-offset) + var(--cb-topbar-height));
    align-self: start;
    z-index: 1010;
    max-height: calc(
        100vh - var(--cb-site-nav-offset) - var(--cb-topbar-height) - 0.5rem
    );
    overflow-y: auto;
    padding: 0.75rem 0.4rem 2rem 0.4rem;
    border-right: 1px solid var(--cb-border);
    background: rgba(248, 250, 252, 0.97);
    backdrop-filter: blur(8px);
    min-width: 0;
    transition: opacity 0.22s ease,
        transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), padding 0.22s ease,
        border-color 0.22s ease;
}

body.edit_course
    .course-builder:has(.curriculum-workspace--editing)
    .course-builder__nav,
body.edit_course.is-lesson-editing .course-builder__nav {
    opacity: 0;
    overflow: hidden;
    padding: 0;
    max-height: 0;
    min-height: 0;
    border-right-width: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translate3d(-12px, 0, 0);
}

body.edit_course .course-builder__nav-list {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

body.edit_course .course-builder__nav-item {
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr);
    column-gap: 0.55rem;
    align-items: start;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    border-radius: 0.65rem;
    padding: 0.65rem 0.75rem;
    color: inherit;
    transition: background-color 0.15s ease, color 0.15s ease;
}

body.edit_course .course-builder__nav-item:hover {
    background: rgba(15, 23, 42, 0.04);
}

body.edit_course .course-builder__nav-item.is-active {
    background: #fff;
    box-shadow: 0 0 0 1px var(--cb-border);
}

body.edit_course .course-builder__nav-item.is-locked {
    opacity: 0.78;
}

body.edit_course .course-builder__nav-status {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.2rem;
    font-size: 0.95rem;
    line-height: 1;
    color: #cbd5e1;
}

body.edit_course
    .course-builder__nav-item[data-progress-state="complete"]
    .course-builder__nav-status {
    color: #16a34a;
}

body.edit_course
    .course-builder__nav-item[data-progress-state="ready"]
    .course-builder__nav-status {
    color: #15803d;
}

body.edit_course
    .course-builder__nav-item[data-progress-state="pending"]
    .course-builder__nav-status {
    color: #94a3b8;
}

body.edit_course
    .course-builder__nav-item[data-progress-state="optional"]
    .course-builder__nav-status {
    color: #dbe3ee;
}

body.edit_course .course-builder__nav-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

body.edit_course .course-builder__nav-label {
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.3;
}

body.edit_course .course-builder__nav-hint {
    font-size: 0.75rem;
    color: var(--cb-muted);
    margin-top: 0.1rem;
}

body.edit_course .course-builder__nav-group {
    margin: 1rem 0.75rem 0.35rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--cb-border);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cb-muted);
}

body.edit_course .course-builder__main {
    padding: 1rem 1.15rem 2.25rem;
    min-width: 0;
}

body.edit_course
    .course-builder:has(.curriculum-workspace--editing)
    .course-builder__main,
body.edit_course.is-lesson-editing .course-builder__main {
    padding-top: 0.4rem;
    padding-bottom: 0.55rem;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
}

body.edit_course .course-builder__panel {
    display: none;
}

body.edit_course .course-builder__panel.is-active,
body.edit_course .course-builder__panel.is-leaving,
body.edit_course .course-builder__panel.is-entering {
    display: block;
}

body.edit_course .course-builder__panel.is-active {
    opacity: 1;
    transform: none;
}

body.edit_course .course-builder__panel[hidden] {
    display: none !important;
}

body.edit_course .course-builder__panel.is-leaving,
body.edit_course .course-builder__panel.is-entering {
    display: block !important;
}

body.edit_course .course-builder__panel.is-active,
body.edit_course .course-builder__panel.is-leaving,
body.edit_course .course-builder__panel.is-entering {
    transition: opacity 0.22s ease,
        transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

body.edit_course .course-builder__panel.is-leaving {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
}

body.edit_course .course-builder__panel.is-active.is-entering {
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(0.985);
}

@media (prefers-reduced-motion: reduce) {
    body.edit_course .course-builder__panel.is-active,
    body.edit_course .course-builder__panel.is-leaving,
    body.edit_course .course-builder__panel.is-entering {
        transition-duration: 0.01ms;
        transform: none;
    }
}

body.edit_course .course-builder__panel-header {
    margin-bottom: 0.85rem;
}

body.edit_course .course-builder__panel-title {
    font-size: 1.5rem;
    font-weight: 650;
    margin-bottom: 0.25rem;
}

body.edit_course .course-builder__panel-desc {
    margin: 0;
    color: var(--cb-muted);
    font-size: 0.95rem;
}

body.edit_course .course-builder__group {
    background: var(--cb-surface);
    border: 1px solid var(--cb-border);
    border-radius: 0.85rem;
    padding: 1.25rem 1.35rem 1.5rem;
    margin-bottom: 1.25rem;
}

body.edit_course .course-builder__group--flush {
    padding-top: 1rem;
}

body.edit_course .course-builder__group-title {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

body.edit_course .course-builder__help {
    margin: 0 0 0.85rem;
    color: var(--cb-muted);
    font-size: 0.875rem;
    line-height: 1.4;
}

body.edit_course .course-builder__or {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 0;
    color: var(--cb-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

body.edit_course .course-builder__or::before,
body.edit_course .course-builder__or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--cb-border);
}

body.edit_course .course-builder__overview-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0 0 1.5rem;
    padding: 0.25rem 0 0.5rem;
}

body.edit_course .course-builder__overview-hint {
    font-size: 0.85rem;
}

body.edit_course .course-builder__intro-media .multiselect {
    min-height: 2.5rem;
}

body.edit_course .course-builder__desc-block .course-builder__help {
    margin-bottom: 0.55rem;
}

/* Intro media: preview left (larger), controls right */
body.edit_course .course-builder__group--intro {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

body.edit_course .course-builder__group--intro > .course-builder__group-title {
    margin-bottom: 0.35rem;
}

body.edit_course .course-builder__intro-lead {
    margin: 0 0 0.85rem;
    color: var(--cb-muted);
    font-size: 0.875rem;
    line-height: 1.4;
}

body.edit_course .course-builder__intro-layout {
    display: grid;
    grid-template-columns: minmax(300px, 1.15fr) minmax(240px, 0.85fr);
    gap: 1.25rem 1.5rem;
    align-items: start;
}

body.edit_course .course-builder__intro-preview-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

body.edit_course .course-builder__intro-preview-label {
    margin: 0;
    color: #111827;
    font-size: 0.85rem;
    font-weight: 600;
}

body.edit_course .course-builder__intro-preview-desc {
    margin: 0.15rem 0 0;
    color: var(--cb-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

body.edit_course .course-builder__intro-status {
    font-size: 0.72rem;
    font-weight: 500;
    white-space: nowrap;
}

body.edit_course .course-builder__intro-preview-col {
    min-width: 0;
}

body.edit_course .course-builder__intro-preview {
    margin-bottom: 0;
}

body.edit_course .course-builder__intro-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0.65rem;
    overflow: hidden;
    background: #0f172a;
    border: 1px solid var(--cb-border);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

body.edit_course .course-builder__intro-frame iframe,
body.edit_course .course-builder__intro-frame .course-builder__intro-html5,
body.edit_course .course-builder__intro-frame video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    object-fit: contain;
    background: #000;
}

body.edit_course .course-builder__intro-frame--embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.edit_course .course-builder__intro-caption {
    margin-top: 0.45rem;
    font-size: 0.78rem;
    color: var(--cb-muted);
    word-break: break-word;
}

body.edit_course .course-builder__intro-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    aspect-ratio: 16 / 9;
    padding: 1rem;
    border: 1px dashed var(--cb-border);
    border-radius: 0.65rem;
    color: var(--cb-muted);
    background: #f8fafc;
    text-align: center;
}

body.edit_course .course-builder__intro-empty .bi {
    font-size: 1.75rem;
    color: #94a3b8;
}

body.edit_course .course-builder__intro-empty-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: #334155;
}

body.edit_course .course-builder__intro-empty-steps {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.35;
    max-width: 280px;
}

body.edit_course .course-builder__intro-controls {
    padding: 0.85rem 1rem;
    border: 1px solid var(--cb-border);
    border-radius: 0.65rem;
    background: #fafbfc;
}

body.edit_course .course-builder__intro-note {
    font-size: 0.75rem;
    color: var(--cb-muted);
    line-height: 1.3;
}

body.edit_course .course-builder__intro-tabs-hint {
    margin: 0;
    font-size: 0.78rem;
    color: var(--cb-muted);
    line-height: 1.35;
}

body.edit_course .course-builder__intro-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

body.edit_course .course-builder__intro-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.25rem 0.55rem 0.25rem 0.35rem;
    border: 1px solid var(--cb-border);
    border-radius: 0.55rem;
    background: #fff;
    color: #475569;
    transition: border-color 0.15s ease, background-color 0.15s ease,
        box-shadow 0.15s ease;
}

body.edit_course
    .course-builder__intro-tab.is-ready:not(.is-default):not(.is-active) {
    border-color: #cbd5e1;
    background: #fff;
}

body.edit_course
    .course-builder__intro-tab.is-ready:not(.is-default)
    .course-builder__intro-tab-box {
    border-color: #64748b;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.08);
}

body.edit_course .course-builder__intro-tab.is-active {
    border-color: #334155;
    background: #f8fafc;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
}

body.edit_course .course-builder__intro-tab.is-default {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

body.edit_course .course-builder__intro-tab.is-default.is-active {
    border-color: #4ade80;
    background: #ecfdf5;
}

body.edit_course .course-builder__intro-tab-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
    border: 0;
    border-radius: 0.35rem;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

body.edit_course .course-builder__intro-tab-check:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

body.edit_course .course-builder__intro-tab-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border: 1.5px solid #94a3b8;
    border-radius: 0.28rem;
    background: #fff;
    color: #fff;
    font-size: 0.85rem;
    line-height: 1;
    transition: border-color 0.15s ease, background-color 0.15s ease,
        transform 0.12s ease;
}

body.edit_course
    .course-builder__intro-tab-check:not(.is-disabled):hover
    .course-builder__intro-tab-box {
    border-color: #16a34a;
    transform: scale(1.04);
}

body.edit_course
    .course-builder__intro-tab-check.is-checked
    .course-builder__intro-tab-box {
    border-color: #16a34a;
    background: #16a34a;
    color: #fff;
}

body.edit_course .course-builder__intro-tab-check.is-disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

body.edit_course
    .course-builder__intro-tab-check.is-disabled
    .course-builder__intro-tab-box {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

body.edit_course .course-builder__intro-tab-btn {
    display: inline-flex;
    align-items: center;
    border: 0;
    background: transparent;
    padding: 0.2rem 0.15rem;
    font-size: 0.84rem;
    font-weight: 500;
    color: inherit;
    line-height: 1.2;
    cursor: pointer;
}

body.edit_course .course-builder__intro-tab-btn:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
    border-radius: 0.25rem;
}

body.edit_course .course-builder__intro-panel {
    padding-top: 0;
}

@media (max-width: 991.98px) {
    body.edit_course .course-builder__intro-layout {
        grid-template-columns: 1fr;
    }

    body.edit_course .course-builder__intro-controls {
        order: 2;
    }

    body.edit_course .course-builder__intro-preview-col {
        order: 1;
    }
}

/* Cover: left = help + upload, right = card preview (side-by-side) */
body.edit_course .course-builder__group--cover {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

body.edit_course .course-builder__group--cover > .course-builder__group-title {
    margin-bottom: 0.65rem;
}

body.edit_course .course-builder__cover {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
    gap: 1rem 1.5rem;
    align-items: start;
}

body.edit_course .course-builder__cover-main .course-builder__group-title {
    margin-bottom: 0.35rem;
}

body.edit_course .course-builder__cover-main .course-builder__help {
    margin: 0 0 0.85rem;
}

body.edit_course .course-builder__cover-upload .form-label {
    margin-bottom: 0.3rem;
    font-size: 0.875rem;
}

body.edit_course .course-builder__cover-hint {
    margin-top: 0.35rem;
    color: var(--cb-muted);
    font-size: 0.75rem;
    line-height: 1.3;
}

body.edit_course .course-builder__cover-preview-label {
    margin: 0 0 0.35rem;
    color: var(--cb-muted);
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.edit_course .course-builder__cover-preview {
    min-width: 0;
    pointer-events: none;
    user-select: none;
}

body.edit_course .course-builder__cover-preview .course-card.card {
    box-shadow: none;
    border: 1px solid var(--cb-border);
    border-radius: 0.5rem;
    overflow: hidden;
}

body.edit_course .course-builder__cover-preview .course-card-img.card-img {
    max-height: 140px;
}

body.edit_course .course-builder__cover-preview .course-card-body.card-body,
body.edit_course
    .course-builder__cover-preview
    .course-card-footer.card-footer {
    padding: 0.5rem 0.65rem;
}

body.edit_course .course-builder__cover-preview .course-card-body-meta-intro {
    margin-bottom: 0 !important;
}

body.edit_course
    .course-builder__cover-preview
    .course-card-body-meta-intro
    .text-sm {
    font-size: 0.7rem !important;
}

body.edit_course .course-builder__cover-preview .course-card-body-meta-title {
    margin-top: 0.3rem !important;
    margin-bottom: 0 !important;
}

body.edit_course
    .course-builder__cover-preview
    .course-card-body-meta-title
    .h5 {
    font-size: 0.9rem;
    line-height: 1.25;
}

body.edit_course .course-builder__cover-preview .card-profile-avatar .avatar {
    width: 1.65rem;
    height: 1.65rem;
}

body.edit_course .course-builder__cover-preview .drop-card-text.h5 {
    font-size: 0.78rem;
}

body.edit_course .course-builder__cover-preview .text-xs {
    font-size: 0.65rem !important;
}

body.edit_course .course-builder__cover-preview .course-card-pricing,
body.edit_course .course-builder__cover-preview .course-card-status {
    font-size: 0.65rem;
    padding: 0.15em 0.7em;
    top: 6px;
    right: 6px;
    left: auto;
}

body.edit_course .course-builder__cover-preview .btn-style-1 {
    font-size: 0.9rem;
}

@media (max-width: 767.98px) {
    body.edit_course .course-builder__cover {
        grid-template-columns: 1fr;
    }

    body.edit_course .course-builder__cover-preview {
        max-width: 280px;
    }
}

body.edit_course .course-builder__group-heading {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

body.edit_course .course-builder__group-step {
    flex: 0 0 auto;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    color: #0f172a;
    background: rgba(15, 23, 42, 0.08);
    margin-top: 0.1rem;
}

body.edit_course .course-builder__group--availability {
    border-left: 3px solid rgba(15, 23, 42, 0.18);
}

body.edit_course .course-builder__group--pricing {
    border-left: 3px solid rgba(13, 110, 253, 0.35);
}

body.edit_course .course-builder__group--pricing .course-builder__group-step {
    color: #0d6efd;
    background: rgba(13, 110, 253, 0.12);
}

.course-pricing__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

@media (max-width: 767.98px) {
    .course-pricing__grid {
        grid-template-columns: 1fr;
    }
}

.course-pricing__card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0.85rem;
    padding: 1.15rem 1.25rem;
}

.course-pricing__card-head {
    margin-bottom: 0.85rem;
}

.course-pricing__card-title {
    font-size: 0.95rem;
    font-weight: 650;
    margin: 0 0 0.2rem;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.course-pricing__card-help {
    font-size: 0.8125rem;
    color: #64748b;
    line-height: 1.4;
}

body.edit_course .course-analytics__stat {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0.65rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    padding: 0.75rem 0.9rem;
    min-height: 5.25rem;
}

body.edit_course .course-analytics__stat-label {
    margin: 0 0 0.2rem;
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cb-muted, #64748b);
}

body.edit_course .course-analytics__stat-value {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: #0f172a;
}

body.edit_course .course-analytics__stat-meta {
    margin: auto 0 0;
    padding-top: 0.25rem;
    font-size: 0.72rem;
    color: var(--cb-muted, #64748b);
    line-height: 1.3;
}

body.edit_course .course-analytics__panel {
    padding: 0.85rem 1rem;
}

body.edit_course .course-analytics__chart {
    height: 180px;
}

body.edit_course .course-trash__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0.75rem;
}

body.edit_course .course-trash__row + .course-trash__row {
    margin-top: 0.65rem;
}

.course-pricing__type {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

.course-pricing__type:has(> :nth-child(3)) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 991.98px) {
    .course-pricing__type:has(> :nth-child(3)) {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .course-pricing__type {
        grid-template-columns: 1fr;
    }
}

.course-pricing__type-option {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin: 0;
    padding: 0.85rem 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 0.75rem;
    cursor: pointer;
    background: #f8fafc;
    transition: border-color 0.15s ease, background 0.15s ease,
        box-shadow 0.15s ease;
}

.course-pricing__type-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.course-pricing__type-option strong {
    display: block;
    font-size: 0.9rem;
    color: #0f172a;
}

.course-pricing__type-option small {
    display: block;
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.35;
    margin-top: 0.1rem;
}

.course-pricing__type-option.is-active {
    background: #fff;
    border-color: rgba(13, 110, 253, 0.55);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

.course-pricing__type-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.06);
    color: #0f172a;
    flex-shrink: 0;
}

.course-pricing__type-option.is-active .course-pricing__type-icon {
    background: rgba(13, 110, 253, 0.12);
    color: #0d6efd;
}

.course-pricing__free-note {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.75rem;
    background: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #475569;
    font-size: 0.875rem;
}

.course-pricing__preview {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.15rem;
    border-radius: 0.85rem;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #fff;
}

.course-pricing__preview-label {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    opacity: 0.75;
}

.course-pricing__preview-price {
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.course-pricing__preview-was {
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: line-through;
    opacity: 0.65;
    margin-right: 0.45rem;
}

.course-pricing__partials {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.course-pricing__partial {
    padding: 0.9rem 1rem;
    border-radius: 0.75rem;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.course-pricing__partial-label {
    font-size: 0.75rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.65rem;
}

.course-pricing__markets {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

@media (max-width: 575.98px) {
    .course-pricing__markets {
        grid-template-columns: 1fr;
    }
}

.course-pricing__market {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    margin: 0;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 0.85rem;
    background: #f8fafc;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease,
        box-shadow 0.15s ease;
}

.course-pricing__market:hover {
    border-color: rgba(15, 23, 42, 0.22);
    background: #fff;
}

.course-pricing__market.is-active {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.55);
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
}

.course-pricing__market-check {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(15, 23, 42, 0.06);
    color: #64748b;
    font-size: 0.95rem;
}

.course-pricing__market.is-active .course-pricing__market-check {
    background: #0f172a;
    color: #fff;
}

.course-pricing__market-body {
    min-width: 0;
}

.course-pricing__market-body strong {
    display: block;
    font-size: 0.925rem;
    color: #0f172a;
    line-height: 1.2;
}

.course-pricing__market-body small {
    display: block;
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.75rem;
}

.course-pricing__markets-hint {
    font-size: 0.8125rem;
    color: #64748b;
}

.course-pricing__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.25rem;
}

.course-pricing__actions-hint {
    font-size: 0.8125rem;
}

.course-profile-price__amount {
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    font-weight: 750;
    letter-spacing: -0.03em;
    color: #0f172a;
    line-height: 1.1;
}

.course-profile-price__was {
    font-size: 0.95rem;
    margin-bottom: 0.15rem;
}

.course-profile-price__caption {
    margin-top: 0.35rem;
    font-size: 0.875rem;
    color: #64748b;
}

.course-profile-price--inline {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.course-profile-price--inline .course-profile-price__amount {
    font-size: 1.5rem;
}

body.edit_course .course-builder__panel--curriculum .course-builder__group {
    min-height: 24rem;
}

body.edit_course .course-builder[data-active-section="curriculum"] {
    --cb-nav-width: 13.25rem;
}

body.edit_course
    .course-builder[data-active-section="curriculum"]
    .course-builder__main {
    padding-top: 0.85rem;
    padding-bottom: 2rem;
}

body.edit_course .course-builder__panel-header--split {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

body.edit_course .course-builder__group--resources {
    padding-top: 1rem;
}

body.edit_course .course-builder__locked-panel {
    min-height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95),
        rgba(248, 250, 252, 0.9)
    );
}

body.edit_course .course-builder__locked-copy {
    max-width: 26rem;
    padding: 1rem;
}

body.edit_course .course-resources-empty {
    border: 1px dashed var(--cb-border);
    border-radius: 0.65rem;
    background: rgba(248, 250, 252, 0.85);
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

body.edit_course .course-builder__group--email {
    padding-top: 1rem;
}

body.edit_course .course-builder__email-intro {
    margin-bottom: 1.15rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--cb-border);
}

body.edit_course .course-builder__email-funnel .accordion-item {
    border-color: var(--cb-border);
}

body.edit_course .course-builder__email-funnel .accordion-button {
    font-weight: 600;
    font-size: 0.95rem;
}

body.edit_course
    .course-builder__email-funnel
    .accordion-button:not(.collapsed) {
    background: rgba(15, 23, 42, 0.03);
    color: inherit;
    box-shadow: none;
}

body.edit_course .course-email-sequence__toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}

body.edit_course .course-email-sequence__eyebrow {
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(15, 23, 42, 0.55);
}

body.edit_course .course-email-sequence__lede {
    max-width: 40rem;
    color: rgba(15, 23, 42, 0.72);
    font-size: 0.92rem;
    line-height: 1.45;
}

body.edit_course .course-email-sequence__tokens {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

body.edit_course .course-email-sequence__token-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(15, 23, 42, 0.55);
    margin-right: 0.25rem;
}

body.edit_course .course-email-sequence__tokens code {
    font-size: 0.72rem;
    background: rgba(15, 23, 42, 0.05);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    color: rgba(15, 23, 42, 0.78);
}

body.edit_course .course-email-sequence__steps {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

body.edit_course .course-email-sequence__step {
    border: 1px solid var(--cb-border);
    border-radius: 0.85rem;
    background: #fff;
    overflow: hidden;
}

body.edit_course .course-email-sequence__step.is-open {
    border-color: rgba(15, 23, 42, 0.22);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

body.edit_course .course-email-sequence__step-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 0.95rem 1rem;
}

body.edit_course .course-email-sequence__step-number {
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    background: rgba(15, 23, 42, 0.06);
    color: rgba(15, 23, 42, 0.75);
}

body.edit_course
    .course-email-sequence__step.is-open
    .course-email-sequence__step-number {
    background: #111;
    color: #fff;
}

body.edit_course .course-email-sequence__step-copy {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    flex: 1 1 auto;
}

body.edit_course .course-email-sequence__step-title {
    font-weight: 700;
    font-size: 0.98rem;
    color: rgba(15, 23, 42, 0.92);
}

body.edit_course .course-email-sequence__step-subtitle {
    font-size: 0.8rem;
    color: rgba(15, 23, 42, 0.55);
}

body.edit_course .course-email-sequence__chevron {
    color: rgba(15, 23, 42, 0.45);
}

body.edit_course .course-email-sequence__step-body {
    padding: 0 1rem 1.1rem 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

body.edit_course .course-email-sequence__tip {
    margin: 0.85rem 0 1rem;
    font-size: 0.84rem;
    line-height: 1.45;
    color: rgba(15, 23, 42, 0.68);
}

body.edit_course .course-email-sequence__textarea {
    min-height: 8rem;
    line-height: 1.5;
    resize: vertical;
}

body.edit_course
    .course-email-sequence__nurture
    + .course-email-sequence__nurture {
    margin-top: 0.85rem;
}

body.edit_course .course-email-sequence__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--cb-border);
}

@media (max-width: 767.98px) {
    body.edit_course .course-email-sequence__footer {
        flex-direction: column;
        align-items: stretch;
    }
}

body.edit_course .course-publish-checklist__toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.edit_course .course-publish-checklist__list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

body.edit_course .course-publish-checklist__item {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    border: 1px solid var(--cb-border);
    border-radius: 0.75rem;
    padding: 0.85rem 1rem;
    background: #fff;
}

body.edit_course .course-publish-checklist__item.is-ok {
    border-color: rgba(25, 135, 84, 0.28);
    background: rgba(25, 135, 84, 0.04);
}

body.edit_course .course-publish-checklist__item.is-missing {
    border-color: rgba(220, 53, 69, 0.22);
    background: rgba(220, 53, 69, 0.03);
}

body.edit_course .course-publish-checklist__status {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

body.edit_course
    .course-publish-checklist__item.is-ok
    .course-publish-checklist__status {
    background: rgba(25, 135, 84, 0.15);
    color: #198754;
}

body.edit_course
    .course-publish-checklist__item.is-missing
    .course-publish-checklist__status {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

body.edit_course .course-summary-editor__card {
    box-shadow: none;
    border-color: var(--cb-border);
    border-radius: 0.75rem;
    overflow: visible;
}

body.edit_course .course-summary-editor__holder {
    min-height: 12rem;
}

body.edit_course .course-summary-editor .ce-block__content,
body.edit_course .course-summary-editor .ce-toolbar__content {
    max-width: 100%;
}

.course-summary-content__holder .ce-toolbar,
.course-summary-content__holder .ce-inline-toolbar {
    display: none !important;
}

/* Editor.js adds ~300px bottom padding for editing — remove on read-only course summary */
.course-summary-content__holder .codex-editor__redactor,
.course-summary-content .codex-editor__redactor {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.course-summary-content__holder .ce-block,
.course-summary-editor__holder .ce-block {
    margin: 0;
}

.course-summary-content__holder .ce-block + .ce-block,
.course-summary-editor__holder .ce-block + .ce-block {
    margin-top: 0.65rem;
}

.course-profile-description .content-style-2 h2,
.course-profile-description .content-style-2 h3,
.course-profile-description .content-style-2 h4,
.course-summary-content__holder .ce-header h2,
.course-summary-content__holder .ce-header h3,
.course-summary-content__holder .ce-header h4,
.course-summary-editor__holder .ce-header h2,
.course-summary-editor__holder .ce-header h3,
.course-summary-editor__holder .ce-header h4 {
    margin-top: 0.85rem;
    margin-bottom: 0.35rem;
}

.course-profile-description .content-style-2 h2:first-child,
.course-profile-description .content-style-2 h3:first-child,
.course-profile-description .content-style-2 h4:first-child,
.course-summary-content__holder .ce-block:first-child .ce-header h2,
.course-summary-content__holder .ce-block:first-child .ce-header h3,
.course-summary-content__holder .ce-block:first-child .ce-header h4 {
    margin-top: 0;
}

.course-summary-content__holder .cdx-list,
.course-summary-editor__holder .cdx-list {
    margin: 0;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}

.course-summary-wrapper p,
.course-summary-content__holder .ce-paragraph {
    margin-bottom: 0;
}

body.edit_course .course-summary-editor__holder {
    min-height: 8rem;
}

body.edit_course .course-summary-editor__holder .codex-editor__redactor {
    padding-bottom: 4rem !important;
}

@media (max-width: 575.98px) {
    body.edit_course .course-publish-checklist__item {
        grid-template-columns: 2rem minmax(0, 1fr);
    }

    body.edit_course .course-publish-checklist__action {
        grid-column: 2;
    }
}

body.edit_course .course-builder__curriculum-stat {
    flex: 0 0 auto;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cb-muted);
    background: rgba(15, 23, 42, 0.05);
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    white-space: nowrap;
}

body.edit_course .course-builder__group--curriculum {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
    min-height: 0;
}

body.edit_course
    .course-builder__group--curriculum:not(
        :has(.curriculum-workspace--editing)
    ) {
    min-height: calc(100vh - 11rem);
}

body.edit_course .curriculum-workspace {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

body.edit_course .curriculum-workspace__browse {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

body.edit_course .curriculum-stage-enter-active,
body.edit_course .curriculum-stage-leave-active,
body.edit_course .lesson-swap-enter-active,
body.edit_course .lesson-swap-leave-active,
body.edit_course .lesson-tab-enter-active,
body.edit_course .lesson-tab-leave-active {
    transition: opacity 0.22s ease,
        transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

body.edit_course .curriculum-stage-leave-active {
    transition-duration: 0.16s, 0.16s;
}

body.edit_course .lesson-tab-enter-active,
body.edit_course .lesson-tab-leave-active {
    transition-duration: 0.16s, 0.18s;
}

body.edit_course .curriculum-stage-enter-from {
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(0.985);
}

body.edit_course .curriculum-stage-leave-to {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
}

body.edit_course .lesson-swap-enter-active,
body.edit_course .lesson-swap-leave-active {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

body.edit_course .lesson-swap-enter-from {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
}

body.edit_course .lesson-swap-leave-to {
    opacity: 0;
    transform: translate3d(0, -8px, 0);
}

body.edit_course .lesson-tab-enter-from {
    opacity: 0;
    transform: translate3d(8px, 0, 0);
}

body.edit_course .lesson-tab-leave-to {
    opacity: 0;
    transform: translate3d(-8px, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
    body.edit_course .curriculum-stage-enter-active,
    body.edit_course .curriculum-stage-leave-active,
    body.edit_course .lesson-swap-enter-active,
    body.edit_course .lesson-swap-leave-active,
    body.edit_course .lesson-tab-enter-active,
    body.edit_course .lesson-tab-leave-active,
    body.edit_course .curriculum-section-block__body,
    body.edit_course .curriculum-section-block__toggle i,
    body.edit_course .cb-tip[data-tip]::after,
    body.edit_course .course-builder__shell,
    body.edit_course .course-builder__nav {
        transition-duration: 0.01ms;
    }

    body.edit_course .curriculum-stage-enter-from,
    body.edit_course .curriculum-stage-leave-to,
    body.edit_course .lesson-swap-enter-from,
    body.edit_course .lesson-swap-leave-to,
    body.edit_course .lesson-tab-enter-from,
    body.edit_course .lesson-tab-leave-to {
        transform: none;
    }
}

body.edit_course .curriculum-workspace__add-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

body.edit_course .curriculum-workspace__section-title {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0;
}

body.edit_course .curriculum-workspace__hint {
    color: var(--cb-muted);
    font-size: 0.875rem;
    line-height: 1.4;
}

body.edit_course .curriculum-workspace__count {
    flex: 0 0 auto;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cb-muted);
    padding-top: 0.15rem;
}

body.edit_course .curriculum-workspace__list,
body.edit_course .curriculum-workspace__add {
    background: var(--cb-surface);
    border: 1px solid var(--cb-border);
    border-radius: 0.85rem;
    padding: 1rem 1.15rem 1.15rem;
}

body.edit_course .curriculum-workspace__add {
    border-style: dashed;
}

body.edit_course .curriculum-lessons-empty {
    padding: 2rem 1rem;
    text-align: center;
    border: 1px dashed var(--cb-border);
    border-radius: 0.65rem;
    background: rgba(248, 250, 252, 0.8);
}

body.edit_course .curriculum-lessons-draggable {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

body.edit_course .curriculum-lesson-row__main {
    min-width: 0;
}

body.edit_course .curriculum-lesson-row__title {
    min-height: 2.75rem;
    display: flex !important;
    align-items: center;
    font-size: 0.95rem;
    transition: background-color 0.18s ease, border-color 0.18s ease,
        box-shadow 0.18s ease;
}

body.edit_course .curriculum-lesson-row__actions {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.35rem;
}

body.edit_course .curriculum-lesson-row__edit {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}

body.edit_course .curriculum-add-form .submit-wrapper-1 {
    margin-bottom: 0;
}

/* Inline lesson editor: lesson list | editor
   Prefer natural page scroll; only the lesson rail scrolls internally. */
body.edit_course .curriculum-workspace--editing {
    gap: 0;
}

body.edit_course
    .course-builder__panel--curriculum:has(.curriculum-workspace--editing)
    .course-builder__panel-header--curriculum {
    display: none;
}

body.edit_course
    .course-builder__panel--curriculum:has(.curriculum-workspace--editing)
    .course-builder__group {
    border: 0;
    background: transparent;
    padding: 0;
    border-radius: 0;
    min-height: 0;
}

body.edit_course .curriculum-workspace__edit-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: calc(
        100dvh - var(--cb-site-nav-offset) - var(--cb-topbar-height) - 1.75rem
    );
    height: calc(
        100dvh - var(--cb-site-nav-offset) - var(--cb-topbar-height) - 1rem
    );
    min-height: 24rem;
    background: var(--cb-surface);
    border: 1px solid var(--cb-border);
    border-radius: 0.85rem;
    overflow: hidden;
}

body.edit_course .curriculum-lesson-crumb {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--cb-border);
    background: #f8fafc;
    flex: 0 0 auto;
}

body.edit_course .curriculum-lesson-crumb__back {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
}

body.edit_course .curriculum-lesson-crumb__nav {
    min-width: 0;
    flex: 1 1 auto;
}

body.edit_course .curriculum-lesson-crumb__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem 0.15rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.edit_course .curriculum-lesson-crumb__item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: var(--cb-muted);
    font-size: 0.82rem;
}

body.edit_course .curriculum-lesson-crumb__sep {
    margin-right: 0.35rem;
    opacity: 0.55;
}

body.edit_course .curriculum-lesson-crumb__link {
    border: 0;
    background: transparent;
    color: #0f172a;
    font-weight: 650;
    padding: 0;
}

body.edit_course .curriculum-lesson-crumb__link:hover {
    text-decoration: underline;
}

body.edit_course .curriculum-lesson-crumb__current {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 12rem;
}

body.edit_course .curriculum-lesson-crumb__switcher {
    width: auto;
    max-width: min(22rem, 100%);
    min-width: 10rem;
    font-weight: 650;
    color: #0f172a;
    background-color: #fff;
}

body.edit_course .curriculum-lesson-crumb__context {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--cb-muted);
    white-space: nowrap;
}

body.edit_course .curriculum-lesson-crumb__actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem 1.15rem;
    margin-left: auto;
    flex: 0 0 auto;
    flex-wrap: wrap;
}

body.edit_course .curriculum-lesson-crumb__written-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex: 0 0 auto;
}

body.edit_course .curriculum-lesson-crumb__preview {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding-left: 2.1em;
    white-space: nowrap;
}

body.edit_course .curriculum-lesson-crumb__preview .form-check-label {
    font-size: 0.82rem;
    font-weight: 600;
    color: #0f172a;
}

body.edit_course .curriculum-lesson-crumb__save-status {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.2;
    white-space: nowrap;
}

body.edit_course .curriculum-lesson-crumb__save-status.is-saving {
    color: #334155;
}

body.edit_course .curriculum-lesson-crumb__save-status.is-saved {
    color: #15803d;
}

body.edit_course .curriculum-lesson-crumb__save-status.is-dirty {
    color: #b45309;
}

body.edit_course .curriculum-lesson-crumb__save-status.is-error {
    color: #b91c1c;
}

body.edit_course .curriculum-lesson-sidebar {
    border-right: 1px solid var(--cb-border);
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    max-height: none;
    overflow: hidden;
    position: static;
    align-self: stretch;
}

body.edit_course .curriculum-lesson-sidebar__head {
    padding: 0.65rem 0.75rem 0.55rem;
    border-bottom: 1px solid var(--cb-border);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 0 0 auto;
    align-items: stretch;
}

body.edit_course .curriculum-lesson-sidebar__back {
    align-self: flex-start;
    padding-left: 0.55rem;
    padding-right: 0.55rem;
}

body.edit_course .curriculum-lesson-sidebar__back-label {
    display: inline;
}

body.edit_course .curriculum-lesson-sidebar__title {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cb-muted);
    margin: 0;
    padding: 0 0.15rem;
}

body.edit_course .curriculum-lesson-sidebar .curriculum-lessons-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.55rem 0.55rem 0.85rem;
}

body.edit_course .curriculum-lesson-row--compact {
    margin-bottom: 0.3rem;
    justify-content: flex-start;
}

body.edit_course .curriculum-lesson-row__main--compact {
    width: 100%;
    flex-wrap: nowrap;
}

body.edit_course .curriculum-lesson-row__handle--compact {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
    min-width: 1.35rem;
}

body.edit_course .curriculum-lesson-row__title--number {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    padding: 0.45rem 0.5rem !important;
    position: relative;
    text-align: left;
    transition: background-color 0.18s ease, border-color 0.18s ease,
        box-shadow 0.18s ease;
}

body.edit_course .curriculum-lesson-row__number {
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    flex: 0 0 auto;
    min-width: 1.1rem;
    color: #64748b;
}

body.edit_course .curriculum-lesson-row__title-text--sidebar {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 550;
    color: #0f172a;
    line-height: 1.25;
}

body.edit_course .curriculum-lesson-row__preview-dot {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: #0f766e;
    flex: 0 0 auto;
}

body.edit_course
    .curriculum-lesson-row.is-active
    .curriculum-lesson-row__title--number {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.35);
    box-shadow: inset 3px 0 0 #0f172a;
    font-weight: 600;
}

body.edit_course .curriculum-lesson-row {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.35rem;
}

body.edit_course .curriculum-lesson-row--sidebar {
    margin-bottom: 0.35rem;
}

body.edit_course .curriculum-lesson-row--sidebar .curriculum-lesson-row__main {
    width: 100%;
}

body.edit_course
    .curriculum-lesson-row.is-active
    .curriculum-lesson-row__title {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.35);
    box-shadow: inset 3px 0 0 #0f172a;
    font-weight: 600;
}

body.edit_course .curriculum-lesson-row__title-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.edit_course .curriculum-lesson-row__badge {
    display: inline-block;
    margin-top: 0.15rem;
    font-size: 0.65rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #0f766e;
    background: rgba(13, 148, 136, 0.12);
    border-radius: 999px;
    padding: 0.1rem 0.45rem;
}

body.edit_course .curriculum-modules-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

body.edit_course .curriculum-modules-toolbar__summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    color: var(--cb-muted);
    font-size: 0.875rem;
    line-height: 1.35;
}

body.edit_course .curriculum-modules-toolbar__count {
    font-weight: 650;
    color: #0f172a;
}

body.edit_course .curriculum-modules-toolbar__sep {
    opacity: 0.55;
}

body.edit_course .curriculum-add-section-end {
    display: flex;
    justify-content: flex-start;
}

body.edit_course .curriculum-section-block {
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-left: 3px solid #0f172a;
    border-radius: 0.55rem;
    background: #f8fafc;
    margin-bottom: 0.85rem;
    padding: 0.45rem 0.45rem 0.55rem;
    scroll-margin-top: 5rem;
    transition: box-shadow 0.35s ease, border-color 0.35s ease;
}

body.edit_course .curriculum-section-block.is-just-added {
    border-color: rgba(15, 23, 42, 0.35);
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12);
}

body.edit_course .curriculum-section-block__head {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.45rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px dashed rgba(15, 23, 42, 0.12);
    cursor: pointer;
}

body.edit_course
    .curriculum-section-block.is-collapsed
    .curriculum-section-block__head {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

body.edit_course .curriculum-section-block.is-open {
    background: #fff;
    border-color: rgba(15, 23, 42, 0.22);
}

body.edit_course .curriculum-section-block__toggle {
    flex: 0 0 auto;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0.35rem;
    background: transparent;
    color: #475569;
    padding: 0;
}

body.edit_course .curriculum-section-block__toggle:hover,
body.edit_course .curriculum-section-block__toggle:focus-visible {
    background: rgba(15, 23, 42, 0.06);
    color: #0f172a;
}

body.edit_course .curriculum-section-block__toggle i {
    display: block;
    font-size: 0.85rem;
    line-height: 1;
    transition: transform 0.2s ease;
}

body.edit_course .curriculum-section-block__toggle.is-open i {
    transform: rotate(90deg);
}

body.edit_course .curriculum-section-block__body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.22s ease;
}

body.edit_course
    .curriculum-section-block.is-open
    .curriculum-section-block__body {
    grid-template-rows: 1fr;
}

body.edit_course .curriculum-section-block__body-inner {
    overflow: hidden;
    min-height: 0;
}

body.edit_course
    .curriculum-section-block.is-open
    .curriculum-section-block__body-inner {
    overflow: visible;
}

body.edit_course .curriculum-section-block__needs {
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    color: #b45309;
    background: rgba(245, 158, 11, 0.16);
    border-radius: 999px;
    padding: 0.12rem 0.45rem;
    white-space: nowrap;
}

body.edit_course .curriculum-section-block__needs--sidebar {
    min-width: 1.1rem;
    text-align: center;
    padding: 0.05rem 0.35rem;
    font-size: 0.6rem;
}

body.edit_course .curriculum-next-step {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    margin: 0 0 0.9rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.65rem;
    border: 1px solid rgba(14, 116, 144, 0.22);
    background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);
}

body.edit_course .curriculum-next-step.is-done {
    border-color: rgba(15, 118, 110, 0.22);
    background: linear-gradient(180deg, #f0fdfa 0%, #ccfbf1 100%);
}

body.edit_course .curriculum-next-step__title {
    font-weight: 700;
    font-size: 0.92rem;
    color: #0f172a;
    line-height: 1.3;
}

body.edit_course .curriculum-next-step__body {
    margin-top: 0.2rem;
    color: #334155;
    font-size: 0.82rem;
    line-height: 1.4;
}

body.edit_course .curriculum-next-step__action {
    flex: 0 0 auto;
    white-space: nowrap;
    align-self: center;
}

@media (max-width: 640px) {
    body.edit_course .curriculum-next-step {
        flex-direction: column;
        align-items: stretch;
    }

    body.edit_course .curriculum-next-step__action {
        align-self: stretch;
    }
}

body.edit_course .curriculum-lesson-row__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    align-self: center;
    width: 1.25rem;
    color: #94a3b8;
}

body.edit_course .curriculum-lesson-row__status.is-ready {
    color: #0f766e;
}

body.edit_course .curriculum-lesson-row__status.needs-content {
    color: #d97706;
}

body.edit_course .cb-tip {
    position: relative;
}

body.edit_course .cb-tip[data-tip]::after {
    content: attr(data-tip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.4rem);
    transform: translateX(-50%) translateY(0.2rem);
    z-index: 40;
    width: max-content;
    max-width: 16rem;
    padding: 0.35rem 0.55rem;
    border-radius: 0.4rem;
    background: #0f172a;
    color: #f8fafc;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
    white-space: normal;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.22);
    transition: opacity 0.12s ease, transform 0.12s ease;
}

body.edit_course .cb-tip[data-tip-pos="left"]::after {
    left: auto;
    right: 0;
    transform: translateX(0) translateY(0.2rem);
}

body.edit_course .cb-tip[data-tip]:hover::after,
body.edit_course .cb-tip[data-tip]:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

body.edit_course .cb-tip[data-tip-pos="left"]:hover::after,
body.edit_course .cb-tip[data-tip-pos="left"]:focus-visible::after {
    transform: translateX(0) translateY(0);
}

body.edit_course .curriculum-section-block__badge {
    flex: 0 0 auto;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0f172a;
    background: rgba(15, 23, 42, 0.08);
    border-radius: 0.35rem;
    padding: 0.2rem 0.45rem;
}

body.edit_course .curriculum-section-block__title {
    flex: 1;
    text-align: left;
    font-weight: 650;
    font-size: 0.92rem;
    min-width: 0;
}

body.edit_course .curriculum-section-block__title-edit,
body.edit_course .curriculum-lesson-row__title-edit {
    position: relative;
    flex: 1;
    min-width: 0;
}

body.edit_course .curriculum-section-block__title-input,
body.edit_course .curriculum-lesson-row__title-input {
    width: 100%;
}

body.edit_course .curriculum-autosave-hint {
    position: absolute;
    right: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.65rem;
    font-weight: 650;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #64748b;
    pointer-events: none;
}

body.edit_course .lesson-editor-pane__title-input {
    font-size: 1.15rem;
    font-weight: 650;
    color: #0f172a;
    line-height: 1.3;
    border-color: rgba(15, 23, 42, 0.12);
    padding-left: 0.65rem;
}

body.edit_course .curriculum-section-block__count {
    white-space: nowrap;
}

body.edit_course .curriculum-section-block__lessons {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

body.edit_course .curriculum-section-block__add {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.55rem;
    padding: 0.15rem 0.15rem 0.05rem;
}

body.edit_course .curriculum-section-block__add .form-control {
    flex: 1;
    min-width: 0;
}

body.edit_course .curriculum-section-block__add .btn {
    flex: 0 0 auto;
}

body.edit_course .curriculum-add-form--simple {
    margin-top: 0.25rem;
}

body.edit_course .curriculum-add-row {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    flex-wrap: wrap;
}

body.edit_course .curriculum-add-row__title {
    flex: 1 1 14rem;
    min-width: 0;
}

body.edit_course .curriculum-add-row__section {
    flex: 0 1 12rem;
    min-width: 9rem;
}

body.edit_course .curriculum-add-row__submit {
    flex: 0 0 auto;
    white-space: nowrap;
}

body.edit_course .curriculum-lesson-row--nested {
    padding-left: 0.35rem;
}

body.edit_course .curriculum-lesson-row__module-select {
    max-width: 9.5rem;
    align-self: center;
}

body.edit_course .curriculum-section-block--sidebar {
    border: 0;
    border-left: 2px solid rgba(148, 163, 184, 0.55);
    border-radius: 0;
    background: transparent;
    padding: 0 0 0 0.35rem;
    margin-bottom: 0.65rem;
}

body.edit_course .curriculum-section-block--sidebar.is-open {
    background: transparent;
    border-color: transparent;
    border-left-color: rgba(15, 23, 42, 0.45);
}

body.edit_course
    .curriculum-section-block--sidebar
    .curriculum-section-block__head {
    padding: 0 0.15rem 0.25rem;
    margin-bottom: 0.25rem;
    border-bottom: 0;
}

body.edit_course .curriculum-section-block--sidebar.is-collapsed {
    margin-bottom: 0.35rem;
}

body.edit_course
    .curriculum-section-block--sidebar
    .curriculum-section-block__toggle {
    width: 1.35rem;
    height: 1.35rem;
}

body.edit_course .curriculum-section-block--sidebar.is-open {
    background: transparent;
    border-color: transparent;
    border-left-color: rgba(15, 23, 42, 0.45);
}

body.edit_course .curriculum-section-block--sidebar.is-collapsed {
    margin-bottom: 0.35rem;
}

body.edit_course
    .curriculum-section-block--sidebar
    .curriculum-section-block__toggle {
    width: 1.35rem;
    height: 1.35rem;
}

body.edit_course
    .curriculum-section-block--sidebar
    .curriculum-section-block__head {
    padding: 0 0.15rem 0.25rem;
    margin-bottom: 0.25rem;
    border-bottom: 0;
}

body.edit_course
    .curriculum-section-block--sidebar
    .curriculum-section-block__badge {
    display: none;
}

body.edit_course
    .curriculum-section-block--sidebar
    .curriculum-section-block__title {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    padding: 0.15rem 0.15rem;
    font-weight: 700;
}

body.edit_course .curriculum-lessons-list--sidebar .cb-tip[data-tip]::after {
    content: none;
}

body.edit_course .curriculum-lesson-editor {
    min-width: 0;
    min-height: 0;
    height: 100%;
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    position: relative;
}

body.edit_course .curriculum-lesson-editor .lesson-editor-pane {
    flex: 1 1 auto;
    min-height: 0;
}

body.edit_course .lesson-editor-pane {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

body.edit_course .lesson-editor-pane__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--cb-border);
    position: relative;
    top: auto;
    background: #fff;
    z-index: 2;
}

body.edit_course .lesson-editor-pane__eyebrow {
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cb-muted);
}

body.edit_course .lesson-editor-pane__heading {
    font-size: 1.15rem;
    font-weight: 650;
    color: #0f172a;
    line-height: 1.3;
}

body.edit_course .lesson-editor-pane__body {
    display: grid;
    grid-template-columns: minmax(13rem, 14.5rem) minmax(0, 1fr);
    gap: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

body.edit_course .lesson-editor-pane__nav {
    border-right: 1px solid var(--cb-border);
    background: #f8fafc;
    padding: 0.75rem 0.5rem;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

body.edit_course .lesson-editor-pane__tabs {
    gap: 0.2rem;
    flex: 0 0 auto;
    justify-content: flex-start !important;
    height: auto;
}

body.edit_course .lesson-editor-pane__tabs .nav-item {
    flex: 0 0 auto;
    width: 100%;
}

body.edit_course .lesson-editor-pane__tabs .nav-link {
    display: flex;
    align-items: center;
    transition: background-color 0.18s ease, color 0.18s ease,
        box-shadow 0.18s ease;
    width: 100%;
    border: 0;
    border-radius: 0.55rem;
    color: #334155;
    font-size: 0.875rem;
    padding: 0.55rem 0.7rem;
    text-align: left;
    background: transparent;
}

body.edit_course .lesson-editor-pane__tabs .nav-link:hover {
    background: rgba(15, 23, 42, 0.05);
}

body.edit_course .lesson-editor-pane__tabs .nav-link.active {
    background: #fff;
    color: #0f172a;
    font-weight: 600;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
}

body.edit_course .lesson-editor-pane__extras {
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--cb-border);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

body.edit_course .lesson-editor-pane__extras-label {
    margin: 0 0 0.35rem;
    padding: 0 0.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--cb-muted);
}

body.edit_course .lesson-editor-pane__extras-link {
    display: flex;
    align-items: center;
    width: 100%;
    border: 0;
    border-radius: 0.55rem;
    background: transparent;
    color: #334155;
    font-size: 0.875rem;
    padding: 0.55rem 0.7rem;
    text-align: left;
    text-decoration: none;
    line-height: 1.25;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease;
}

body.edit_course .lesson-editor-pane__extras-link:hover {
    background: rgba(15, 23, 42, 0.05);
    color: #0f172a;
}

body.edit_course .lesson-editor-pane__extras-link.is-danger {
    color: #b91c1c;
}

body.edit_course .lesson-editor-pane__extras-link.is-danger:hover {
    background: rgba(185, 28, 28, 0.08);
    color: #991b1b;
}

body.edit_course .lesson-editor-pane__extras-link.is-unpublished {
    color: #b45309;
}

body.edit_course .lesson-editor-pane__extras-link.is-unpublished:hover {
    background: rgba(180, 83, 9, 0.08);
    color: #92400e;
}

body.edit_course .lesson-title-tab__heading {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
}

body.edit_course .lesson-title-tab__actions {
    display: flex;
    justify-content: flex-start;
}

body.edit_course .lesson-editor-pane__content {
    padding: 1.15rem 1.25rem 1.5rem;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
}

/* Written content: one scroll surface (editor body), header + footer stay put */
body.edit_course .lesson-editor-pane__content:has(.lesson-written) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-x: hidden;
    padding: 0;
    min-width: 0;
}

body.edit_course
    .lesson-editor-pane__content:has(.lesson-written)
    .lesson-editor-pane__tab-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.edit_course .lesson-editor-pane__tab-panel {
    min-height: 0;
}

body.edit_course .lesson-media-playlist__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

body.edit_course .lesson-media-playlist__external {
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 0.75rem;
}

body.edit_course .lesson-media-playlist__empty {
    border: 1px dashed rgba(15, 23, 42, 0.15);
    border-radius: 0.75rem;
    background: #f8fafc;
}

body.edit_course .lesson-media-playlist__list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

body.edit_course .lesson-media-playlist__item {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0.75rem;
    background: #fff;
}

body.edit_course .lesson-media-playlist__handle {
    flex: 0 0 auto;
    cursor: grab;
}

body.edit_course .lesson-media-playlist__thumb {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 0.5rem;
    background: #0f172a;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex: 0 0 auto;
}

body.edit_course .lesson-media-playlist__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.edit_course .lesson-media-playlist__meta {
    min-width: 0;
}

@media (max-width: 1199.98px) {
    body.edit_course .curriculum-workspace__edit-layout {
        height: calc(
            100dvh - var(--cb-site-nav-offset) - var(--cb-topbar-height) - 1rem
        );
    }
}

@media (max-width: 991.98px) {
    body.edit_course .curriculum-workspace__edit-layout {
        height: auto;
        max-height: none;
        min-height: 0;
    }

    body.edit_course .curriculum-lesson-editor {
        max-height: none;
        height: auto;
        align-self: stretch;
        position: static;
        overflow: visible;
        display: flex;
    }

    body.edit_course .lesson-editor-pane,
    body.edit_course .lesson-editor-pane__body,
    body.edit_course .lesson-editor-pane__content {
        overflow: visible;
        height: auto;
        min-height: 0;
    }

    body.edit_course .curriculum-lesson-sidebar .curriculum-lessons-list {
        overflow-x: auto;
        overflow-y: auto;
        max-height: 8.5rem;
    }

    body.edit_course .curriculum-lesson-sidebar .curriculum-lessons-draggable {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        width: 100%;
        min-width: 0;
        padding-bottom: 0.15rem;
    }

    body.edit_course .curriculum-lesson-row--compact {
        width: 100%;
        max-width: none;
        margin-bottom: 0;
    }

    body.edit_course .lesson-editor-pane__body {
        grid-template-columns: 1fr;
    }

    body.edit_course .lesson-editor-pane__nav {
        border-right: 0;
        border-bottom: 1px solid var(--cb-border);
        overflow-x: auto;
        overflow-y: hidden;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
    }

    body.edit_course .lesson-editor-pane__tabs {
        flex-direction: row !important;
        flex-wrap: nowrap;
        width: max-content;
        min-width: 0;
        flex: 0 0 auto;
    }

    body.edit_course .lesson-editor-pane__tabs .nav-link {
        white-space: nowrap;
    }

    body.edit_course .lesson-editor-pane__extras {
        flex-direction: row;
        align-items: center;
        margin-top: 0;
        padding-top: 0;
        padding-left: 0.5rem;
        border-top: 0;
        border-left: 1px solid var(--cb-border);
        flex: 0 0 auto;
        width: max-content;
    }

    body.edit_course .lesson-editor-pane__extras-label {
        margin: 0;
        padding: 0 0.35rem 0 0.15rem;
    }

    body.edit_course .lesson-editor-pane__extras-link {
        width: auto;
        white-space: nowrap;
    }

    body.edit_course .lesson-editor-pane__content:has(.lesson-written) {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
    }

    body.edit_course
        .lesson-editor-pane__content:has(.lesson-written)
        .lesson-editor-pane__tab-panel,
    body.edit_course .lesson-written {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        overflow: hidden;
    }

    body.edit_course .lesson-written {
        max-width: 100%;
        width: 100%;
        margin-inline: 0;
        overflow-x: hidden;
    }

    body.edit_course .lesson-written .editorjs-shell--bare {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
        border: 2px solid rgba(15, 23, 42, 0.18);
        border-radius: 0.65rem;
    }

    body.edit_course .lesson-written .editorjs-shell--bare .editorjs {
        height: min(70vh, 36rem);
        padding: 1rem 1rem 1.25rem 3.25rem;
        overflow-x: auto;
        overflow-y: auto;
    }
}

@media (max-width: 991.98px) {
    body.edit_course .course-builder__shell {
        grid-template-columns: 1fr;
    }

    body.edit_course .course-builder__nav {
        position: static;
        max-height: none;
        border-right: 0;
        border-bottom: 1px solid var(--cb-border);
        padding: 0.75rem 1rem 0.5rem;
        overflow-x: auto;
    }

    body.edit_course .course-builder__nav-list {
        flex-direction: row;
        gap: 0.35rem;
        width: max-content;
        min-width: 100%;
        padding-bottom: 0.35rem;
    }

    body.edit_course .course-builder__nav-item {
        min-width: 9.25rem;
        grid-template-columns: 1rem minmax(0, 1fr);
        column-gap: 0.4rem;
        padding: 0.55rem 0.65rem;
    }

    body.edit_course .course-builder__nav-hint {
        display: none;
    }

    body.edit_course .course-builder__nav-group {
        margin: 0 0.15rem 0 0.5rem;
        padding: 0.65rem 0.35rem 0.65rem 0.75rem;
        border-top: 0;
        border-left: 1px solid var(--cb-border);
        align-self: center;
        white-space: nowrap;
    }

    body.edit_course .course-builder__title {
        max-width: 12rem;
    }

    body.edit_course .course-builder__save-status {
        display: none;
    }

    body.edit_course .course-builder__main {
        padding: 1.25rem 1rem 2.5rem;
    }
}

/* .modal-dialog-scrollable .modal-body {
    overflow-y: scroll;
} */

.weight-100 {
    font-weight: 100;
}

.weight-200 {
    font-weight: 200;
}

.weight-300 {
    font-weight: 300;
}

.weight-400 {
    font-weight: 400;
}

.weight-500 {
    font-weight: 500;
}

.weight-600 {
    font-weight: 600;
}

.weight-700 {
    font-weight: 700;
}

.weight-800 {
    font-weight: 800;
}

.cursor-pointer {
    cursor: pointer !important;
}

.resource-share-buttons-heading {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 12%);
    width: 50px;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
}

.resource-share-buttons {
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 12%);
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 1000px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    overflow: hidden;
}

.share-buttons h3 {
    font-size: 0.9em;
    margin-right: 1em;
    text-transform: uppercase;
    font-weight: 400;
}

.share-buttons {
    display: flex;
    align-items: center;
    /* background: #fff; */
    padding: 10px;
    border-radius: 10px;
    margin-top: 2em;
}

.share-button a svg {
    width: 20px;
    height: auto;
}

.share-button a {
    padding: 1em 2em;
    display: flex;
    align-items: center;
    border-right: 1px solid rgb(0 0 0 / 25%);
}

.share-button a:hover {
    opacity: 0.9;
}

.resource-share-buttons .share-button:last-child a {
    border-right: 0px;
}

a.share-facebook {
    background: #1877f2;
    color: #fff;
}

a.share-twitter {
    background: #000;
    color: #fff;
}

a.share-linkedin {
    background: #0a66c2;
    color: #fff;
}

a.share-email {
    background: #373737;
    color: #fff;
}

a.share-whatsapp {
    background: rgb(23, 171, 78);
    color: #fff;
}

.card-A.card:hover {
    box-shadow: 0px 0px 20px 0px rgb(10 47 53 / 4%);
}

.card-A.card:hover .btn {
    background: var(--primary-1) !important;
    color: #fff !important;
}

trix-editor {
    min-height: 30vh !important;
}

.card-A.card h3 {
    min-height: 60px;
}

.card-A.card {
    height: 100%;
}

/** CK EDITOR STYLE **/
.ck-editor__editable_inline {
    min-height: 200px !important;
}

.avatar img {
    font-size: 9px;
}

input.strong-input {
    font-weight: 600;
}

.textarea-style-3 {
    font-size: 0.9em;
    font-weight: 400;
}

.frontpage-vp {
    background: #fff;
    text-align: center;
    padding: 2em 1em;
}

.frontpage-vp img {
    max-width: 120px;
    margin: 0 auto;
    position: relative;
}

.feature-vp {
    background: #fff;
    text-align: center;
    padding: 4em 1em;
}

.feature-vp img {
    max-width: 120px;
    margin: 0 auto;
    position: relative;
}

.frontpage-courses-wrapper {
    border-bottom: 1px solid #e7e7e7;
}

.page-wrapper-in.become-coach-wrapper .card-header {
    font-size: 1.4em;
}

.radio-check-style-1 label {
    font-weight: 300;
    font-size: 1em;
    width: 100%;
    display: block;
}

.radio-check-style-1 .form-check.form-check-inline {
    margin: 0em 1em 0.5em 0;
}

nav#topbar {
    z-index: 1;
}

.lesson-bar {
    /* justify-content: space-between; */
}

.btn-xl {
    font-size: 1.2em;
    padding: 1em 1.5em;
}

.right-chat-bubble {
    float: right;
}

.primary-3-bg {
    background: var(--primary-3);
    /* background: var(--x-list-group-active-bg); */
}

.chat-bubble {
    background: var(--primary-3);
    border-radius: 1em;
    padding: 0.8em;
    margin-bottom: 1em;
    font-size: 0.9em;
    line-height: 1.6em;
    color: var(--primary-1);
    width: 80%;
    clear: both;
}

.right-chat-bubble {
    background: var(--secondary-5);
    border-radius: 1em 1em 0em 1em;
}

.left-chat-bubble {
    border-radius: 1em 1em 1em 0em;
}

p.chat-date {
    margin: 0.3em 0px 0px;
    text-transform: uppercase;
    font-size: 0.7em;
    color: #000;
}

.right-chat-bubble p.chat-date {
    text-align: right;
}

.avatar-style-1,
.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#cost_and_duration_id.show {
    display: block;
}

#cost_and_duration_id {
    display: none;
}

/* BAR EDIT */
ul.bar_edit_options li a,
ul.bar_edit_options li button {
    background: #ccc;
    padding: 0.75em;
    border-radius: 15px;
    display: block;
}

ul.bar_edit_options li {
    margin: 5px;
}

.bar_edit_options_wrapper,
.bar_edit_options_wrapper2 {
    position: fixed;
    left: 0;
    bottom: 0%;
    background: rgb(0 0 0 / 75%);
    width: 100%;
}

ul.bar_edit_options,
ul.bar_edit_options2 {
    position: relative;
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 10px 0px;
}

ul.bar_edit_options li a span,
ul.bar_edit_options li button span {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
}

ul.bar_edit_options li.save a,
ul.bar_edit_options li.save button {
    background: #dbedec;
}

ul.bar_edit_options li.preview a,
ul.bar_edit_options li.preview button {
    background: #e0dbed;
}

ul.bar_edit_options li.edit a,
ul.bar_edit_options li.edit button {
    background: #dbedec;
}

ul.bar_edit_options li.publish a,
ul.bar_edit_options li.publish button {
    background: #e0dbed;
}

.existing-sidebar-course-title {
    flex-grow: 1;
    border: 1px solid #e7eaf0;
    padding: 0.75rem 1.25rem;
    line-height: 1.3em;
    border-radius: 0.375rem;
    background: #f8f9fb;
    /* margin-bottom: 6px; */
}

button.lesson-bar-action.lesson-bar-action-1 {
    padding-top: 11px;
    padding-bottom: 11px;
}

.lesson-bar-wrapper span.text-danger small {
    font-size: 0.75em;
}

h5.template_card_name {
    margin-bottom: 10px;
    font-size: 0.9em;
}

.image-preview-section-wrapper {
    background: rgb(221 226 227);
    padding-bottom: 2em;
    margin-bottom: 2em;
    padding-top: 1em;
    border-radius: 1em;
}

.primary-form-title-1 {
    font-weight: 300;
    font-size: 1.2em;
    margin-top: 0.5em;
}

.dash-2-side .navbar-nav > .nav-item > .nav-link:hover,
.dash-2-side .navbar-nav > .nav-item > .nav-link:focus,
.dash-2-side .navbar-nav > .nav-link:hover,
.dash-2-side .navbar-nav > .nav-link:focus,
.dash-2-side .navbar-nav > .nav-item > .nav-link.active,
.dash-2-side .navbar-nav > .nav-link.active {
    background: var(--x-navbar-active-bg) !important;
}

.primary-form-icon {
    max-width: 250px;
    padding: 10px;
    border-radius: 20px;
}

.pub-unpub {
    min-width: 150px;
}

.floating-edit-wrapper {
    position: fixed;
    bottom: 5em;
    right: 1em;
}

.floating-edit-button {
    position: relative;
}

.floating-edit-button .btn {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    padding: 0px;
    align-items: center;
    text-align: center;
    font-size: 1.3em;
    background: var(--secondary-1);
    border: 0px;
    color: var(--primary-1);
    border-radius: 50%;
}

.modal-footer-A,
.modal-header-A {
    background: var(--primary-3);
}

.form-control-color {
    padding: 10px 0px 0px;
    border: 0px;
    display: block;
    box-shadow: none;
}

.navbar-expand-lg .navbar-brand img {
    height: auto;
    max-height: 35px;
}

.site-brand-preview {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100px;
}

figure.daynight-icon .bi {
    font-size: 1em;
    line-height: 1em;
}

nav#primary_nav.funnel_nav a.nav-item.nav-link:hover {
    color: var(--secondary-5);
    background: transparent !important;
}

nav#primary_nav.funnel_nav,
nav#primary_nav.lesson_navX {
    position: relative !important;
}

nav#primary_nav.lesson_nav {
    /* background-color: var(--grey-1); */
    /* background-color: #282828; */
    /* background-color: var(--primary-1); */
}

nav#primary_nav.funnel_nav {
    border-bottom: 0px;
}

nav#primary_nav.lesson_nav {
    /* border-bottom: 1px solid rgb(255 255 255 / 6%); */
}

figure.single-course-cta-1 .btn {
    width: 100%;
    border: 0px;
    border-radius: 0px;
    /* color: #000; */
    font-weight: 600;
    font-size: 1.4em;
    padding: 0.75em 1em;
    color: var(--primary-1);
}

figure.single-course-cta-1 {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0px;
}

.for-coaches-nav > a > i {
    line-height: 1em;
}

.animation {
    /* width: 10px;
    height: 10px;
    background-color: red; */
    position: relative;
    animation: ani 2s infinite;
}

@keyframes ani {
    0%,
    100% {
        left: 0;
    }

    50% {
        left: 20px;
    }
}

p.k-name {
    font-weight: 300;
}

nav#primary_nav.funnel_nav .nav-link-icon-1,
nav#primary_nav.lesson_nav .nav-link-icon-1 {
    background: transparent;
    /* color: rgb(255 255 255 / 65%); */
    border: 1px solid rgb(255 255 255 / 25%);
}

#CoachSidebarCollapse i.bi {
    font-size: 1.2em;
}

#emailOptin .modal-content {
    /* background: var(--primary-3); */
    background: var(--secondary-5);
}

.top-lesson-title h1 {
    /* color: var(--secondary-5); */
}

.course-module-sidenav-in {
    /* margin-top: -4em; */
    background: #ffffff;
    border-radius: 1em;
    border: 1px solid #e5e5e5;
}

.learner-sidebar-items .list-group-item.current {
    border: 0px solid rgb(0 0 0 / 11%);
    background: rgb(10 47 53 / 20%);
    border-radius: 0px;
}

.learner-sidebar-items .list-group-item:hover {
    background: rgb(0 0 0 / 20%);
}

.learner-section-group {
    margin-bottom: 0.35rem;
}

.learner-section-heading {
    color: rgba(255, 255, 255, 0.92);
}

button.learner-section-toggle {
    appearance: none;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    border-radius: 0.4rem;
    transition: background-color 0.15s ease;
}

button.learner-section-toggle:hover,
button.learner-section-toggle:focus-visible {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    outline: none;
}

button.learner-section-toggle:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.learner-section-heading__label {
    display: block;
    font-size: 0.875rem;
    font-weight: 650;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.95);
    white-space: normal;
    word-break: break-word;
}

.learner-section-heading__eyebrow {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
    line-height: 1.2;
}

.learner-section-heading__title {
    font-size: 0.82rem;
    font-weight: 650;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.3;
}

.learner-section-heading__mark,
.learner-section-heading__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
}

.learner-section-heading__check {
    color: #86efac;
}

.learner-section-heading__done {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #86efac;
    flex: 0 0 auto;
}

.learner-section-heading__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
    margin-left: 0.15rem;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
    opacity: 1;
    background: none;
    border: 0;
    box-shadow: none;
    transition: transform 0.2s ease, color 0.15s ease;
}

button.learner-section-toggle:hover .learner-section-heading__chevron,
button.learner-section-toggle:focus-visible .learner-section-heading__chevron {
    color: rgba(255, 255, 255, 1);
}

.learner-section-group.is-open .learner-section-heading__chevron {
    transform: rotate(180deg);
}

.learner-section-lessons[hidden] {
    display: none !important;
}

.learner-section-group.is-complete .learner-section-heading__label {
    color: #bbf7d0;
}

.min-height-50 {
    min-height: 50vh;
}

.nowrap {
    text-wrap: nowrap;
}

.course-main-wrapper-in {
    background: #f5f5f5;
}

.learn-lesson-list-item.current {
    background: rgb(255 255 255 / 15%) !important;
}

.learner-sidebar-items .list-group-item {
    padding: 0.25em 1em;
    font-size: 0.9em;
    line-height: 2em !important;
    border-bottom: 1px solid rgb(255 255 255 / 8%) !important;
    border-radius: 0px !important;
}

.learn-lisson-list-item a {
    font-size: 1em;
}

.learner-sidebar-items .list-group-item a p {
    line-height: 1.4em;
}

label.form-label {
    margin-bottom: 0px;
}

.billingModal-body.modal-body {
    background: #f5f5f5;
}

.avatar-lg2 {
    width: 5em;
    height: 5em;
}
.avatar-lg3 {
    width: 6em;
    height: 6em;
}

.skeleton1 {
    background: #f7f7f7;
    height: 30px;
    border-radius: 100px;
    max-width: 140px;
}

.skeleton2 {
    background: #ebe9e9;
    height: 10px;
    border-radius: 100px;
    max-width: 70px;
}

/* TOASTR */
.toast,
#toast-container > div {
    opacity: 1 !important;
    box-shadow: none !important;
    border: 0px !important;
}

.toast {
    background-color: var(--primary-1);
}

.toast-primary {
    background-color: #5c60f5 !important;
}

.toast-secondary {
    background-color: #ff579a !important;
}

.toast-success {
    background-color: #00cc88 !important;
}

.toast-warning {
    background-color: #ff8c00 !important;
}

.toast-error {
    background-color: #ff3366 !important;
}

.toast-info,
.toast-info2 {
    background-color: #00d4ff !important;
}

.ll3 p {
    font-weight: 500;
    line-height: 1.2em;
    display: flex;
    align-items: baseline;
}

.ll1 {
    text-transform: uppercase;
}

.learn-lesson-list-item {
    border-bottom: 1px solid #d5d5d5;
}

.tab-content .accordion-button {
    padding: 1em 1.5em;
    border: 0px;
    box-shadow: none;
}

.tab-content .accordion-button:not(.collapsed),
.accordion-collapse.collapse.show {
    background: #fff;
    /* color: #FFF; */
}

button.accordion-button {
    color: #000;
    font-size: 0.9rem;
    font-weight: 600;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

img.payment-processor-logo {
    max-height: 40px;
}

#accordionPayment .accordion-body {
    padding: 0.25em 1.5em 1.5em;
}

.text-limit-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-left {
    text-align: left;
}

#accordionFunnel {
    background: rgb(221 226 227);
}

#accordionFunnel textarea.form-control {
    min-height: 100px;
}

#accordionFunnel .accordion-button {
    font-size: 0.95rem;
}

#accordionFunnel .accordion-button:not(.collapsed),
#accordionFunnel .accordion-collapse.collapse.show {
    background: #f9fafb !important;
}

/* #SignupWindow {
    display: block;
}

#LoginWindow {
    display: none;
} */
.authWindow {
    /* padding: 1em 1.5em;
    border-radius: 0.5em;
    background: rgb(10 47 53 / 10%) !important; */
}

.dark-overlay {
    background: rgb(10 47 53 / 75%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.humaans1 {
    max-width: 120px;
    margin: 0 auto;
}

.primaryHero {
    background: #0a2f35 url(/storage/video_files/1701262492_pxfuel3.jpgX) center
        center fixed;
    background-size: cover;
}

#creatorsCarousel {
    border-radius: 2em;
    overflow: hidden;
    /* transform: rotate(5deg); */
}

.container.container-1 {
    max-width: 1200px;
    margin: 0 auto;
}

#faqs .accordion-body {
    text-align: left;
}

.course-summary-wrapper p {
    font-size: 1.2em;
    font-weight: 300;
}

.off_canvas_nav ul.navbar-nav {
    display: block !important;
}

.off_canvas_nav .nav-item {
    display: block;
}

.off_canvas_nav a.nav-link {
    font-size: 1em;
    display: block !important;
    text-align: left;
    position: relative;
    padding: 8px 5px !important;
}

.off_canvas_nav li.nav-item.whatsapp-nav {
    margin-bottom: 5px;
}

.off_canvas_nav li.nav-item.whatsapp-nav a.nav-link,
.off_canvas_nav li.nav-item.call-nav a.nav-link {
    text-align: center;
}

#sideNavCanvas {
    background: var(--primary-3);
    background: rgb(0 11 12);
    background: transparent;
    backdrop-filter: blur(50px);
}

#sideNavCanvas a.nav-link i {
    margin-left: auto;
}

.offcanvas .navbar-brand {
    width: 100%;
    display: block;
    max-width: 140px;
}

.navbar-light .navbar-brand {
    display: block;
    /* width: 100%; */
    width: 220px;
    /* margin-right: 0px; */
    /* margin-left: 1em; */
}

.navbar-light .navbar-toggler {
    background-color: rgb(0 0 0 / 5%);
    border-color: rgb(0 0 0 / 0%);
    color: var(--primary);
    padding: 10px;
}

.navbar-light .navbar-toggler:focus {
    background-color: rgb(0 0 0 / 5%);
    border-color: rgb(0 0 0 / 0%);
    color: var(--primary);
}

/* div#userNavCanvas.offcanvas { } */
.offcanvas {
    max-width: 250px;
    border: 0px;
    top: 0;
}

.avatar-xxl {
    width: 18rem;
    height: 18rem;
}

.avatar-xl {
    width: 10rem;
    height: 10rem;
}

.card.card-style-2 {
    padding: 1em 2em;
    text-align: center;
}

.card.card-style-2,
.card.card-style-2 button {
    font-size: 0.95em;
}

.card.card-style-2 .alert {
    font-size: 0.9em;
    margin-bottom: 1em;
}

.card.card-style-2 button {
    text-decoration: underline;
}

ul.pricing-list li p {
    font-size: 0.85em;
    line-height: 1.5em;
}

ul.pricing-list li {
    margin-bottom: 15px;
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
    color: unset;
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --x-offcanvas-zindex: 1051;
}

button.nav-link.disabled-tab-button.active,
button.nav-link.disabled-tab-button {
    border-bottom: 1px solid transparent !important;
    opacity: 0.5;
    cursor: auto;
}

.step-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid transparent !important;
}

.step-number {
    display: flex;
    align-items: center;
    border: 1px solid;
    width: 30px;
    justify-content: center;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
}

.small-spinner {
    height: 18px;
    width: 18px;
}

.min-180 {
    min-width: 150px;
}

.lead2 {
    font-size: 1.1em;
    font-weight: 300;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.mh-20 {
    min-height: 20vh !important;
}

.mh-30 {
    min-height: 30vh !important;
}

.mh-40 {
    min-height: 40vh !important;
}

.mh-50 {
    min-height: 50vh !important;
}

.height-10 {
    height: 10vh;
}

.height-20 {
    height: 20vh;
}

.height-30 {
    height: 30vh;
}

.height-40 {
    height: 40vh;
}

.height-50 {
    height: 50vh;
}

.height-60 {
    height: 60vh;
}

.height-70 {
    height: 70vh;
}

.height-80 {
    height: 80vh;
}

.height-90 {
    height: 90vh;
}

.height-100 {
    height: 100vh;
}

.maxw-1 {
    max-width: 1em !important;
}

.maxw-2 {
    max-width: 2em !important;
}

.maxw-3 {
    max-width: 3em !important;
}

.maxw-4 {
    max-width: 4em !important;
}

.maxw-5 {
    max-width: 5em !important;
}

.maxw-10px {
    width: 10px !important;
}

.maxw-20px {
    width: 20px !important;
}

.maxw-30px {
    width: 30px !important;
}

.maxw-40px {
    width: 40px !important;
}

.maxw-50px {
    width: 50px !important;
}

.width-1 {
    width: 1em !important;
}

.width-2 {
    width: 2em !important;
}

.width-3 {
    width: 3em !important;
}

.width-4 {
    width: 4em !important;
}

.width-5 {
    width: 5em !important;
}

.object-fit-contain {
    object-fit: contain;
}

.object-fit-cover {
    object-fit: cover;
}

.reviews-list-wrapper {
    /* height: 70vh; */
    overflow-y: auto;
}

.full_cta_buttons .btn,
body.single_course_learning .buy-button,
body.single_course_learning .gift-button {
    width: 100%;
}

/* Container */
.nav-underline {
    border-bottom: 1px solid #dee2e6; /* subtle bottom divider */
}

/* Base nav link */
.nav-underline .nav-link {
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    margin-bottom: -1px;
    color: #6c757d; /* muted text */
    padding: 0.5rem 1rem;
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* Hover/focus */
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
    color: #495057;
    border-bottom-color: #dee2e6;
}

/* Active state */
.nav-underline .nav-link.active {
    color: #000;
    border-bottom-color: #000; /* primary color */
}

/* Disabled */
.nav-underline .nav-link.disabled {
    color: #adb5bd;
    pointer-events: none;
}

h1.lesson_buycard_title a {
    border-bottom: 1px solid;
    line-height: 1.6em;
    padding-bottom: 3px;
}
h1.lesson_buycard_title a:hover {
    color: var(--primary-2);
}

.lesson-strip-left {
    background-color: #f8f9fb;
    border-radius: 6px 0px 0px 6px;
    border-right: 0px;
    cursor: n-resize !important;
}

.nav-strip-locked {
    cursor: default !important;
}

.nav-strip-action {
    background-color: #f8f9fb;
}

input#pswd {
    border-right: 0px !important;
}

.card-footer.card-footer-B {
    background: rgb(255 255 255 / 12%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    margin-top: -2em;
}

#course-objective {
    max-height: 300px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
}

#course-objective.expanded {
    max-height: none;
    /* Remove the max-height restriction */
    padding-bottom: 2em;
}

.hidden {
    display: none;
}

figure.empty-state-graphic {
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
}

figure.empty-state-graphic-2 {
    max-width: 150px;
    text-align: center;
    margin: 0 auto;
}

figure.error-state-graphic {
    max-width: 150px;
    text-align: center;
    margin: 0 auto;
}

#nav-tabContent {
    min-height: 50vh;
}

textarea.textarea-style-3 {
    min-height: 20vh;
}

.large-spinner-wrapper {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
}

.side-half-screen {
    min-height: 50vh;
}

.illustration-size-1 {
    max-width: 110px;
}

.container-1000 {
    max-width: 1000px;
    margin: 0 auto;
}

.profile-banner {
    max-height: 200px;
    object-fit: cover;
}

body.coach_profile #primary_nav {
    /* display: none; */
}

body.coach_profile {
    overflow-x: hidden;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    opacity: 0.3;
    border-radius: 50%;
}

.carousel-indicators .active {
    opacity: 1;
}

.lighter-page {
    /* background: #fdfdfd; */
    background: var(--primary-3);
}

.navbar-nav > .nav-item > .nav-link {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

ul#lesson-tabs li.nav-item {
    margin-right: 0px;
    flex: 1 1 0px;
}

ul#lesson-tabs .step-number {
    margin: 0px 0px;
}

.top-page-break {
    /* padding-top: 55px; */
}

.btn-xs {
    font-size: 0.85em;
    padding: 0.5em 0.75em;
}

.code-style-1 {
    min-height: 80vh;
}

.list-of-lessons-added > div:last-child {
    margin-bottom: 0px;
}

.list-of-lessons-added > div {
    margin-bottom: 4px;
}

.book-landing blockquote {
    padding-left: 0 !important;
    padding-top: 1em;
}

.book-landing em {
    font-family: georgia;
}

span.wpcf7-spinner {
    margin-top: 5px !important;
}

.pub-C {
    font-size: 0.9em;
}

.btn-xxl {
    font-size: 1.6em;
    padding: 1em 1.5em;
}

body.messages footer.website_footer {
    display: none;
}

.btn-k1 {
    box-shadow: none;
    background: #f7f7f7;
}

.ck.ck-icon {
    font-size: 0.7em !important;
}

.border-radius-rounded {
    border-radius: 1000px !important;
    overflow: hidden;
}

.border-rounded {
    border-radius: 5px;
    overflow: hidden;
}

.card-img-top.card-img-top-2 {
    height: 10em;
    object-fit: cover;
}

.card-img-top.card-img-top-3 {
    width: 100%;
    object-fit: cover;
    height: auto;
    max-height: 13em;
}

.card-img-top.card-img-top-4 {
    height: 25em;
    object-fit: cover;
}

.card-img-top.card-img-top-5 {
    min-height: 43.5em;
    object-fit: cover;
}

.remove_mb button.btn {
    margin-bottom: 0px !important;
}

.text-xxs {
    font-size: 0.55rem !important;
}

#k-primary-nav ul.dropdown-menu li a:hover {
    background: var(--secondary-5);
}

#k-primary-nav ul.dropdown-menu li a {
    border-bottom: 1px solid #f3f3f3;
    padding-top: 1em;
    padding-bottom: 1em;
}

#k-primary-nav ul.dropdown-menu {
    border-radius: 0px;
    margin-top: 1px !important;
    border: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.max-width-200 {
    max-width: 200px;
}

.dropdown-group:hover .dropdown-heading {
    color: var(--secondary-1);
}

div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 1.2em !important;
    color: #000 !important;
}

div:where(.swal2-container) .swal2-html-container {
    margin-top: 0.5em !important;
    font-size: 0.95em !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    min-width: 100px !important;
    background-color: var(--primary-1) !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    background-color: rgb(10 47 53 / 50%) !important;
}

.content-style-1 h4,
.content-style-1 h3,
.content-style-1 h2 {
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}

.content-style-1 h4 strong,
.content-style-1 h3 strong,
.content-style-1 h2 strong {
    font-weight: unset;
}

.content-style-2 h4,
.ck.ck-editor h4,
.content-style-2 h3,
.ck.ck-editor h3,
.content-style-2 h2,
.ck.ck-editor h2 {
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}

.content-style-2 h4 strong,
.ck.ck-editor h4 strong,
.content-style-2 h3 strong,
.ck.ck-editor h3 strong,
.content-style-2 h2 strong,
.ck.ck-editor h2 strong {
    font-weight: unset;
}

/* TEMPORARY */
body.frontpage i.bi.bi-pencil {
    display: none;
}

/* END TEMPORARY */

body.admin .navbar.navbar-vertical .navbar-nav > .nav-item > .nav-link.active,
body.admin .navbar.navbar-vertical .navbar-nav > .nav-item > .nav-link:hover,
body.admin .navbar.navbar-vertical .navbar-nav > .nav-item > .nav-link:focus {
    background: rgb(255 233 204 / 10%) !important;
}

.navbar-vertical .navbar-nav .nav-link-B[data-bs-toggle="collapse"]:after {
    display: none;
}

body.admin .navbar.navbar-vertical.navbar-dark .navbar-nav .nav-link.active {
    /* background: rgb(255 233 204 / 10%) !important; */
    background: transparent !important;
    border-left: 3px solid #ffe9cc;
    color: hsl(0deg 0% 100% / 100%);
}
body.admin .navbar.navbar-vertical.navbar-dark .navbar-nav .nav-link {
    border-left: 3px solid transparent;
    color: hsl(0deg 0% 100% / 60%);
}
body.admin .navbar.navbar-vertical.navbar-dark .navbar-nav .nav-link:hover {
    /* border-left: 3px solid transparent; */
    color: hsl(0deg 0% 100% / 80%);
}

.table > :not(caption) > * > * {
    padding: 0.5rem 1.5rem;
}

#videoTab .nav-link,
#videoTab .nav-item .nav-link {
    padding: 10px;
    border-radius: 10px;
}

#videoTab .nav-link.active,
#videoTab .nav-item.show .nav-link {
    background: rgb(207 207 207 / 20%);
    padding: 10px;
}

div#offcanvasMedia {
    max-width: unset;
}
.image-tool__image {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sharebutton_wrapper button {
    border-radius: 0px;
}

.sharebutton_wrapper {
    position: fixed;
    top: 40%;
    right: -30px;
    rotate: -90deg;
}

.edit_button_wrapper_2 {
    position: fixed;
    top: 10%;
    right: 10px;
}

.activity_wrapper select,
.activity_wrapper .form-select {
    font-size: 0.85em;
}

.activity_wrapper label {
    font-size: 0.85em;
    margin-bottom: 0px !important;
}

.activity_wrapper .card-body {
    padding: 0px;
}

.activity_wrapper .table thead th,
.activity_wrapper .table tbody td {
    /* padding-top: 0.75rem; */
    /* padding-bottom: 0.75rem; */
}

.media-library-capacity {
    width: 130px;
}

.media-item-body {
    height: 160px;
    object-fit: contain;
}

.visibility-hidden {
    visibility: hidden;
}

.light-check-btns .btn-check:checked + .btn,
.light-check-btns :not(.btn-check) + .btn:active,
.light-check-btns .btn:first-child:active,
.light-check-btns .btn.active,
.light-check-btns .btn.show {
    background: white;
    border-color: white;
    color: var(--primary-1);
}

.light-check-btns .btn-light,
.light-check-btns .btn-light:hover {
    background: var(--primary-1);
    border-color: var(--primary-1);
    color: #fff;
}

.dark-check-btns .btn-check:checked + .btn,
.dark-check-btns :not(.btn-check) + .btn:active,
.dark-check-btns .btn:first-child:active,
.dark-check-btns .btn.active,
.dark-check-btns .btn.show {
    color: white;
    background: var(--primary-1);
    border-color: var(--primary-1);
}

.dark-check-btns .btn-light,
.dark-check-btns .btn-light:hover {
    color: var(--primary-1);
    border-color: #fff;
    background: #fff;
}

.btn.disabled {
    cursor: no-drop;
}

.ce-block__content {
    max-width: unset;
}

.cdx-list--unordered > .cdx-list__item::marker {
    font-size: 1.55em;
    font-weight: 700;
}
.bg-question,
.question-plugin {
    background: rgb(0 0 0 / 4%);
}
.question-plugin {
    padding: 1em 1em 0.5em;
    border-radius: 10px;
    margin: 1em 0;
    border-left: 0px solid rgb(10 47 53 / 15%);
}
.question-plugin textarea {
    background: transparent;
    border: 1px solid rgb(0 0 0 / 18%) !important;
    box-shadow: none;
    line-height: 1.6em;
}
.editor-js-card-lesson .editorjs {
    height: 63vh;
    overflow-y: auto;
}

.editorjs-shell--card {
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 0.65rem;
    background: #fff;
}

.editorjs-shell--card .editorjs {
    padding-left: 3rem;
    padding-bottom: 2.5rem;
}

/* Course builder written tab: full-height editor, no card chrome */
body.edit_course .lesson-written {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    overflow: hidden;
}

body.edit_course .lesson-written__meta {
    flex: 0 0 auto;
    padding: 0 0.15rem 0.35rem;
}

body.edit_course .lesson-written .editorjs-shell--bare {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    border: 2px solid rgba(15, 23, 42, 0.18);
    border-radius: 0.65rem;
    background: #fff;
    overflow: hidden;
}

body.edit_course .lesson-written .editorjs-shell--bare .editorjs {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    height: 100%;
    max-height: none;
    box-sizing: border-box;
    padding: 1.15rem 1.25rem 1.5rem 3.25rem;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Leave a left gutter for ce-toolbar__actions */
body.edit_course .lesson-written .ce-block__content,
body.edit_course .lesson-written .ce-toolbar__content {
    max-width: 100%;
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

body.edit_course .lesson-written .codex-editor,
body.edit_course .lesson-written .codex-editor__redactor {
    max-width: 100%;
    overflow: visible;
}

body.edit_course .lesson-written .ce-toolbar__actions {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 575.98px) {
    body.edit_course .curriculum-lesson-crumb__actions {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
    }

    body.edit_course .curriculum-lesson-crumb__written-actions {
        width: auto;
        justify-content: flex-end;
        margin-left: 0;
    }
}
.ce-toolbar__actions {
    background: #ffffff;
    color: #fff;
    border-radius: 8px;
    padding: 2px 2px;
    border: 0px solid #ccc;
    box-shadow: 0px 0px 10px 0px #ebebeb;
}

/* Editor.js / lesson resource attachment icons */
.resource-plugin .resource-file-icon,
.resource-file-icon {
    width: 3.25rem;
    height: 3.25rem;
    min-width: 3.25rem;
    border-radius: 0.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.85rem;
    line-height: 1;
}

.resource-file-icon i {
    font-size: inherit;
    line-height: 1;
    color: inherit !important;
}

.resource-file-icon--pdf {
    background: rgba(220, 53, 69, 0.14);
    color: #dc3545;
}

.resource-file-icon--file {
    background: rgba(13, 110, 253, 0.12);
    color: #0d6efd;
}

.resource-file-icon--link {
    background: rgba(111, 66, 193, 0.12);
    color: #6f42c1;
}

.lesson-bottom-actions {
    background: rgb(245 249 252 / 75%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

.lesson-bottom-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
}

.lesson-bottom-nav__start,
.lesson-bottom-nav__end {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.lesson-bottom-nav__end {
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.lesson-bottom-nav .prev-next-button {
    min-width: 120px;
}
.cdx-quote {
    margin: 1em 0 !important;
    background: rgb(255 165 0 / 15%);
}
.cdx-quote > div {
    border: 0px;
    box-shadow: none;
    margin-bottom: 0px;
    min-height: unset !important;
}
.cdx-quote__text {
    min-height: unset;
}
.cdx-quote__caption {
    padding-top: 0;
    font-style: italic;
    font-family: georgia;
    font-size: 0.9em;
    font-weight: bold;
}
.multiselect.form-select-sm {
    padding: 0px;
}
.multiselect,
.multiselect__input,
.multiselect__single {
    font-size: 1em !important;
}

.h-9 {
    height: 2.4rem !important;
}

img.lesson-base-logo {
    width: 100%;
}

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /* word-break: break-all; */
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.navbar-light .navbar-brand img.logo3 {
    padding-right: 0px !important;
    max-height: 65px !important;
    margin-bottom: 1em;
    margin-top: 1em;
}

#resultMessagePhone {
    min-height: 20px;
    position: relative;
    width: 100%;
    display: block;
}

.post-card.automated-post-lesson,
.modal-body.automated-post-lesson {
    background-color: #ccf6ff;
}
.post-card.automated-post-course,
.modal-body.automated-post-course {
    background: #ffe8cc;
}

.post-card.automated-post .post-card-text-B,
.modal-body.automated-post .post-card-text-B {
    margin-bottom: 0 !important;
}

.post-card.automated-post h4.post-card-title,
.modal-body.automated-post h4.post-card-title {
    display: none;
}

.post-card.automated-post .card-body,
.modal-body.automated-post .card-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

#save_pricing {
    margin-top: -3em;
    position: absolute;
    margin-left: 0em;
}

.recommended {
    position: absolute;
    background: #97f0ff;
    top: -30px;
    width: 100%;
    text-align: center;
    padding: 5px 1em 1em;
    border-radius: 10px 10px 0px 0px;
}

p.pricing-cta-text a {
    text-decoration: none;
    border-bottom: 2px solid #fff !important;
    padding-bottom: 3px;
    color: #e89b27 !important;
}
p.pricing-cta-text a:hover {
    color: #fff !important;
    border-bottom: 2px solid #e89b27 !important;
}

.accordion-coach .accordion-item {
    border: 0px;
    border-bottom: 1px solid rgb(255 255 255 / 16%);
    border-radius: 0px;
}

#offcanvasAnalytics.offcanvas {
    max-width: 400px;
}

.plyr__menu__container [role="menu"] {
    display: flex;
    overflow-x: auto;
}

.plyr__menu__container [role="menu"] button {
    max-width: 90px;
}

.right-absolute-button {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    border-radius: 100px;
    padding: 5px;
    display: flex;
    align-items: center;
}

ul.enrolled-users-during-invite {
    max-height: 30vh;
    overflow-y: overlay;
}

.cookie_wrapper {
    position: fixed !important;
    left: 2em;
    bottom: 2em;
    box-shadow: 0px 0px 60px -1px rgb(0 0 0 / 18%);
    border-radius: 2em;
    border: 0px;
    max-width: 450px;
    width: 100%;
    z-index: 1050;
}

.fc .fc-toolbar.fc-header-toolbar {
    padding: 0.75em;
    margin: 0px !important;
    background: #e4eef5;
}

.fc .fc-toolbar-title {
    font-size: 1.5em;
}

table.fc-col-header {
    background: #f8f9f9;
    font-size: 0.9em;
}

.btn-google {
    color: #d62d20 !important;
    border-color: #d62d20 !important;
    background-color: #fff !important;
}
.btn-google:hover {
    background-color: #b81a0f !important;
    border-color: #b81a0f !important;
    color: #fff !important;
}

.m-width-A {
    min-width: 300px;
}

.viewer_wrapper {
    background: #28282c;
    height: 100vh;
    overflow-y: hidden;
}

#sideNavCanvas a.nav-link {
    color: var(--primary-4);
}
#sideNavCanvas a.nav-link:hover,
#sideNavCanvas a.nav-link.active {
    color: var(--secondary-3);
    background: transparent;
}

.dark-cards .card,
.dark-cards .card-header,
.dark-cards .card-body,
.dark-cards .card-footer {
    background: transparent;
    border: 0px;
}
.dark-cards .list-group-item {
    border: 0px;
}
#sideNavCanvas .list-group-item {
    padding: 0px;
    padding-top: 0px !important;
}
.dark-cards .list-group-item a {
    color: #fff;
    font-weight: 200 !important;
    font-size: 0.85em;
}
.promo-description {
    max-height: 400px;
    overflow-y: auto;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}
.letter-spacing-2 {
    letter-spacing: 2px;
}
.letter-spacing-3 {
    letter-spacing: 3px;
}
.letter-spacing-4 {
    letter-spacing: 4px;
}
.letter-spacing-5 {
    letter-spacing: 5px;
}

#sideNavCanvas .offcanvas-header {
    padding-top: 10px;
}

input#phone_number_contact {
    width: 100%;
    padding-right: 0px;
}

#contact_form .iti.iti--allow-dropdown {
    width: 100%;
}

input.form_control {
    position: absolute;
    bottom: 5000px;
}

.sell-wrapper .card {
    border: 0px !important;
    box-shadow: 0px 0px 120px 0px rgb(10 47 53 / 10%);
}

.coach-profile-wrapper {
    background: url(../img/website/bg1.svg) bottom center no-repeat;
}
body.auth .coach-profile-wrapper {
    background: transparent;
}

.page-wrapper-in.sell-wrapper {
    margin-bottom: -2px;
}

video.video1 {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-section1 .primary-intro-in {
    position: relative;
}

.overlay2 {
    background: rgb(0 24 28 / 85%);
    width: 100%;
    height: 100%;
    position: absolute;
}

.video-section1 {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.video-section1 h1 span {
    color: #f7a325;
}

body.frontpage.front2.privatelabelinstance nav#primary_nav {
    background: transparent !important;
    border-bottom: 3px solid rgb(255 255 255 / 5%);
    position: absolute;
    top: 0;
}
body.frontpage.front2.privatelabelinstance #top_band + nav#primary_nav {
    top: 50px;
}
body.frontpage.front2.privatelabelinstance
    #primary_nav
    .navbar-nav
    > .nav-item
    > .nav-link {
    background: transparent;
    border-bottom: 3px solid transparent;
    color: #fff;
}
body.frontpage.front2.privatelabelinstance
    nav#primary_nav
    a.nav-item.nav-link {
    background: transparent;
    color: #f7a325;
}

body.frontpage.front2.privatelabelinstance
    .navbar-expand-lg
    .navbar-brand
    img.front1.d-lg-block {
    display: none !important;
}
body.frontpage.front2.privatelabelinstance
    .navbar-expand-lg
    .navbar-brand
    img.front2.d-none {
    display: block !important;
}

.primary-intro-wrapper.pt-16 {
    padding-top: 0px !important;
}

ul.list_style_3 {
    list-style: none;
    padding-left: 0px;
}

img.icon-style-2 {
    max-width: 60px;
    background: #ffca7a;
    padding: 7px;
    border-radius: 17px;
}

ul.list_style_3 li {
    margin-bottom: 2em;
    display: flex;
    min-height: 5em;
    align-items: center;
}

.display-0 {
    font-size: 8em;
}

.card-style-3 {
    /* background: transparent; */
    /* background: rgb(255 140 0 / 12%); */
    border: 0px;
    box-shadow: 0px 0px 40px 0px rgb(10 47 53 / 12%);
    border-radius: 2em;
}
.card-style-3 p {
    color: #0a2f35;
    font-weight: 500;
}
.card-style-3 h1 {
    color: #ff8c00;
}

.featured-cards-3 > div:nth-child(even) {
    margin-top: -3em;
}
.featured-cards-3 > div:nth-child(even) .card {
    background: rgb(255 255 255 / 85%);
}

.more_every_week h4 {
    background: rgb(255 255 255 / 45%);
    font-weight: 300;
    border-radius: 100px;
    padding: 0.5em 1.5em;
}

ol.list-style-4 {
    margin-left: 1em;
}
ol.list-style-4 li {
    font-family: georgia;
    font-style: italic;
    font-size: 1.2em;
}
ol.list-style-4 li::marker {
    font-style: italic;
    font-size: 2em;
    font-family: georgia;
    font-weight: bold;
}

.why-kowcha {
    background-image: url(../img/website/africa.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.learn-anything {
    background-image: url(../img/website/line.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.primary_cta_landingpage {
    display: inline-block;
    animation: soft-bounce 3s ease-in-out infinite;
}

@keyframes soft-bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px); /* adjust height of bounce */
    }
}

.secondary_cta {
    display: inline-block;
    animation: soft-bounce-2 3s ease-in-out infinite;
}

@keyframes soft-bounce-2 {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* adjust height of bounce */
    }
}

.text-style-1 {
    /* font-size: 80px; */
    /* font-weight: 700; */
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: url("../img/website/join-kowcha2.jpg");
    background-attachment: fixed;
}
.text-style-1 span {
    color: rgb(255 140 0 / 40%);
}

ul#k-primary-nav ul.dropdown-menu {
    border-radius: 1em;
    overflow: hidden;
}

.hub-hero-wrapper nav.hub_nav.navbar.bg-light.navbar-light {
    background: #0a2f37 !important;
}

.hub-hero-wrapper nav.hub_nav.navbar.bg-light.navbar-light h3 {
    color: var(--secondary-3) !important;
    color: #fff !important;
}

.hub-hero-wrapper nav.hub_nav.navbar.bg-light.navbar-light a.nav-link {
    background: transparent;
    color: var(--secondary-3) !important;
}

.hub-hero-wrapper nav.hub_nav.navbar.bg-light.navbar-light a.nav-link.active {
    background: var(--secondary-3) !important;
    color: #0a2f37 !important;
}

span.nav_arrow i {
    font-size: 0.7em;
}
span.nav_arrow {
    position: absolute;
    margin-top: -3px;
    margin-left: 3px;
}

ul#feature-pills-tab button {
    min-width: 250px;
    border-radius: 0px;
    font-size: 1.1em;
}

.feature_image {
    background: #f2f6fc;
    border-radius: 15px;
    padding: 10px;
}
.feature_image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.content-style-A blockquote {
    font-size: 1.1em;
    font-weight: 300;
    border-left: 0px solid var(--secondary-1);
    border-radius: 8px;
    margin-bottom: 2em;
    background-color: rgba(var(--primary-1-rgb), 0.1);
    padding: 1em;
}

.content-style-A h2,
.content-style-A h3,
.content-style-A h4,
.content-style-A h5 {
    font-weight: 500;
    margin: 2em 0 1em;
}
.content-style-A p {
    font-size: 0.85em;
}
.content-style-A p strong {
    font-weight: 500;
}
.content-style-A img,
.content-style-A video {
    max-width: 100%;
    height: auto;
    border-radius: 1em;
    margin: 1.5em 0;
    border: 4px solid rgb(177 177 177 / 30%);
}
.content-style-A .media {
    margin: 1.5em 0;
}

body.frontpage.front2.privatelabelinstance
    nav#primary_nav
    button.navbar-toggler {
    background: transparent;
    color: #fff;
    border: 2px solid rgb(255 255 255 / 15%);
}
body.frontpage.front2.privatelabelinstance
    nav#primary_nav
    button.navbar-toggler:active,
body.frontpage.front2.privatelabelinstance
    nav#primary_nav
    button.navbar-toggler:focus {
    background: #fff;
    color: #000;
    border: 2px solid rgb(255 255 255 / 15%);
}

.buy_now_button {
    min-width: 300px;
}

/* div#vid_nav {
    width: 100%;
    left: 0px;
    top: 45%;
    position: absolute;
} */

div#vid_nav {
    position: relative;
    top: 0;
    padding: 0 0 1.5em;
}

div#vid_nav .btn {
    min-width: 50px;
    min-height: 50px;
    border-radius: 1000px;
    color: rgb(255 255 255 / 75%) !important;
    background: transparent !important;
    border: 1px solid rgb(255 255 255 / 50%) !important;
}

div#vid_nav .btn:hover {
    color: #000 !important;
    background: #fff !important;
    border: 1px solid rgb(255 255 255 / 100%) !important;
}

.lesson_navE > .nav .nav-link {
    padding-top: 1em;
    padding-bottom: 1em;
    background: transparent;
}
.lesson_navE > .nav {
    background: #fff;
}

div#lesson_main.page_scrolled .lesson_navE.written_content_nav {
    position: fixed;
    top: 0;
    z-index: 2;
}
div#lesson_main.page_scrolled .written_content_container.written_content_nav {
    padding-top: 5em !important;
}

div#lesson-tools-panel {
    background: var(--primary-3);
}
body.lesson.single_course_learning .dash-2-main {
    background: #FFF;
}

.content-style-A a {
    border-bottom: 1px solid;
}

@media (min-width: 990px) and (max-width: 1090px) {
    .tn-label {
        display: none;
    }

    .hide-md-screen {
        display: none !important;
    }

    .show-md-screen {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .bg-dark .navbar-nav > .nav-item > .nav-link {
        opacity: 0.5;
    }

    .bg-dark .navbar-nav > .nav-item > .nav-link.active,
    .bg-dark .navbar-nav > .nav-item > .nav-link:hover {
        background-color: transparent;
        opacity: 1;
    }

    nav#primary_nav.funnel_nav .navbar-brand {
        width: 100%;
        max-width: 140px;
    }

    .navbar-brand {
        width: 100%;
        display: block;
        max-width: 140px;
    }

    .dash-2-main {
        padding-left: 0px;
    }

    /* Phase 5: do not force sticky two-column layout on small screens
       (sidebar is already d-none d-lg-block; offcanvas remains). */
    body.lesson.single_course_learning .dash-2-in {
        display: block;
    }

    body.lesson.single_course_learning .dash-2-side {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        height: auto;
        max-height: none;
        width: auto;
        max-width: none;
        flex: none;
    }

    body.lesson.single_course_learning .dash-2-main {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
        max-width: 100%;
    }

    body.lesson.single_course_learning nav#primary_nav.lesson_nav {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    .lead2 {
        font-size: 0.9em;
    }

    .post-card.card .card-body {
        padding: 1em;
    }

    .post-card.card .card-body .h6 {
        font-size: 0.9em;
    }

    small.post-card-date {
        margin-top: -5px;
    }

    small.post-card-date-2 {
        margin-top: 0px;
        line-height: 1.3em;
    }
}

@media (max-width: 980px) {
    .card-img-top.card-img-top-5 {
        min-height: 25em;
        object-fit: cover;
    }
    .iti.iti--allow-dropdown.iti--show-flags {
        width: 100%;
    }
    .iti--allow-dropdown input,
    .iti--allow-dropdown input[type="text"] {
        padding-right: 0px;
    }

    .avatar-xl,
    .avatar-xxl {
        width: 100%;
        height: auto;
    }
    .user_avatar,
    .user_info {
        text-align: center;
    }

    nav#primary_nav a.nav-item.nav-link {
        padding-right: 4px;
        padding-left: 4px;
    }

    nav#primary_nav .btn.btn-sm.btn-primary.w-full {
        font-size: 0.8em;
    }

    #primary-top-navbar .navbar-nav {
        padding-left: 0em;
    }

    #primary-top-navbar .navbar-nav li.nav-item .nav-link {
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
    }

    #primary-top-navbar .navbar-nav li.nav-item {
        width: 100%;
    }

    .front-hero {
        text-align: center;
    }

    .front-hero h3 {
        font-weight: 200;
        font-size: 1.1em;
        margin-bottom: 1em !important;
    }

    .navbar-light .navbar-collapse::before {
        display: none;
    }

    .btn-xl {
        font-size: 1em;
        padding: 1em 1.5em;
    }

    .hero-slider.container {
        padding-top: 2em;
    }

    .dash-2-main {
        padding-left: 0px;
    }

    .illustration-size-1 {
        max-width: 100px;
    }

    figure.daynight-icon h1.h2 {
        font-size: 1.3em;
    }

    figure.daynight-icon .bi {
        font-size: 1.4em;
        line-height: 1em;
    }

    .nav.nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .step-number {
        margin: 0 auto;
        width: 30px;
        height: 30px;
    }

    .step-name {
        line-height: 1.2em;
        font-size: 0.85em;
    }

    .existing-sidebar-course-title.d-block.h6.pe-3 {
        font-size: 0.85em;
    }

    .prev-next-button {
        min-width: unset;
    }

    ul#lessonTabs li {
        margin-left: 5px;
        margin-right: 5px;
    }
    .promo-description {
        max-height: unset;
        overflow-y: unset;
    }
    span.dashboard_card {
        font-size: 0.9em;
    }

    i.i-end {
        float: right;
    }

    .display-0 {
        font-size: 3em;
    }
    h1.front_page_headline.display-1 {
        font-size: 2.2em;
        margin-top: 1em;
    }
    .video-section1 {
        min-height: unset;
    }
    .featured-cards-3 > div:nth-child(even) {
        margin-top: 0em;
    }
    .featured-cards-3 > div {
        margin-bottom: 1em;
    }
    .front_page_hero p.h3 {
        font-size: 1.1em;
    }

    .video_window_wrapper {
        padding: 0em 0em;
    }
    /* div#vid_nav {
        position: relative;
        top: 0;
        padding: 0 0 1.5em;
    } */

    .lesson_navE > .nav {
        width: 100%;
        justify-content: start !important;
    }
}

@media (max-width: 768px) {
    .lesson-locked-cta img {
        aspect-ratio: 5 / 2;
    }
    div#offcanvasNotes {
        width: 100%;
        max-width: unset;
    }
}

@media (max-width: 480px) {
    .card-img-top.card-img-top-5 {
        min-height: 25em;
    }
    .hub_nav {
        overflow-x: auto;
        width: 100%;
    }
    .hub_nav > a {
        display: inline-table;
        width: 100%;
    }
    .notes-off-canvas {
        min-width: unset;
    }

    .navbar-light .navbar-brand img {
        padding-right: 0px !important;
    }

    .navbar-light .navbar-brand {
        max-width: 140px;
        margin-left: 5px;
        margin-right: 0px;
    }

    body.auth .navbar-light .navbar-brand {
        max-width: 150px;
        margin: 0px;
        padding: 0px;
    }

    .primary-form-icon {
        max-width: 180px;
    }

    .product_header_content .avatar-3xl {
        text-align: center;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .user_header_content {
        text-align: center;
    }

    .user_header_content .user_avatar {
        margin: 0 auto 1em;
    }

    .avatar-xl {
        width: 7rem;
        height: 7rem;
    }

    .card-img-top.card-img-top-3 {
        max-height: 10em;
    }
}

@media (max-width: 320px) {
    .card-img-top.card-img-top-3 {
        max-height: 9em;
    }
}

/* Editor.js Marker (highlight) colours */
.cdx-marker {
    background: rgba(245, 235, 111, 0.55);
    padding: 0.1em 0;
    border-radius: 0.15em;
}

.cdx-marker--yellow {
    background: rgba(245, 235, 111, 0.55) !important;
}
.cdx-marker--green {
    background: rgba(134, 239, 172, 0.5) !important;
}
.cdx-marker--blue {
    background: rgba(147, 197, 253, 0.55) !important;
}
.cdx-marker--pink {
    background: rgba(249, 168, 212, 0.5) !important;
}
.cdx-marker--orange {
    background: rgba(253, 186, 116, 0.55) !important;
}
.cdx-marker--purple {
    background: rgba(196, 181, 253, 0.55) !important;
}

.cdx-marker-palette {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.5rem 0.15rem;
}

.cdx-marker-palette[hidden] {
    display: none !important;
}

.cdx-marker-palette__swatch {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    border: 2px solid rgba(15, 23, 42, 0.12);
    padding: 0;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.cdx-marker-palette__swatch.is-active {
    border-color: rgba(15, 23, 42, 0.75);
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.15);
}

.cdx-marker-palette__swatch:hover,
.cdx-marker-palette__swatch:focus-visible {
    outline: none;
    border-color: rgba(15, 23, 42, 0.55);
}

.form-switch .form-check-input:checked {
    background-color: #000;
    border-color: #000;
}

.form-switch .form-check-input:focus {
    border-color: #000;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.2);
}

.form-switch .form-check-input:checked:focus,
.form-switch .form-check-input:checked:active,
.form-switch .form-check-input:not(:disabled):active {
    background-color: #000;
    border-color: #000;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.2);
    padding-right: 0.35rem;
        line-height: 1.2;
    }

    .table.question-matrix-table td {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }

    .table.question-matrix-table .form-control,
    .table.question-matrix-table input[type="text"] {
        min-width: 0 !important;
        width: 100%;
        padding-left: 0.35rem;
        padding-right: 0.35rem;
        font-size: 0.8125rem;
    }
}

/* Editor.js text alignment block tune (Word-like) */
.cdx-alignment-tune.cdx-alignment-tune--left {
    text-align: left;
}

.cdx-alignment-tune.cdx-alignment-tune--center {
    text-align: center;
}

.cdx-alignment-tune.cdx-alignment-tune--right {
    text-align: right;
}

.cdx-alignment-tune.cdx-alignment-tune--justify {
    text-align: justify;