:root {
    /* Palette: https://colors.muz.li/palette/12492f/0a2f35/f56038/f7a325/ffca7a */
    --primary-1: #0a2f35;
    --primary-2: rgb(4, 36, 41);
    --primary-3: #f5f9fc;
    --primary-4: #ffe9cc;
    --secondary-1: #f7a325;
    --secondary-1-dark: #e49217;
    --secondary-2: #f56038;
    --secondary-3: #ffca7a;
    --secondary-5: #fffaf4;
    --secondary-4: #12492f;
    --grey-1: #181818;
    --grey-2: #282828;
    --plyr-audio-controls-background: transparent;
    --plyr-audio-control-color: var(--primary-3);
    --pro: #121212;
}

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

.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: var(--primary-1) !important;
}

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

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

.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-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;
}

.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);
}

#accordionCoach .accordion-button {
    box-shadow: none;
}

#accordionCoach .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;
}

nav#primary_nav {
    border-bottom: 3px solid #f5f4f4;
    position: fixed;
    width: 100%;
    z-index: 1021;
}

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;
}

.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: 5em;
}

.dash-2-main {
    padding-left: 200px;
    min-height: 100vh;
    /* overflow-y: 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;
}

.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;
}

.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;
} */

/* .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%);
}

.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-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;
}

.lesson-strip-left {
    background-color: #f8f9fb;
    border-radius: 6px 0px 0px 6px;
    border-right: 0px;
    cursor: n-resize !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: 20px;
    padding-right: 20px;
    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;
}

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 {
    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;
}
.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;
}
.ce-toolbar__actions {
    background: #ffffff;
    color: #fff;
    border-radius: 8px;
    padding: 2px 2px;
    border: 0px solid #ccc;
    box-shadow: 0px 0px 10px 0px #ebebeb;
}

.lesson-bottom-actions {
    background: rgb(245 249 252 / 75%);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
.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;
}

#accordionCoach .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: 300px;
    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;
}

.page-wrapper-in.sell-wrapper {
    margin-bottom: -2px;
}

@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;
    }

    .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 {
        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 {
        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;
    }
}

@media (max-width: 480px) {
    .card-img-top.card-img-top-5 {
        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;
    }
}