.w-100 {width: 100% !important;}
.transition-04s {transition: 0.4s;}
header, footer {
    transition: 0.4s;
}
*::selection {
  background: rgba(232, 188, 122, 0.32);
  color: #fff6e1;
  text-shadow: 0 0 10px rgba(232, 188, 122, 0.45);
}
*::-moz-selection {
  background: rgba(232, 188, 122, 0.32);
  color: #fff6e1;
  text-shadow: 0 0 10px rgba(232, 188, 122, 0.45);
}
header .goldplate-logo {display: none;}
body.single-mpcs-course .goldplate-logo,
body.single-mpcs-lesson .goldplate-logo,
body.page-id-28206 header .goldplate-logo,
body.page-id-28207 header .goldplate-logo {display: block;}
body.single-mpcs-course .basic-logo,
body.single-mpcs-lesson .basic-logo,
body.page-id-28206 header .basic-logo,
body.page-id-28207 header .basic-logo {display: none;}
body.page-id-28206 header .goldplate-logo a,
body.page-id-28207 header .goldplate-logo a,
body.page-id-28206 header .basic-logo a,
body.page-id-28207 header .basic-logo a {
    display: block;
    line-height: 1;
}
.moreless-expand-content.read-more-link,
.moreless-collapse-content.read-less-link {
    color: #ffffff;
}
.moreless-expand-content.read-more-link span {
    color: #24BED1;
}
.moreless-collapse-content.read-less-link span {
    color: #ed5f68;
    display: block;
}


.mepr-login-form-wrap,
.mepr-unauthorized-message {
    max-width: 500px;
    margin: 0 auto;
}
.mepr-unauthorized-message {
    background-color: rgba(237, 95, 104, 0.3);
    padding: 5%;
    border-radius: 5px;
    margin-bottom: 10px;
    max-width: 500px;
}
.mepr-unauthorized-message p {
    color: #ed5f68;
    margin-bottom: 0;
}
.mepr-login-form-wrap input[type="text"],
.mepr-login-form-wrap input[type="password"] {
    border: 1px solid #ffffff;
}
.mepr-login-form-wrap input[type="text"]:focus,
.mepr-login-form-wrap input[type="password"]:focus {
    border: 1px solid #2D9AA5;
}
.back-to-membership-page {
    color: #2D9AA5;
    transition: 0.4s;
}
.back-to-membership-page:hover {
    margin-left: 5px;
}
.mepr-login-form-wrap input[type="submit"] {
    background-color: #2D9AA5;
    color: #000000;
    transition: 0.4s;
}
.mepr-login-form-wrap input[type="submit"]:hover {
    background-color: #24BED1;
}




html:not(.edit-post-visual-editor) {
    height: auto !important;
}

/* body.page-id-28206 header a .logo_image {
    display: none;
} */
body.page-id-28206 header {
    padding-left: 300px;
    box-sizing: border-box;
    transition: 0.4s;
}
body.page-id-28206.logged-in footer {
    padding-left: calc(300px + 30px);
    box-sizing: border-box;
    transition: 0.4s;
}
@media all and (max-width: 767px){
    body.page-id-28206 header,
    body.page-id-28206 footer,
    body.page-id-28206.logged-in .page_content_wrap {
        padding-left: 0px;
        box-sizing: border-box;
        transition: 0.4s;
    }
}
body.page-id-28206.logged-in footer .elementor-section .elementor-container {
    margin-inline: 0;
}
body.page-id-28206.pannel-sidebar-deactive.logged-in header {
    padding-left: 72px;
}
body.page-id-28206.pannel-sidebar-deactive.logged-in footer {
    padding-left: calc(72px + 30px);
}

body.single-mpcs-course .page_content_wrap {
    padding-top: 0 !important;
}
@media (max-width: 767px) {
  body.single-mpcs-course .page_content_wrap {
    padding-top: 100px;
  }
}
body.single.single-mpcs-lesson .content_wrap:not(.menu_mobile_content_wrap),
body.single.single-mpcs-course .content_wrap:not(.menu_mobile_content_wrap) {
    width: 100% !important;
}
body.single.single-mpcs-course .content_wrap .course-progress-bar-main {
    height: 8px !important;
    padding: 3px;
    background-color: #000000;
    border: 1px solid #ffffff;
}
.mpcs-course-list-grid .course-progress-bar-main > span,
body.single.single-mpcs-course .content_wrap .course-progress-bar-main > span,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main > span {
    /* background: linear-gradient(90deg,rgb(24, 78, 124) 0%, rgb(44, 139, 222) 50%);
    box-shadow: 0 0 40px 0px rgb(44, 139, 222); */
    background-color: #26b7cd;
    box-shadow: 0 0 40px 0px #26b7cd;
    transition: 0.4s;
}
.mpcs-course-list-grid .course-progress-bar-main[aria-valuenow="100"] > span,
body.single.single-mpcs-course .content_wrap .course-progress-bar-main[aria-valuenow="100"] > span,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main[role="100"] > span {
    background-color: #0089cd;
    box-shadow: 0 0 40px 0px #0089cd;
    overflow: visible;
    position: relative;
}
.mpcs-course-list-grid .course-progress-bar-main > span:after,
body.single.single-mpcs-course .content_wrap .course-progress-bar-main > span:after,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main > span:after {
    background-image: url('') !important;
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: -2px;
    left: calc(100% - 8px);
    opacity: 0;
    transition: 0.4s;
}
body.single.single-mpcs-course .content_wrap .course-progress-bar-main > span p,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main > span p {
    font-size: 12px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    display: inline-block;
    line-height: 0.5;
    color: #000;
    margin-bottom: 0;
    position: absolute;
    top: 20px;
    right: 0;
    transform: translateX(20px);
    padding: 5px;
    font-weight: 600;
    opacity: 0;
    transition: 0.4s;
    width: 45px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mpcs-course-list-grid .course-progress-bar-main > span p {
    font-size: 12px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    display: inline-block;
    line-height: 0.5;
    color: #000;
    margin-bottom: 0;
    position: absolute;
    top: -45px;
    right: 0;
    transform: translateX(20px);
    padding: 5px;
    font-weight: 600;
    opacity: 0;
    transition: 0.4s;
    width: 45px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
body.single.single-mpcs-course .content_wrap .course-progress-bar-main > span p,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main > span p,
.mpcs-course-list-grid .course-progress-bar-main > span p {
    color: #008080;
}
body.single.single-mpcs-course .content_wrap .course-progress-bar-main > span p.completed,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main > span p.completed,
.mpcs-course-list-grid .course-progress-bar-main > span p.completed {
    color: #0089cd;
}
.mpcs-course-list-grid .course-progress-bar-main > span:hover:after,
.mpcs-course-list-grid .course-progress-bar-main > span:hover p,
body.single.single-mpcs-course .content_wrap .course-progress-bar-main > span:hover:after,
body.single.single-mpcs-course .content_wrap .course-progress-bar-main > span:hover p,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main > span:hover:after,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main > span:hover p {
    opacity: 1;
    transition: 0.4s;
}
body.single.single-mpcs-course .content_wrap .course-progress-bar-main > span p:before,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main > span p:before {
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid #fff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}
.mpcs-course-list-grid .course-progress-bar-main > span p:before {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid #fff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.mpcs-thumbnail-wrapper {
    width: 100%;
    height: auto;
    background-size: cover;
    position: relative;
    margin-bottom: 50px;
    box-sizing: border-box;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20% 0 50px 0;
}
.mpcs-thumbnail-wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.mpcs-thumbnail-wrapper .full-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 15px;
    gap: 30px;
    max-width: 1290px;
    box-sizing: border-box;
}
@media all and (max-width: 920px){
    .mpcs-thumbnail-wrapper .full-wrapper {
        flex-direction: column;
    }
}
.mpcs-thumbnail-wrapper .full-wrapper .center-side {
    max-width: 920px;
    width: 920px;
}
@media all and (max-width: 920px){
    .mpcs-thumbnail-wrapper .full-wrapper .center-side {
        max-width: 100%;
        width: 100%;
    }
}
.mpcs-thumbnail-wrapper .wrapper {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 10%;
    margin: 0 auto;
    box-sizing: border-box;
}
.mpcs-thumbnail-wrapper .wrapper:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.3);
    pointer-events: none;
}
.mpcs-thumbnail-wrapper .wrapper > h4 {
    font-size: 15px;
    font-weight: 600;
    z-index: 2;
    position: relative;
    margin-bottom: 10%;
}
.mpcs-thumbnail-wrapper .title {
    position: relative;
    text-align: left;
    z-index: 2;
    margin-bottom: 10%;
}
.mpcs-thumbnail-wrapper .title h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    display: inline;
    background: #fff;
    color: #000;
    line-height: 1.5;
    padding: 0 10px;
    text-transform: uppercase;
}
.mpcs-thumbnail-wrapper .wrapper .instructor-wrapper {
    position: relative;
    width: auto;
    z-index: 2;
    transition: 0.4s;
}
.mpcs-thumbnail-wrapper .wrapper .instructor-wrapper:hover {
    transform: scale(1.2);
}
.mpcs-thumbnail-wrapper .wrapper .instructor-full-wrapper {
    width: 100%;
    z-index: 2;
    position: relative;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10%;
}
.mpcs-thumbnail-wrapper .wrapper .instructor-wrapper a {
    display: inline-flex;
    justify-content: start;
    align-items: center;
    gap: 0;
    transition: 0.4s;
    border: 3px solid #2D9AA5;
    border-radius: 100%;
    padding: 3px;
}
.mpcs-thumbnail-wrapper .wrapper .instructor-wrapper a img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: cover;
}
.mpcs-thumbnail-wrapper .wrapper .instructor-wrapper a span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    background: #000;
    line-height: 1.2;
    padding: 5px 10px;
    position: absolute;
    text-wrap: nowrap;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
    opacity: 0;
    transition: 0.4s;
}
.mpcs-thumbnail-wrapper .wrapper .instructor-wrapper a:hover span {
    opacity: 1;
}
.mpcs-thumbnail-wrapper .wrapper .instructor-wrapper a span:after {
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
    transform: translateX(-50%);
}
.mpcs-thumbnail-wrapper .wrapper .course-description {
    position: relative;
    margin: 0;
    margin-bottom: 5%;
    z-index: 2;
}
.mpcs-thumbnail-wrapper .wrapper .course-description p {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0;
}
.mpcs-thumbnail-wrapper .progress-wrapper {
    position: relative;
    width: 100%;
    z-index: 2;
}
.mpcs-thumbnail-wrapper .progress-wrapper > p {
    display: none;
}
.mpcs-thumbnail-wrapper .progress-wrapper .mpcs-section:not(#bookmark) {
    display: none;
}
.mpcs-thumbnail-wrapper #bookmark,
.mpcs-thumbnail-wrapper #bookmark .mpcs-section-header {
    background-color: transparent;
    border-color: transparent;
    margin: 0;
    padding: 5px 0 0 0;
}
.mpcs-thumbnail-wrapper #bookmark .mpcs-progress-bar-title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    text-wrap: nowrap;
}
.mpcs-course-list-grid .mpcs-progress-bar,
body.single.single-mpcs-course .content_wrap .mpcs-thumbnail-wrapper .mpcs-section-header #course-progress,
body.single.single-mpcs-lesson .course-progress #course-progress {
    width: 100%;
    display: flex;
    align-items: center;
}
.mpcs-course-list-grid .mpcs-progress-bar .course-progress-bar-main,
body.single.single-mpcs-course .content_wrap .mpcs-thumbnail-wrapper #bookmark .course-progress-bar-main,
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main {
    width: 100%;
    height: 5px !important;
    padding: 0;
    background-color: rgba(255,255,255,.3);
    border: none;
    margin: 0 5px;
}
body.single.single-mpcs-lesson .course-progress .course-progress-bar-main {
    margin: 30px 0 15px 0;
}
body.single.single-mpcs-course .content_wrap .mpcs-thumbnail-wrapper #bookmark .mpcs-section-header #bookmark_link {
    margin-left: 10px;
}
@media all and (max-width: 767px){
    body.single.single-mpcs-course .content_wrap .mpcs-thumbnail-wrapper #bookmark .mpcs-section-header {
        flex-wrap: wrap;
    }
    body.single.single-mpcs-course .content_wrap .mpcs-thumbnail-wrapper #bookmark .mpcs-section-header #bookmark_link {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
}
.mpcs-thumbnail-wrapper .full-wrapper .right-side {
    display: flex;
    justify-content: end;
    align-items: end;
}


.mpcs-course-lists-wrapper {
    max-width: 1290px;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto;
}

.mpcs-course-lists-wrapper * {
    font-family: "Lexend Deca",sans-serif;
}
@media all and (max-width: 1290px){
    .mpcs-course-lists-wrapper {
        max-width: 100%;
    }
}
@media all and (max-width: 767px){
    .mpcs-course-lists-wrapper {
        flex-direction: column;
    }
}

.mpcs-section-title-text {
    font-size: 20px;
    font-weight: 600;
}

.mpcs-course-lists-wrapper .left-side,
.mpcs-course-lists-wrapper .right-side {
    max-width: 33.33%;
}
.mpcs-course-lists-wrapper .center-side {
    max-width: 767px;
    width: 767px;
    margin: 0 auto;
}
@media all and (max-width: 767px){
    .mpcs-course-lists-wrapper .center-side {
        width: 100%;
        max-width: 100%;
    }
}

.mpcs-course-lists-wrapper .center-side .mepr-login-form-wrap,
.mpcs-course-lists-wrapper .center-side .mepr-unauthorized-message {
    display: none;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section * {
    color: #ffffff;
    opacity: 1;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section {
    margin-top: 0;
    border-bottom: 1px solid #777;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-section-header {
    background-color: transparent !important;
    border: none;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-section-header:not(#bookmark .mpcs-section-header) {
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding: 30px 15px 30px 15px;
    background-color: #1E1D1B !important;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-section-header .mpcs-section-title {
    line-height: 1.2;
    padding: 0;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-section-header .mpcs-section-title span {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #cfcdcd;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-link {
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
    /* color: #777777; */
}
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson:not(:last-child) {
    border-bottom: 1px solid #fff;
}
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-link {
    font-size: 16px;
    line-height: 1.2;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson {
    padding: 30px 0;
}
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson {
    padding: 0 !important;
    margin-bottom: 0;
}
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson a {
    padding: 20px 15px;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-button {
    margin-left: 20px;
}
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-button button.mpcs-button,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-button button.mpcs-button {
    background-color: transparent;
}
.mpcs-thumbnail-wrapper #bookmark .mpcs-section-header .mpcs-resume-course,
.mpcs-course-lists-wrapper .center-side #bookmark .mpcs-section-header .mpcs-resume-course,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-button.is-outline,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-button.is-outline,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-button button.mpcs-button span,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-button button.mpcs-button span {
    border: 1px solid #24BED1;
    /* background: #CDA767;
    text-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0 0px 0px rgba(205, 167, 103, 0); */
    background-color: transparent;
    color: #24BED1;
    border-radius: 0px;
    transition: 0.4s;
}
.mpcs-thumbnail-wrapper #bookmark .mpcs-section-header .mpcs-resume-course:hover,
.mpcs-course-lists-wrapper .center-side #bookmark .mpcs-section-header .mpcs-resume-course:hover,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-button.is-outline:hover,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-button.is-outline:hover,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-button .mpcs-button span:not(.is-purple):hover {
    /* text-shadow: 0px 0px 7px #000;
    box-shadow: 0px 0 40px 10px rgba(205, 167, 103, 0.4); */
    background-color: #24BED1;
    color: #000000;
}
.mpcs-thumbnail-wrapper .mpcs-section .mpcs-start-course.is-green,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-start-course.is-green,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-button.is-purple,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-button.is-purple {
    border: 1px solid #24BED1;
    /* background: #336a14;
    text-shadow: 0px 0px 4px #336a14;
    box-shadow: 0px 0 0px 0px rgba(205, 167, 103, 0); */
    background-color: transparent;
    color: #24BED1;
    border-radius: 0;
    transition: 0.4s;
}
.mpcs-thumbnail-wrapper .mpcs-section .mpcs-start-course.is-green {
    background: #24BED1;
    color: #000;
    border-radius: 20px;
    border: 2px solid #24BED1;
}
.mpcs-thumbnail-wrapper .mpcs-section .mpcs-start-course.is-green:hover,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-start-course.is-green:hover,
.mpcs-course-lists-wrapper .center-side .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-button.is-purple:hover,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-button.is-purple:hover,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-button .mpcs-button span:not(.is-outline):hover {
    /* text-shadow: 0px 0px 7px #336a14;
    box-shadow: 0px 0 40px 10px rgba(52, 106, 20, 0.4); */
    background-color: #24BED1;
    color: #000000;
}
.mpcs-thumbnail-wrapper .mpcs-section .mpcs-start-course.is-green:hover {
    background-color: transparent;
    color: #24BED1;
}
.mpcs-thumbnail-wrapper #bookmark .mpcs-section-header .mpcs-resume-course.is-gray,
.mpcs-course-lists-wrapper .center-side #bookmark .mpcs-section-header .mpcs-resume-course.is-gray {
    border: 2px solid #8DB6AA;
    background: rgba(141, 182, 170, 0.2);
    transition: 0.4s;
    color: #fff;
    border-radius: 15px;
}
.mpcs-thumbnail-wrapper #bookmark .mpcs-section-header .mpcs-resume-course.is-gray:hover,
.mpcs-course-lists-wrapper .center-side #bookmark .mpcs-section-header .mpcs-resume-course.is-gray:hover {
    box-shadow: 0px 0 40px 10px rgba(141, 182, 170, 0.5) !important;
}
.mpcs-thumbnail-wrapper #bookmark .mpcs-section-header a[title="Completed"] .mpcs-resume-course.is-gray {
    background-color: #0089cd;
    border-color: #0089cd;
    color: #000000;
}
.mpcs-thumbnail-wrapper #bookmark .mpcs-section-header a[title="Completed"] .mpcs-resume-course.is-gray:hover {
    box-shadow: 0px 0 40px 10px rgba(0, 137, 205, 0.2) !important;
}
.mpcs-course-lists-wrapper .center-side #bookmark {
    display: none;
}
.mpcs-course-action-buttons {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    margin: 50px 0 0 0;
    gap: 20px;
}
.center-side .mpcs-course-action-buttons {
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
}
.mpcs-course-action-buttons .resource-btn {
    border: 2px solid #8DB6AA;
    background: rgba(141, 182, 170, 0.2);
    transition: 0.4s;
    color: #fff;
    border-radius: 15px;
    transition: 0.4s;
    display: inline-flex;
    padding: 15px;
    line-height: 1.2;
    text-transform: capitalize;
    text-wrap: wrap;
}
.mpcs-course-action-buttons .resource-btn:hover {
    box-shadow: 0px 0 18px 2px rgba(141, 182, 170, 0.5) !important;
}
@media all and (max-width: 767px){
    .mpcs-course-action-buttons .resource-btn {
        padding: 10px;
    }
}
.mpcs-course-action-buttons .back-to-course-btn {
    border: 1px solid #24BED1;
    background: #24BED1;
    color: #ffffff;
    text-shadow: 0px 0px 2px #000;
    box-shadow: 0px 0 0px 0px rgba(205, 167, 103, 0);
    border-radius: 15px;
    transition: 0.4s;
    display: inline-block;
    padding: 15px;
    line-height: 1.2;
    text-transform: capitalize;
}
.mpcs-course-action-buttons .resource-btn:hover,
.mpcs-course-action-buttons .back-to-course-btn:hover {
    text-shadow: 0px 0px 7px #000;
    box-shadow: 0px 0 40px 10px rgba(205, 167, 103, 0.4);
}
.mpcs-course-action-buttons .continue-btn,
.mpcs-course-action-buttons .mpcs-certificate-link a,
#previous_lesson_link,
#next_lesson_link {
    border: 2px solid #8DB6AA;
    background: rgba(141, 182, 170, 0.2);
    transition: 0.4s;
    color: #fff;
    border-radius: 15px;
    transition: 0.4s;
    display: inline-block;
    padding: 15px;
    line-height: 1.2;
    text-transform: capitalize;
}
.mpcs-course-action-buttons .continue-btn:hover,
#previous_lesson_link:hover,
#next_lesson_link:hover {
    box-shadow: 0px 0 40px 10px rgba(141, 182, 170, 0.5);
}
.mpcs-course-action-buttons .mpcs-certificate-link a:hover {
    box-shadow: 0px 0 18px 2px rgba(141, 182, 170, 0.5);
}
#mpcs-sidebar .mpcs-section-title-text {
    font-size: 12px;
    font-weight: bolder;
    line-height: 1.2 !important;
    text-transform: uppercase;
}
#mpcs-sidebar .simplebar-vertical {
    background-color: transparent;
    width: 5px;
}
#mpcs-sidebar .simplebar-vertical .simplebar-scrollbar::before {
    width: 3px;
    background: #24BED1;
    top: 0;
    right: 1px;
    left: 1px;
    bottom: 0;
}
.mpcs-sidebar-with-accordion #mpcs-sidebar .mpcs-section-title {
  padding: 15px 45px 15px 15px;
}
/* #mpcs-sidebar .mpcs-lesson-button .mpcs-button {
    color: #000000 !important;
} */
.single.single-mpcs-lesson .instructor-full-wrapper {
    width: 100%;
    z-index: 2;
    position: relative;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0 20px;
}
.single.single-mpcs-lesson .instructor-wrapper {
    position: relative;
    width: auto;
    z-index: 2;
    padding: 0;
    margin-bottom: 20px;
    transition: 0.4s;
}
.single.single-mpcs-lesson .instructor-wrapper:hover {
    transform: scale(1.2);
}
.single.single-mpcs-lesson .instructor-wrapper a {
    display: inline-flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    border: 3px solid #2D9AA5;
    border-radius: 100%;
    padding: 3px;
}
.single.single-mpcs-lesson .instructor-wrapper a img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: cover;
}
.single.single-mpcs-lesson .instructor-wrapper a span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    background: #000;
    line-height: 1.2;
    padding: 5px 10px;
    position: absolute;
    text-wrap: nowrap;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
    opacity: 0;
    transition: 0.4s;
}
.single.single-mpcs-lesson .instructor-wrapper a:hover span {
    opacity: 1;
}
.single.single-mpcs-lesson .instructor-wrapper a span:after {
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
    transform: translateX(-50%);
}











.mepr-account-container {
    background-color: #000000;
}
body.page-id-28206 .content_wrap:not(.menu_mobile_content_wrap) {
    margin-top: 50px;
    width: 100%;
}
.mpr-account-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100vh;
    z-index: 9999;
    padding: 33px 0 0 0;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition: 0.4s;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: #6BCFC3 transparent;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(12px);
    box-shadow: 1px 0px 15px 3px rgba(255,255,255,.1);
    /* box-shadow: 1px 0px 9px 0px #e3e3e340; */
}
#mpcs-sidebar::-webkit-scrollbar {
    width: 6px;
}

#mpcs-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

#mpcs-sidebar::-webkit-scrollbar-thumb {
    background-color: #6BCFC3; /* your teal-green */
    border-radius: 10px;
}

#mpcs-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #7AD8C8;
}
@media all and (max-width: 992px){
    .mpr-account-sidebar {
        width: 250px;
    }
}
@media all and (max-width: 767px){
    .mpr-account-sidebar {
        width: 50%;
    }
}
.mpr-account-sidebar::-webkit-scrollbar {
    display: none;
}
.mpr-account-sidebar.deactive {
    width: 72px;
    transition: 0.4s;
}
.deactive {
    transition: 0.4s;
}
.course-lists-all-in-account {
    position: relative;
}
.course-lists-all-in-account .instructor-full-wrapper {
    width: 100%;
    z-index: 2;
    position: relative;
    display: flex;
    gap: 0 15px;
    flex-wrap: wrap;
}
.course-lists-all-in-account .progress-details {
    position: absolute;
    top: 4%;
    right: 4%;
    z-index: 2;
}
.course-lists-all-in-account .progress-details a,
.course-lists-all-in-account .progress-details span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    border-radius: 15px;
    padding: 6px;
    border: 1px solid #ffffff;
    color: #000000;
    line-height: 1;
}
.course-lists-all-in-account .progress-details a.start-now,
.course-lists-all-in-account .progress-details span.start-now {
    background-color: #26b7cd;
    color: #000000;
    border-color: #26b7cd;
}
.course-lists-all-in-account .progress-details a.in-progress,
.course-lists-all-in-account .progress-details span.in-progress {
    color: #000000;
    border-color: #26b7cd;
    background-color: #26b7cd;
}
.course-lists-all-in-account .progress-details a.completed,
.course-lists-all-in-account .progress-details span.completed {
    color: #000000;
    border-color: #54b5df;
    background:#54b5df;
}
.course-lists-all-in-account .instructor-wrapper {
    position: relative;
    width: auto;
    z-index: 2;
    padding: 0px 0 0 0;
    margin: 0px 0;
    transition: 0.4s;
}
.course-lists-all-in-account .instructor-wrapper:hover {
    transform: scale(1.2);
}
.course-lists-all-in-account .instructor-wrapper a {
    display: inline-flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    border: 3px solid #2D9AA5;
    border-radius: 100%;
    padding: 3px;
}
.course-lists-all-in-account .instructor-wrapper a img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    object-fit: cover;
}
.course-lists-all-in-account .instructor-wrapper a span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    background: #000;
    line-height: 1.2;
    padding: 5px 10px;
    position: absolute;
    text-wrap: nowrap;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
    opacity: 0;
    transition: 0.4s;
}
.course-lists-all-in-account .instructor-wrapper a:hover span {
    opacity: 1;
}
.course-lists-all-in-account .instructor-wrapper a span:after {
    content: '';
    position: absolute;
    top: -9px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
    transform: translateX(-50%);
}
.course-lists-all-in-account .course-description {
    margin: 10px 0;
}
.course-lists-all-in-account .course-description p {
    display: block;
    font-size: 12px;
    color: #ffffff;
    line-height: 1.2;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.mpr-account-sidebar .logo-wrapper {
    width: 100%;
    /* display: flex;
    flex-direction: column;
    gap: 40px; */
    padding: 0 15px;
    box-sizing: border-box;
}
.mpr-account-sidebar .logo-wrapper .pannel-bar {
    min-width: 20px;
    width: 35px;
    height: 40px;
    position: relative;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    margin-left: 0;
    margin-top: 20px;
    transition: 0.4s;
}
.mpr-account-sidebar .logo-wrapper .pannel-bar img {
    width: 20px;
    margin: 0 auto;
}
/* .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar {
    margin: 0 auto 0 auto;
} */
.mpr-account-sidebar .logo-wrapper .pannel-bar span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    transition: 0.4s;
}
.mpr-account-sidebar .logo-wrapper .pannel-bar span.bar-1 {
    top: 0;
    left: 0;
    transform: rotate(0deg);
}
.mpr-account-sidebar .logo-wrapper .pannel-bar span.bar-2 {
    top: 14px;
    left: 0;
    transform: rotate(0deg);
}
.mpr-account-sidebar .logo-wrapper .pannel-bar span.bar-3 {
    top: 28px;
    left: 0;
    transform: rotate(0deg);
}
/* .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar span.bar-1 {
    top: 0;
    left: 0;
    transform: rotate(0deg);
}
.mpr-account-sidebar .logo-wrapper .pannel-bar span.bar-1 {
    top: 16px;
    left: 0;
    transform: rotate(45deg);
}
.mpr-account-sidebar.deactive .logo-wrapper .pannel-bar span.bar-2 {
    top: 14px;
    left: 0;
    transform: rotate(0deg);
}
.mpr-account-sidebar .logo-wrapper .pannel-bar span.bar-2 {
    top: 14px;
    left: 100%;
}
.mpr-account-sidebar.deactive .logo-wrapper .pannel-bar span.bar-3 {
    top: 28px;
    left: 0;
    transform: rotate(0deg);
}
.mpr-account-sidebar .logo-wrapper .pannel-bar span.bar-3 {
    top: 15px;
    left: 0;
    transform: rotate(-45deg);
} */
.mpr-account-sidebar .logo-wrapper .logo {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.mpr-account-sidebar .logo-wrapper .logo img {
    width: 125px;
    margin: 0 0 0 0px;
    transition: 0.4s;
}
.mpr-account-sidebar.deactive .logo-wrapper {    padding: 0 !important;    display: flex !important;    flex-direction: column !important;    align-items: center !important;    width: 72px;    overflow: hidden;}
.mpr-account-sidebar.deactive .logo-wrapper .pannel-bar {    margin: 0 auto !important;    width: 35px;}
.mpr-account-sidebar.deactive .logo-wrapper .logo {    display: flex !important;    justify-content: center !important;    width: 100%;    margin-top: 15px;}
.mpr-account-sidebar.deactive .logo-wrapper .logo img {    width: 36px !important;    margin: 0 auto !important;}

.mpr-account-sidebar #mepr-account-nav {
    padding-top: 50px;
}
.mpr-account-sidebar #mepr-account-nav ul li {
    width: 100%;
    padding: 10px 25px;
    box-sizing: border-box;
    transition: 0.4s;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li {    padding: 10px 0 !important;    margin-left: 0 !important;    width: 100% !important;}
.mpr-account-sidebar.deactive #mepr-account-nav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li a span.icon {
    width: auto;
}
.mpr-account-sidebar #mepr-account-nav ul li:hover,
.mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab {
    background-color: #24BED1;
    transition: 0.4s;
}
.mpr-account-sidebar #mepr-account-nav ul li:hover a,
.mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a {
    color: #000000;
    transition: 0.4s;
}
.mpr-account-sidebar #mepr-account-nav ul li a {
    width: 100%;
    display: flex;
    transition: 0.4s;
}
.mpr-account-sidebar #mepr-account-nav ul li a .icon {
    width: 40px;
    transition: 0.4s;
}
.mpr-account-sidebar #mepr-account-nav ul li a .icon img {
    width: 22px;
}
.mpr-account-sidebar #mepr-account-nav ul li a .menu-item-label {
    width: 100%;
    font-size: 15px;
    opacity: 1;
    text-wrap: nowrap;
    transition: 0.4s;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li a .menu-item-label {
    overflow: hidden;
    width: 0;
    opacity: 0;
}
.mpr-account-sidebar #mepr-account-nav ul li:hover a .icon,
.mpr-account-sidebar #mepr-account-nav ul li.active a .icon,
.mpr-account-sidebar #mepr-account-nav ul li:hover a .menu-item-label,
.mpr-account-sidebar #mepr-account-nav ul li.active a .menu-item-label {
    color: #0a2340;
    transition: 0.4s;
}
.mpr-account-sidebar #mepr-account-nav {
    width: 100%;
    height: 100%;
}
.mpr-account-sidebar #mepr-account-nav ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.mpr-account-sidebar #mepr-account-nav ul li {
    width: calc(100% - 10px);
    border-radius: 5px;
    margin-left: 5px;
}
.mpr-account-sidebar .mepr-account-sidebar-footer {
    width: 100%;
    padding-bottom: 40px;
}
.mpr-account-sidebar .mepr-account-sidebar-footer div {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
}
.mpr-account-sidebar.deactive .mepr-account-sidebar-footer div {
    padding: 0;
    box-sizing: border-box;
}
.mpr-account-sidebar .mepr-account-sidebar-footer div img {
    width: 20px;
    filter: contrast(2);
}
.mpr-account-sidebar .mepr-account-sidebar-footer p {
    font-size: 15px;
    width: 100%;
    display: block;
    margin-bottom: 0;
    text-align: center;
    transition: 0.4s;
}
.mpr-account-sidebar.deactive .mepr-account-sidebar-footer p {
    transition: 0.4s;
    opacity: 0;
}
.mpr-account-sidebar .mepr-account-sidebar-footer span {
    font-size: 15px;
    width: 100%;
    opacity: 1;
    height: auto;
    text-align: center;
    text-wrap: nowrap;
    transition: 0.4s;
}
.mpr-account-sidebar.deactive .mepr-account-sidebar-footer span {
    opacity: 0;
    width: 0;
    height: auto;
    transition: 0.4s;
}
.mpr-account-sidebar .mepr-account-sidebar-footer span a {
    color: #ffffff;
    text-align: center;
    display: block;
}
@media all and (max-width: 767px){
    .mpr-account-sidebar .mepr-account-sidebar-footer div {
        padding: 0 5px;
    }
    .mpr-account-sidebar .mepr-account-sidebar-footer p {
        font-size: 12px;
    }
    .mpr-account-sidebar .mepr-account-sidebar-footer span {
        font-size: 12px;
    }
}
.mpr-account-sidebar + .mp_wrapper,
.mpr-account-sidebar + .mp-wrapper.mp-no-subs,
.mpr-account-sidebar + .mepr-directories-wrapper,
.mpr-account-sidebar + .mepr-no-active-subscriptions,
.mpr-account-sidebar + .mepr-courses-wrapper {
    padding-left: calc(300px + 30px);
    transition: 0.4s;
}
.mpr-account-sidebar + .mp_wrapper {
    padding-right: 20px;
    max-width: 1300px;
    margin: 0 auto;
}
@media all and (max-width: 992px) {
    .mpr-account-sidebar + .mp_wrapper,
    .mpr-account-sidebar + .mp-wrapper.mp-no-subs,
    .mpr-account-sidebar + .mepr-directories-wrapper,
    .mpr-account-sidebar + .mepr-no-active-subscriptions,
    .mpr-account-sidebar + .mepr-courses-wrapper {
        padding-left: calc(250px + 30px);
        padding-right: 30px;
        transition: 0.4s;
    }
}
@media all and (max-width: 767px) {
    .mpr-account-sidebar + .mp_wrapper,
    .mpr-account-sidebar + .mp-wrapper.mp-no-subs,
    .mpr-account-sidebar + .mepr-directories-wrapper,
    .mpr-account-sidebar + .mepr-no-active-subscriptions,
    .mpr-account-sidebar + .mepr-courses-wrapper {
        padding-left: 0;
        padding-right: 30px;
        transition: 0.4s;
    }
}
.mpr-account-sidebar.deactive + .mp_wrapper,
.mpr-account-sidebar.deactive + .mp-wrapper.mp-no-subs,
.mpr-account-sidebar.deactive + .mepr-directories-wrapper,
.mpr-account-sidebar.deactive + .mepr-no-active-subscriptions,
.mpr-account-sidebar.deactive + .mepr-courses-wrapper {
    padding-left: calc(72px + 30px);
    transition: 0.4s;
}
.mepr-directories-wrapper {
    padding-right: 20px;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr-account-welcome-message,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form {
    max-width: 100%;
    box-sizing: border-box;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 15px;
    justify-content: space-between;
    margin: 10% 0;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row {
    flex: 0 0 calc(50% - 15px);
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row input,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row select {
    border: 1px solid rgba(255,255,255,.1);
    background-color: rgba(255,255,255,.05);
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row input:focus,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row select:focus {
    border: 1px solid #24BED1;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row.mepr_first_name,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row.mepr_last_name,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row.mepr_email {
    flex: 0 0 calc(33.33% - 15px);
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row.mepr_mepr-address-city,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row.mepr_mepr-address-country,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row.mepr_mepr-address-state,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row.mepr_mepr-address-zip {
    flex: 0 0 calc(25% - 15px);
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row.mepr_mepr_direct_phone_number .iti {
    width: 100%;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mepr-submission-wraps {
    flex: 0 0 100%;
}
@media all and (max-width: 767px){
    body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-row {
        flex: 0 0 100% !important;
    }
}
body.page-id-28206 .mepr-wrapper .mepr_updated {
    background-color: #24BED1 !important;
    color: #000;
    border-radius: 5px;
    font-size: 12px;
    }
#country-listbox {
    background-color: #000000;
}
#country-listbox li span {
    font-size: 12px;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mepr-submission-wraps > div {
    display: flex;
    align-items: center;
    gap: 10px;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr-account-welcome-message p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}
body.single-mpcs-lesson .page_content_wrap *:not(i),
body.page-id-28206 .content_wrap .post_content.entry-content *:not(i) {
    font-family: "DM Sans",sans-serif !important;
}
body.page-id-28206 .content_wrap .post_content.entry-content .dashicons {
    font-family: 'dashicons' !important;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form .mp-form-label label {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form input,
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form select {
    border-color: #ffffff;
    border-radius: 0px;
    font-size: 14px;
    height: 48px;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form input.mepr-submit {
    border: 1px solid #24BED1;
    background: #24BED1;
    box-shadow: 0px 0 0px 0px rgba(205, 167, 103, 0);
    border-radius: 8px;
    transition: 0.4s;
    padding: 15px 30px;
    color: #000000;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child #mepr_account_form input.mepr-submit:hover {
    box-shadow: 0px 0 40px 10px rgb(0, 128, 128, 0.4);
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child .mepr-account-change-password a {
    color: #ffffff;
    text-decoration: underline;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mp_wrapper:last-child .mepr-account-change-password a:hover {
    text-decoration: none;
}
.mp_wrapper table.mepr-account-table tr {
    border: none;
}
.mp_wrapper table.mepr-account-table th,
.mp_wrapper table.mepr-account-table td {
    border: 1px solid rgba(255,255,255,.2);
}
.mp_wrapper table.mepr-account-table td {
    padding: 15px;
}
.mp_wrapper table.mepr-account-table td a {
    color: #0ff;
}
.mp_wrapper table.mepr-account-table th *,
.mp_wrapper table.mepr-account-table td * {
    font-size: 14px;
}
.mp_wrapper table.mepr-account-table td .mepr-account-subscr-id,
.mp_wrapper table.mepr-account-table td .mepr-account-terms {
    color: #0ff !important;
    line-height: 1.2;
    font-size: 12px;
}
.mepr-courses-wrapper {
    padding: 30px;
    position: relative;
}
.mepr-courses-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 1;
}
.mpcs-course-list-grid {
    display: flex;
    gap: 30px;
    justify-content: start;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}
.mpcs-course-list-grid .course-grid {
    flex: 0 0 calc(33.33% - 30px);
    padding: 0px;
    position: relative;
    min-height: 450px;
    transition: 0.4s;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 3px 0px rgb(255, 255, 255);
    z-index: 1;
    transition: 0.4s;
}
.mpcs-course-list-grid .course-grid:hover {
    transform: scale(1.05);
    z-index: 2;
}
@media all and (max-width: 992px){
    .mpcs-course-list-grid .course-grid {
        flex: 0 0 calc(50% - 15px);
        min-height: 330px;
    }
}
@media all and (max-width: 700px){
    .mpcs-course-list-grid .course-grid {
        flex: 0 0 calc(50% - 15px);
        min-height: 350px;
    }
}
@media all and (max-width: 600px){
    .mpcs-course-list-grid {
        gap: 15px 0px;
    }
    .mpcs-course-list-grid .course-grid {
        flex: 0 0 100%;
        min-height: 300px;
    }
}
.mpcs-course-list-grid .course-grid:hover .thumbnail {
    transform: scale(1.5) rotate(45deg);
    transition: 0.4s;
}
.mpcs-course-list-grid .course-grid .thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: 0.4s;
}
.mpcs-course-list-grid .course-grid .thumbnail:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}
.mpcs-course-list-grid .course-grid .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.mpcs-course-list-grid .course-grid .wrapper {
    width: calc(100% - 15px);
    position: absolute;
    bottom: 7.5px;
    left: 50%;
    padding: 20px;
    z-index: 2;
    box-sizing: border-box;
    background: rgba(0,0,0,.2);
    backdrop-filter: blur(12px);
    border-radius: 15px;
    transform: translateX(-50%);
}
.mpcs-course-list-grid .course-grid .title {
    width: 100%;
}
.mpcs-course-list-grid .course-grid .title a {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    line-height: 0;
    background-color: #fff;
    padding: 3px 5px;

}
.mpcs-course-list-grid .course-grid .progress {
    margin-top: 20px;
}
.mpr-account-sidebar.deactive .logo-wrapper .logo img {    width: 36px !important;    margin: 0 auto !important;}
.mpcs-course-list-grid .course-grid .progress .course-progress {
    background-color: rgba(255,255,255,.3);
    border: none;
    border-radius: 10px;
}
.mpcs-course-list-grid .course-grid .progress .course-progress .user-progress {
    font-size: 10px;
    font-weight: 300;
    color: #000;
    line-height: 1.2;
    /* background: #0089cd;
    box-shadow: 0 0 40px 0px #0089cd; */
    background-color: #26b7cd;
    box-shadow: 0 0 40px 0px #26b7cd;
    border-radius: 10px;
    padding: 3px 0;
}
.mpcs-course-list-grid .course-grid .progress .course-progress .user-progress.completed {
    background-color: #0089cd;
    box-shadow: 0 0 40px 0px #0089cd;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mepr-courses-wrapper .mp_wrapper.mpcs-course-list .grid {
    margin-bottom: 15px;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mepr-courses-wrapper .mp_wrapper.mpcs-course-list .grid .grid-pad {
    padding: 0;
    width: 100% !important;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mepr-courses-wrapper .mp_wrapper.mpcs-course-list .grid .grid-pad a {
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mepr-courses-wrapper .mp_wrapper.mpcs-course-list .grid .grid-pad .course-progress {
    background-color: transparent;
    border: 2px solid #ffffff;
    overflow: hidden;
    border-radius: 15px;
}
body.page-id-28206 .content_wrap .post_content.entry-content .mepr-courses-wrapper .mp_wrapper.mpcs-course-list .grid .grid-pad .course-progress .user-progress {
    background-color: #008080;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-shadow: 0px 0px 7px #000;
    box-shadow: 0px 0 40px 10px rgba(205, 167, 103, 0.4);
}
#mepr-account-payments-table thead tr th {
    background-color: #24BED1;
    color: #000000;
}
#mepr-account-subscriptions-table * {
    color: #ffffff;
}
#mepr-account-subscriptions-table thead tr th {
    background-color: #24BED1;
    color: #000000;
}
#mepr-account-subscriptions-table .mepr-account-actions .mepr-account-update {
    padding: 7px 10px;
    background-color: #24BED1;
    color: #000;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    border-radius: 5px;
    font-weight: 600;
}
#mepr-account-subscriptions-table .mepr-account-actions .mepr-account-cancel {
    padding: 7px 10px;
    background-color: #ed5f68;
    color: #000;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    border-radius: 5px;
    font-weight: 600;
}
#mepr-account-welcome-message {
    display: inline-block;
    border: 2px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.1);
    transition: 0.4s;
    color: #fff;
    border-radius: 5px;
    padding: 10px 10px;
    margin-bottom: 20px;
    backdrop-filter: blur(12px);
}
#mepr-account-welcome-message p {
    margin: 0;
}


#wpcf7-f20081-p1453-o1 input[type="text"],
#wpcf7-f20081-p1453-o1 input[type="email"],
#wpcf7-f20081-p1453-o1 input[type="tel"],
#wpcf7-f20081-p1453-o1 textarea {
    border: 1px solid rgba(255,255,255,.3);
    padding: 15px 25px;
    border-radius: 5px;
}






body #left-side-pannel + .body_wrap {
    padding-left: 300px;
}
@media all and (max-width: 992px){
    body #left-side-pannel + .body_wrap {
        padding-left: 0px;
    }
}
#left-side-pannel {
    width: 300px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000;
    z-index: 9999;
    padding: 33px 0 0 0;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#left-side-pannel::-webkit-scrollbar {
    display: none;
}
@media all and (max-width: 992px){
    #left-side-pannel {
        width: 100%;
    }
}
body #left-side-pannel.deactive + .body_wrap {
    padding-left: 72px;
}
#left-side-pannel.deactive {
    width: 72px;
}
#left-side-pannel .logo-wrapper {
    width: 100%;
    display: flex;
    gap: 40px;
    padding: 0 15px;
    box-sizing: border-box;
}
#left-side-pannel .logo-wrapper .pannel-bar {
    width: 30px;
    height: 30px;
    position: relative;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
}
#left-side-pannel .logo-wrapper .pannel-bar img {
    width: 20px;
}
#left-side-pannel .logo-wrapper .pannel-bar span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    transition: 0.4s;
}
#left-side-pannel.deactive .logo-wrapper .pannel-bar span.bar-1 {
    top: 0;
    left: 0;
    transform: rotate(0deg);
}
#left-side-pannel .logo-wrapper .pannel-bar span.bar-1 {
    top: 16px;
    left: 0;
    transform: rotate(45deg);
}
#left-side-pannel.deactive .logo-wrapper .pannel-bar span.bar-2 {
    top: 14px;
    left: 0;
    transform: rotate(0deg);
}
#left-side-pannel .logo-wrapper .pannel-bar span.bar-2 {
    top: 14px;
    left: 100%;
}
#left-side-pannel.deactive .logo-wrapper .pannel-bar span.bar-3 {
    top: 28px;
    left: 0;
    transform: rotate(0deg);
}
#left-side-pannel .logo-wrapper .pannel-bar span.bar-3 {
    top: 15px;
    left: 0;
    transform: rotate(-45deg);
}
#left-side-pannel .logo-wrapper .logo {
    display: block;
}
#left-side-pannel.deactive .logo-wrapper .logo {
    display: none;
}
#left-side-pannel .logo-wrapper .logo img {
    width: 100%;
}
#left-side-pannel .nav-wrapper {
    width: 100%;
    padding: 50px 0px 20px 0px;
    box-sizing: border-box;
}
#left-side-pannel .nav-wrapper .left-sidebar-menu {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
#left-side-pannel .nav-wrapper .left-sidebar-menu li {
    width: 100%;
    padding: 10px 25px;
    box-sizing: border-box;
    transition: 0.4s;
}
#left-side-pannel .nav-wrapper .left-sidebar-menu li:hover,
#left-side-pannel .nav-wrapper .left-sidebar-menu li.active {
    background-color: #ffffff;
    transition: 0.4s;
}
#left-side-pannel .nav-wrapper .left-sidebar-menu li a {
    width: 100%;
    display: flex;
    transition: 0.4s;
}
#left-side-pannel .nav-wrapper .left-sidebar-menu li a .icon {
    width: 40px;
    transition: 0.4s;
}
#left-side-pannel .nav-wrapper .left-sidebar-menu li a .menu-item-label {
    width: 100%;
    font-size: 15px;
    transition: 0.4s;
}
#left-side-pannel.deactive .nav-wrapper .left-sidebar-menu li a .menu-item-label {
    display: none;
}
#left-side-pannel .nav-wrapper .left-sidebar-menu li:hover a .icon,
#left-side-pannel .nav-wrapper .left-sidebar-menu li.active a .icon,
#left-side-pannel .nav-wrapper .left-sidebar-menu li:hover a .menu-item-label,
#left-side-pannel .nav-wrapper .left-sidebar-menu li.active a .menu-item-label {
    color: #000000;
    transition: 0.4s;
}
.back-to-home-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}
.back-to-home-btn-wrapper a {
    font-size: 15px;
    color: #ffffff;
}
.back-to-home-btn-wrapper a:hover {
    color: #0ff;
}



body.single-mpcs-lesson .columns.col-gapless {
    background-color: #000000;
}
body.single-mpcs-lesson h2.entry-title {
    font-size: 18px !important;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.6;
    margin-bottom: 50px;
    margin-top: 0px;
}
body.single-mpcs-lesson .mpcs-breadcrumbs {
    margin-bottom: 50px;
}
body.single-mpcs-lesson .mpcs-breadcrumbs .mpcs-breadcrumb {
    font-style: italic;
    font-size: 12px;
}
body.single-mpcs-lesson .mpcs-breadcrumbs .mpcs-breadcrumb:not(.mpcs-active) a {
    color: #0ff;
}
@media all and (min-width: 841px) {
    body.single-mpcs-lesson.mpcs-lesson-sidebar-opened .body_wrap .page_wrap > header {
        padding-left: 25%;
        transition: 0.4s;
    }
    body.single-mpcs-lesson.mpcs-lesson-sidebar-opened .body_wrap .page_wrap > footer {
        padding-left: calc(25% + 60px);
        transition: 0.4s;
    }
}
@media all and (min-width: 601px) and (max-width: 840px) {
    body.single-mpcs-lesson.mpcs-lesson-sidebar-opened .body_wrap .page_wrap > header {
        padding-left: 32%;
        transition: 0.4s;
    }
    body.single-mpcs-lesson.mpcs-lesson-sidebar-opened .body_wrap .page_wrap > footer {
        padding-left: calc(32% + 60px);
        transition: 0.4s;
    }
}

#mpcs-sidebar {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    border-radius: 0px;
    z-index: 9999;
    transition: 0.4s;
    scrollbar-width: thin;
    scrollbar-color: #24BED1 rgba(36, 190, 209, 0.25);
    backdrop-filter: blur(12px);
    padding-top: 37px;
}
#mpcs-sidebar::-webkit-scrollbar {
  width: 30px; /* Set the width in pixels */
}
@media all and (max-width: 600px){
    #mpcs-sidebar {
        width: 100%;
        left: -100%;
    }
}
#mpcs-sidebar::-webkit-scrollbar {
    width: 6px;
}

#mpcs-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

#mpcs-sidebar::-webkit-scrollbar-thumb {
    background-color: #6BCFC3; /* your teal-green */
    border-radius: 10px;
}

#mpcs-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #7AD8C8;
}
body.admin-bar #mpcs-sidebar {
    top: 32px;
    height: calc(100% - 34px);
    border-radius: 0;
    padding-right: 5px;
}
#mpcs-sidebar::-webkit-scrollbar {
    display: none;
}
#mpcs-sidebar .mpcs-sidebar-wrapper {
    border-right: none !important;
    padding-top: 0%;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header {
    padding: 0;
    flex-direction: column;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .figure a,
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .figure a img {
    width: 100%;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .course-progress {
    margin-left: 0;
    padding: 0 20px;
    background-color: transparent;
    margin-bottom: 30px;
    position: static;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .course-progress .progress-bar {
    font-size: 0px;
    padding: 0;
    height: 5px;
    background-color: rgba(255,255,255,.3);
    margin: 50px 0 15px 0;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .course-progress .progress-bar .user-progress {
    /* background: linear-gradient(90deg,rgb(24, 78, 124) 0%, rgb(44, 139, 222) 50%);
    box-shadow: 0 0 40px 0px rgb(44, 139, 222); */
    background-color: #26b7cd;
    box-shadow: 0 0 40px 0px #26b7cd;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .course-progress .progress-text {
    color: #ffffff;
}
#mpcs-sidebar .mpcs-sidebar-wrapper .mpcs-sidebar-content {
    background-color: transparent;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .course-progress h2 a {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
    background-color: #fff;
    padding: 0px 4px;
    text-transform: uppercase;
    display: inline;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .course-progress h2 a:hover {
    text-decoration: none;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .figure {
    width: 100%;
}
#mpcs-sidebar .mpcs-sidebar-wrapper #mpcs-sidebar-header .figure img {
    max-height: 100%;
}
#mpcs-sidebar .mpcs-sidebar-wrapper .mpcs-sidebar-content .mpcs-section {
    margin-bottom: 0;
    margin-top: 0;
    border: none;
}
#mpcs-sidebar .mpcs-sidebar-wrapper .mpcs-sidebar-content .mpcs-section .mpcs-section-title {
    background-color: transparent;
}
body.single-mpcs-lesson #mpcs-main {
    background-color: #000000;
    position: relative;
    transition: 0.4s;
}
.lesson-navigator-bottom {
    margin-top: 50px;
}
.lesson-navigator-bottom #mpcs-classroom-previous-lesson-link {
    border: 1px solid #8DB6AA;
}
.lesson-navigator-bottom #mpcs-classroom-previous-lesson-link:hover {
    box-shadow: 0 0 23px 2px rgba(141, 182, 170, 0.5);
}
.lesson-navigator-bottom #mpcs-classroom-previous-lesson-link span {
    color: #ffffff !important;
}
.lesson-navigator-top {
    padding-bottom: 10%;
}
.lesson-navigator-bottom {
    padding-top: 5%;
}
.lesson-navigator-top #mpcs-lesson-navigation {
    display: flex;
    flex-direction: row-reverse;
}
.lesson-navigator-top #mpcs-classroom-next-lesson-link {
    border: 1px solid #56b3df;
    background-color: #56b3df !important;
    color: #000;
    font-weight: 600;
    transition: 0.4s;
}
.lesson-navigator-top #mpcs-classroom-next-lesson-link span {
    color: #000000;
    font-weight: 600;
}
.lesson-navigator-top #mpcs-classroom-next-lesson-link:hover {
    background-color: #24BED1 !important;
}
.lesson-navigator-top #mpcs-classroom-previous-lesson-link {
    display: none;
}
.lesson-navigator-bottom #mpcs-classroom-next-lesson-link {
    display: none;
}
body.single.single-mpcs-lesson .mpcs-lesson .mpcs-lesson-row-link {
    border-bottom: 1px solid rgba(255,255,255,.2);
}
#mpcs-lesson-navigation {
    display: flex;
    height: auto;
    z-index: 1;
}
#mpcs-lesson-navigation a {
    height: auto;
    padding: 10px 0;
    border-radius: 10px;
    background: transparent !important;
}
#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link {
    background-color: #56b3df !important;
    color: #ffffff;
}
#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link span {
    color: #000000 !important;
    font-weight: 600;
}
.single-mpcs-lesson .mpcs-section .mpcs-lessons,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson:hover,
.single-mpcs-lesson .mpcs-section .mpcs-lessons .mpcs-lesson a:hover {
    background-color: transparent;
}
.single-mpcs-lesson #mpcs-main .entry-title,
.single-mpcs-lesson #mpcs-main .mpcs-main-content,
.single-mpcs-lesson #mpcs-main .mepr-rl-footer-widgets {
    position: relative;
    z-index: 2;
}
.single-mpcs-lesson #mpcs-main .mpcs-main-content #mpcs-lesson-navigation {
    display: none !important;
}
.all-action-buttons {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 15px 15px 10% 15px;
    width: 100%;
    gap: 15px;
}
.mpcs-sidebar-resources {
    width: auto;
    background: transparent;
    height: auto;
    box-sizing: border-box;
    overflow: auto;
    padding: 0;
    border-bottom: none;
    border-radius: 15px;
    transition: 0.4s;
}
.mpcs-sidebar-with-accordion #mpcs-sidebar .mpcs-section {
    background-color: transparent;
}
.mpcs-sidebar-with-accordion #mpcs-sidebar .mpcs-section-header {
    border-bottom: 1px solid rgba(255,255,255,.3);
    background-color: transparent;
}
.mpcs-sidebar-resources a.tile.mepr-resources {
    display: inline-flex;
}
.mpcs-sidebar-resources a.tile.mepr-resources .tile-content {
    flex: 0 0 auto;
}
/* REMOVED: tile border-top glow
#mpcs-sidebar .tile {
    border-top: 2px solid #8DB6AA !important;
}
*/
/* REMOVED: sidebar-resources button glow border
.mpcs-sidebar-resources a.tile.mepr-resources {
    border: 2px solid #8DB6AA;
    background: rgba(141, 182, 170, 0.2);
    transition: 0.4s;
    color: #fff;
    border-radius: 15px;
    transition: 0.4s;
    display: inline-flex;
    padding: 15px;
    line-height: 1.2;
    text-transform: capitalize;
}
*/
/* REMOVED: sidebar-resources hover glow
.mpcs-sidebar-resources:hover {
    box-shadow: 0px 0 18px 2px rgba(141, 182, 170, 0.5) !important;
}
*/
.mpcs-sidebar-resources a.tile.mepr-resources .tile-icon,
.mpcs-sidebar-resources a.tile.mepr-resources .tile-content,
.mpcs-sidebar-resources a.tile.mepr-resources .tile-content p {
    line-height: 1;
}
.single.single-mpcs-lesson .btn.sidebar-open {
    display: block !important;
    border-radius: 7px;
    border: 1px solid #24BED1;
    background-color: #24BED1 !important;
    padding: 15px;
    height: auto;
    margin-right: 15px;
    background: transparent;
    color: #000000 !important;
    transition: 0.4s;
}
.single.single-mpcs-lesson .btn.sidebar-open:hover {
    background-color: #24BED1;
}
.lesson-navigator-bottom .btn.sidebar-open {
    margin-right: 0;
    margin-left: 15px;
}



/* LOGIN PAGE STARTS */
.page.page-id-28207 .page_content_wrap {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding: 40px 20px 40px;
}
.page.page-id-28207 .page_content_wrap .mp_wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0;
    border: none;
    border-radius: 0;
    padding: 0;
}
.page.page-id-28207 .page_content_wrap .mp_wrapper .mepr_error {
    background-color: #ed5f68 !important;
}
.page.page-id-28207 .page_content_wrap .mp_wrapper .mepr_error ul {
    padding-bottom: 0 !important;
}
@media all and (max-width: 767px){
    body.page-id-28207.user-loggedout .post_content.entry-content > .mp_wrapper:first-child,
    body.page-id-28206.user-loggedout .post_content.entry-content > .mp_wrapper:first-child {
        padding: 15% 0 0 0;
    }
    body.page-id-28207.user-loggedout .post_content.entry-content > .mp_wrapper:last-child,
    body.page-id-28206.user-loggedout .post_content.entry-content > .mp_wrapper:last-child {
        padding: 0 0 10% 0;
    }
}
.mp_wrapper .mepr_error,
.mp_wrapper .mepr_error ul li {
    background-color: #ed5f68;
    color: #000000;
}
.page.page-id-28207 .page_content_wrap .mp_wrapper.mp_login_form input[type="text"],
.page.page-id-28207 .page_content_wrap .mp_wrapper.mp_login_form input[type="password"] {
    border: 1px solid rgba(255,255,255, 0.12);
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.05);
    padding: 14px 16px;
}
.page.page-id-28207 .page_content_wrap .mp_wrapper.mp_login_form input[type="text"]:focus,
.page.page-id-28207 .page_content_wrap .mp_wrapper.mp_login_form input[type="password"]:focus {
    border: 1px solid #2D9AA5;
}
.page.page-id-28207 .page_content_wrap .mp_wrapper.mp_login_form input[type="submit"] {
    background-color: #00FFFF;
    color: #000000;
    width: 100%;
    border-radius: 50px;
    padding: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}
.page.page-id-28207 .page_content_wrap .mp_wrapper.mp_login_form label,
.page.page-id-28207 .page_content_wrap .mp_wrapper.mp_login_form input {
    color: #ffffff;
}
.page.page-id-28207 .page_content_wrap .mp_wrapper.mp_login_form .mepr-login-actions a {
    color: #0ff;
}
/* LOGIN PAGE ENDS */










.mpsc-lesson-sidebar-toggler {
    width: 100%;
    height: 30px;
    margin-bottom: 6%;
    display: flex;
    justify-content: end;
}
.mpsc-lesson-sidebar-toggler button {
    width: auto;
    height: 30px;
    box-sizing: border-box;
    padding: 0 11px 0 0 !important;
    position: relative;
    background-color: transparent;
    border: none;
    margin-right: 10px;
    cursor: pointer;
    transition: 0.4s;
    display: flex;
    justify-content: center;
}
.mpsc-lesson-sidebar-toggler button .close {
    line-height: 15px;
    color: #fff;
    font-size: 15px;
    width: 75px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}
.mpsc-lesson-sidebar-toggler button .close-btn {
    position: relative;
    transition: 0.4s;
}
.mpsc-lesson-sidebar-toggler button:hover .close-btn {
    transform: rotate(90deg);
}
.mpsc-lesson-sidebar-toggler button span {
    width: 20px;
    height: 3px;
    background-color: #ffffff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}
.mpsc-lesson-sidebar-toggler button p span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}
.mpsc-lesson-sidebar-toggler button p span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.mpcs-lesson-complete i {
    color: #24BED1 !important;
}
.mpcs-lesson-not-complete i {
    color: rgba(0, 0, 0, 0.1) !important;
}
#mepr-cancel-sub-2 {
    background: rgba(0,0,0,.2);
    backdrop-filter: blur(5px);
    border: 2px solid #24BED1;
    border-radius: 5px;
}
#mepr-cancel-sub-2 .mepr-cancel-sub-buttons .mepr-confirm-yes {
    background-color: #24BED1;
    color: #000000;
    padding: 10px 15px;
    line-height: 1;
}
#mepr-cancel-sub-2 .mepr-cancel-sub-buttons .mepr-confirm-no {
    background-color: #ed5f68;
    color: #000000;
    padding: 10px 15px;
    line-height: 1;
}


.mepr_update_account_table .mepr-stripe-elements {
    padding: 30px !important;
    background: #fff;
    border-radius: 5px;
}
.mepr_update_account_table input.mepr-submit {
    background-color: #24BED1;
    color: #000000;
    font-weight: 600;
}

.fa, .far, .fas {font-family: "Font Awesome 5 Free";}
.moreless-wrapper {
  overflow: hidden;
  transition: height 0.4s ease;
}

.moreless-collapsed {
  height: auto !important;
  transition: height 0.4s ease;
}
/* ── LOGIN PAGE: Glass card on .content ── */
.page.page-id-28207 .page_content_wrap .content_wrap {
    max-width: 700px !important;
    margin: 0 auto;
}
.page.page-id-28207 .page_content_wrap .content {
    max-width: 700px !important;
    box-sizing: border-box;
    width: 100%;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 40px 50px 36px;
    backdrop-filter: blur(12px);
    margin: 50px auto 60px;
}
/* Strip inner element chrome (prevents double box) */
.page.page-id-28207 .page_content_wrap .content *:not(input):not(button):not(.mepr-plans-link):not(.dashicons) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    outline: none !important;
}
/* Force form elements to fill card width */
.page.page-id-28207 .content .mp_wrapper.mp_login_form,
.page.page-id-28207 .content .mp_wrapper.mp_login_form form,
.page.page-id-28207 .content .mp_wrapper.mp_login_form .mp-form-row,
.page.page-id-28207 .content .mp_wrapper.mp_login_form .mp-form-label,
.page.page-id-28207 .content .mp_wrapper.mp_login_form div.mp-hide-pw,
.page.page-id-28207 .content .mp_wrapper.mp_login_form .submit {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}
/* Password eye icon */
.page.page-id-28207 .content div.mp-hide-pw {
    position: relative !important;
}
.page.page-id-28207 .content button.mp-hide-pw {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: auto !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 14px !important;
    background: transparent !important;
    border: none !important;
}
/* VIEW MEMBERSHIPS below Forgot Password */
.page.page-id-28207 .content .mepr-login-actions {
    margin-top: 20px !important;
    text-align: center !important;
    display: block !important;
}
.page.page-id-28207 .content .mepr-login-actions a:first-child {
    display: block !important;
    margin-bottom: 15px !important;
}
.page.page-id-28207 .content .mepr-login-actions .mepr-plans-link {
    display: block !important;
    margin-top: 0 !important;
}
/* v1774393550 */

/* ── Horizon Academy page fixes ─────────────────────────────── */



/* Fix subtitle font — match Lexend Deca, remove serif italic fallback */
.sc_item_subtitle {
    font-family: "Lexend Deca", sans-serif !important;
    font-style: normal !important;
    font-weight: 300 !important;
    letter-spacing: 0.03em !important;
}


/* -- Mobile rendering fixes (site-wide + registration) -------- */

/* Registration page — tighter padding on small screens */
@media all and (max-width: 600px) {
    body.mepr-dark-registration .page_content_wrap {
        padding: 16px 10px !important;
    }
    body.mepr-dark-registration .hsd-checkout-right {
        padding: 20px 16px !important;
        border-radius: 14px !important;
    }
    body.mepr-dark-registration .hsd-checkout-left {
        padding: 20px 16px !important;
        border-radius: 14px !important;
    }
    body.mepr-dark-registration .mp-form-row-group-wrapper {
        flex-direction: column !important;
        gap: 0 !important;
    }
    body.mepr-dark-registration .iti__country-list {
        width: calc(100vw - 40px) !important;
        max-width: 300px !important;
    }
    body.mepr-dark-registration .mepr-submit,
    body.mepr-dark-registration input[type="submit"] {
        padding: 16px 20px !important;
        font-size: 14px !important;
    }
    body.mepr-dark-registration .mp_invoice table {
        font-size: 13px !important;
    }
    body.mepr-dark-registration .mp_price_str {
        font-size: 22px !important;
    }
}

/* General site-wide mobile fixes */
@media all and (max-width: 767px) {
    body,
    .body_wrap,
    .page_wrap {
        overflow-x: hidden !important;
    }
    .page_content_wrap > .content_wrap,
    .page_content_wrap > .content_wrap_fullscreen {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .elementor-section.elementor-section-stretched {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    .sc_item_subtitle {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    .content img,
    .entry-content img,
    .post_content img {
        max-width: 100% !important;
        height: auto !important;
    }
    .menu_mobile_inner {
        z-index: 999999 !important;
    }
    .mpr-account-sidebar {
        flex-direction: column !important;
    }
    .mpr-account-sidebar #mepr-account-nav {
        width: 100% !important;
    }
}

/* Tablet tweaks */
@media all and (max-width: 992px) and (min-width: 768px) {
    body.mepr-dark-registration .hsd-checkout-layout {
        gap: 16px !important;
    }
    body.mepr-dark-registration .hsd-checkout-left {
        padding: 24px 20px !important;
    }
    body.mepr-dark-registration .hsd-checkout-right {
        padding: 28px 24px !important;
    }
}

/* Hide scroll-to-top button — conflicts with Visor orb */
.trx_addons_scroll_to_top {
    display: none !important;
}

/* Global: all accent-bg subtitle widgets AND page header subtitles match the
   footer location-header style (uppercase, bold, letter-spaced). This mirrors
   the .trx_addons_tiny_text look used for "CANADA – TORONTO" in the footer. */
.trx_addons_accent_bg,
.trx_addons_accent_bg *,
.sc_item_subtitle,
.sc_item_subtitle *,
.sc_item_subtitle .trx_addons_accent_bg{
    text-transform:uppercase!important;
    letter-spacing:0.09em!important;
    font-weight:700!important;
    font-style:normal!important;
}

/* ---------- @font-face declarations for fonts that are preloaded but
   never declared elsewhere. Without these, DM Sans (body) and Lora (menu)
   silently fall back to system sans-serif on mobile. Files are from
   WP Rocket's Google Fonts local cache (/wp-content/cache/fonts/...). */
@font-face{
    font-family:"DM Sans";
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url("https://garunagroup.com/wp-content/cache/fonts/1/google-fonts/fonts/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2") format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
    font-family:"DM Sans";
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url("https://garunagroup.com/wp-content/cache/fonts/1/google-fonts/fonts/s/dmsans/v17/rP2Wp2ywxg089UriCZaSExd86J3t9jz86MvyyKy58Q.woff2") format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
    font-family:"Lora";
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url("https://garunagroup.com/wp-content/cache/fonts/1/google-fonts/fonts/s/lora/v37/0QIvMX1D_JOuMwr7Iw.woff2") format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
    font-family:"Lora";
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url("https://garunagroup.com/wp-content/cache/fonts/1/google-fonts/fonts/s/lora/v37/0QIhMX1D_JOuMw_LXftLp_A.woff2") format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}