* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 62.5%;
    font-family: 'Gotham';
    color: #221F1E;
    line-height: 1.5;
}


@keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    }
    
    to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    }
    }
    
    .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    }
    


:root {
    --color-1: #0E837C;
}


@media screen and (max-width: 767px) {
    .grid {
        grid-template-columns: 1fr;
    }
}

html,
body {
    overflow-x: hidden;
}

body {
    max-width: unset;
    position: relative;
}

li,
p,
span,
a {
    font-size: 1.8rem;
}

p {
    margin-bottom: 2rem;
}

p:last-child {
    margin: 0;
}

a {
    color: #001501;
    text-decoration: none;
}


.content--title.text-color--white.pb--3 h1 {
    line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Gotham';
    font-weight: 500;
}

h2 {
    font-size: 5.2rem;
}

h3 {
    font-size: 4em;
}

h4 {
    font-size: 3.6rem;
}

h5 {
    font-size: 3.2rem;
}

h6 {
    font-size: 2rem;
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 3.6rem;
        margin: 0;
    }

    h2 {
        font-size: 2.6rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 2rem;
    }

    h5 {
        font-size: 2rem;
    }

    h6 {
        font-size: 1.8rem;
    }

    li,
    p,
    span,
    a {
        font-size: 1.5rem;
    }
}

.dp--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
}


.col-md-auto {
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    max-width: 100%;
}

.col-md-1__ {
    flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    -webkit-flex: 0 0 8.333333%;
    -moz-flex: 0 0 8.333333%;
    -o-flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-md-2__ {
    flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    -webkit-flex: 0 0 16.666667%;
    -moz-flex: 0 0 16.666667%;
    -o-flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-md-3__ {
    flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -o-flex: 0 0 25%;
    max-width: 25%;
}

.col-md-4__ {
    flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    -webkit-flex: 0 0 33.333333%;
    -moz-flex: 0 0 33.333333%;
    -o-flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-md-5__ {
    flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    -webkit-flex: 0 0 41.666667%;
    -moz-flex: 0 0 41.666667%;
    -o-flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-md-6__ {
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -o-flex: 0 0 50%;
    max-width: 50%;
}

.col-md-7__ {
    flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    -webkit-flex: 0 0 58.333333%;
    -moz-flex: 0 0 58.333333%;
    -o-flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-md-8__ {
    flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    -webkit-flex: 0 0 66.666667%;
    -moz-flex: 0 0 66.666667%;
    -o-flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-md-9__ {
    flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -o-flex: 0 0 75%;
    max-width: 75%;
}

.col-md-10__ {
    flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    -webkit-flex: 0 0 83.333333%;
    -moz-flex: 0 0 83.333333%;
    -o-flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-md-11__ {
    flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    -webkit-flex: 0 0 91.666667%;
    -moz-flex: 0 0 91.666667%;
    -o-flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-md-12__ {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    max-width: 100%;
}



.cg--2 {
    column-gap: 2rem;
}

.cg--20 {
    column-gap: 20rem;
}

.row--2 {
    row-gap: 2rem;
}

.row--1 {
    row-gap: 1rem;
}

.row--4 {
    row-gap: 4rem;
}

.gap--1 {
    gap: 1rem;
}

.gap--2 {
    gap: 2rem;
}

.gap--3 {
    gap: 3rem;
}

.gap--4 {
    gap: 4rem;
}

.gap--5 {
    gap: 5rem;
}

.gap--6 {
    gap: 6rem;
}

.gap--8 {
    gap: 8rem;
}

.gap--10 {
    gap: 10rem;
}

.gap--20 {
    gap: 20rem;
}

img {
    width: 100%;
    max-width: 100%;
}

.h-100 {
    height: 100%;
}

.content--text a {
    color: var(--color-1);
    font-weight: 500;
}

.content--text h5 {
    margin-bottom: 2rem;
}

.container {
    max-width: 1280px;
    margin: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
}

.container-fluid {
    position: relative;
}

.p--8 {
    padding: 8rem;
}

@media screen and (max-width: 1600px) {
    .container {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}


.custom-pad--spacer {
    padding-top: 20rem !important;
}

.dark-bg-section {
    background: #080808;
    color: #FFFBF6;
}

.dark-bg-section a {
    color: #FFFBF6;
}

.white-bg-section {
    background: #fff;
    color: #080808;
}




.content--button input,
.content--button a {
    padding: 1.5rem 3.2rem;
    color: #fff;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    border: 2px solid;
    font-size: 1.4rem;
    text-align: center;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    border: 2px solid #000;
    color: #000;
    font-weight: 600;

}

.content--button a span {
    padding-right: 1rem
}

.content--button a .arrow--icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;

    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    justify-content: center;
    height: 23px;
    width: 23px;

}

.gold-bg a {
    background-color: #F5A00E;
    border-color: #F5A00E;
    color: #fff;
}

.gold-bg a:hover,
.private-lessons .content--button.gold-bg a:hover svg path {
    background: var(--color-g);
    border-color: var(--color-g);
    color: #fff;
    stroke: #fff;
}

.primary-bg input,
.primary-bg a {
    background: #32B0A9;
    border-color: #32B0A9;
    color: #fff;
}

.primary-bg a:hover {
    background: linear-gradient(269.91deg, #E32470 -22.49%, rgba(125, 20, 62, 0) 124.87%);
    border-color: #E32470;
    color: #fff;
    stroke: #fff;
}

.primary-bg a:hover .arrow--icon {
    background: var(--color-1);
}

.transparent-bg-primary input,
.transparent-bg-primary a {
    background-color: transparent;
    border-color: var(--color-1);
    color: var(--color-1);
}

.transparent-bg-primary a:hover {
    background: var(--color-1);
    border-color: var(--color-1);
    color: #000;
}

.transparent-bg-white input,
.transparent-bg-white a {
    background-color: transparent;
    border-color: #000;
    color: #000;
}

.transparent-bg-white a:hover {
    background: var(--color-1);
    border-color: var(--color-1);
    color: #000;
}

.white-bg input,
.white-bg a {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.white-bg a svg path {
    fill: #000;
}

.white-bg a:hover {
    color: #fff;
    background: var(--color-1);
    border-color: var(--color-1);
}

.white-bg a:hover svg path {
    fill: #fff;
}

.secondary-bg input,
.secondary-bg a {
    background-color: #FF5C00;
    border-color: #FF5C00;
    color: #fff;
}

.secondary-bg input:hover,
.secondary-bg a:hover {
    background-color: transparent;
    border-color: #FF5C00;
    color: #FF5C00;
}

.aqua-bg input,
.aqua-bg a {
    background-color: #F0FDFE;
    border-color: #F0FDFE;
    color: #001501;
}

.aqua-bg input:hover,
.aqua-bg a:hover {
    background-color: transparent;
    border-color: #F0FDFE;
    color: #F0FDFE;
}

.red-bg--button a {
    background: linear-gradient(180deg, #E65359 0%, #AE1B21 100%);
    border-color: #AE1B21;
    color: #fff;
}

.red-bg--button a:hover {
    background: #32B0A9;
    border-color: #32B0A9;
    color: #000;
}

.green-bg--button a {
    background: #32B0A9;
    border-color: #32B0A9;
    color: #fff;
}

.green-bg--button a:hover {
    background: linear-gradient(180deg, #E65359 0%, #AE1B21 100%);
    border-color: #AE1B21;
    color: #fff;
}

.pink-bg a,
.pink-bg input {
    background-color: #D40C5C;
    border-color: #D40C5C;
    color: #fff;
}

.pink-bg a:hover,
.pink-bg input:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

/* .secondary-bg a:hover {
    background: transparent;
    border-color: #fff;
} */


.transparent-bg a {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.transparent-bg a:hover {
    background-color: #fff;
    border-color: var(--color-1);
    color: #000;
}

.transparent-bg-black a {
    background-color: transparent;
    border-color: #000;
    color: #000;
}

.transparent-bg-black a:hover {
    background-color: #fff;
    border-color: var(--color-1);
    color: #000;
}

.yellow--text .content--title h2 {
    color: #0E837C;
}

.secondary--text {
    color: #FF5C00;
}

.secondary--text {
    color: #FF5C00;
}

.accent--text {
    color: #677495;
}

.content--highlight {
    display: inline-block;
    background: #9fb7c0;
    color: #fff;
    padding: 1rem;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
}

.page-id-2896 .header--bottom {
    display: none;
}

.mini--title p {
    font-size: 2rem;
}

.small--text span,
.small--text p {
    font-size: 1.4rem;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex>.col--1,
.flex>.col--2 {
    padding-left: 15px;
    padding-right: 15px;
}

.flex--27-75>.col--1 {
    flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -o-flex: 0 0 25%;
    max-width: 25%;
}

.flex--27-75>.col--2 {
    flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    -webkit-flex: 0 0 75%;
    -moz-flex: 0 0 75%;
    -o-flex: 0 0 75%;
    max-width: 75%;
}

.flex--20-80>.col--1 {
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -o-flex: 0 0 20%;
    max-width: 20%;
}

.flex--20-80>.col--2 {
    flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    -webkit-flex: 0 0 80%;
    -moz-flex: 0 0 80%;
    -o-flex: 0 0 80%;
    max-width: 80%;
}

.flex--35-65>.col--1 {
    flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    -webkit-flex: 0 0 35%;
    -moz-flex: 0 0 35%;
    -o-flex: 0 0 35%;
    max-width: 35%;
}

.flex--35-65>.col--2 {
    flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    -webkit-flex: 0 0 65%;
    -moz-flex: 0 0 65%;
    -o-flex: 0 0 65%;
    max-width: 65%;
}

.flex--30-70>.col--1 {
    flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -moz-flex: 0 0 30%;
    -o-flex: 0 0 30%;
    max-width: 30%;
}

.flex--30-70>.col--2 {
    flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    -webkit-flex: 0 0 70%;
    -moz-flex: 0 0 70%;
    -o-flex: 0 0 70%;
    max-width: 70%;
}

.bg--container .content__wrapper {
    padding: 6rem 0;
    position: relative;
}


.email,
.contact--number {
    color: #fff;
}

.m--2 {
    margin: 2rem;
}




.content--button__wrapper .content--button+.content--button {
    padding-left: 1.6rem;
}


header {
    position: fixed;
    z-index: 9999;
    width: 100%;
    background: #fff;
}

header.sticky .header--top {
    display: none;
}

footer .container,
header .container {
    max-width: 1360px;
}





.sticky--button {
    display: none;
}

.sticky .sticky--button {
    display: block;
}



.section {
    padding: 8rem 0;
    position: relative;
}

.section-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

}

.section-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

/* .hero-banner {
    padding-top: 30rem;
    padding-bottom: 20rem;
} */

.top--banner {
    padding-top: 20rem !important;
}

.small-top--banner {
    padding-top: 15rem;
}

.no-pad--bottom {
    padding-bottom: 0;
}

.no-pad--top {
    padding-top: 0;
}

.no-pad {
    padding: 0;
}

.section.pb--0 {
    padding-bottom: 0;
}

.section.pb--0 .col--1 {
    padding-bottom: 8rem;
}

.section.pt--0 {
    padding-top: 0;
}

@media screen and (max-width: 767px) {}



.main__wrapper {
    position: relative;
}



.header--grid {
    grid-template-columns: 1fr auto;
}

.header--bottom,
.header--bottom .container,
.header--bottom .content__wrapper,
.header--bottom .col--2,
.header--bottom .header--wrapper,
.header--nav,
.menu-main-menu-container,
.header--nav ul,
.header--nav ul li {
    height: inherit;
}

.header--nav li.menu-item-has-children:after {
    top: 5px;
}


.header--bottom {
    background: #000;
    padding: 2.4rem 0;
}

a {
    display: inline-block;
}




.header--wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.header--nav {
    padding-right: 2rem;
}

.header--nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.header--nav ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    list-style: none;

}

.header--nav ul.sub-menu {
    display: none;
    text-align: left;
}



.header--nav ul li a {
    font-size: 1.4rem;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 1rem;
    display: block;
}

.header--nav ul li.current_page_item {
    font-family: 'Gotham Bold';
}

.header--nav li.menu-item-has-children {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.header--nav li.menu-item-has-children a {
    padding-right: 1rem;
}

.header--nav li.menu-item-has-children ul.sub-menu {
    position: absolute;
    left: 0;
    min-width: 25rem;
    background: #fff;
    text-align: left;
    bottom: 200%;
    transform: translateY(100%);
    max-height: 80vh;
    /* Set maximum height to 80vh */
    overflow-y: auto;
    /* Use auto to display scrollbar only when needed */
}


.header--nav li.menu-item-has-children ul.sub-menu li {
    padding: 1rem 2rem;
    border: 1px solid transparent;
    border-bottom-color: #000;
    height: unset;
}

.header--nav li.menu-item-has-children ul.sub-menu li a {
    color: #000;
    margin: 0;
}

.header--nav li.menu-item-has-children ul.sub-menu.show {
    display: block;
}

.header--nav li.menu-item-has-children ul.sub-menu li:hover {
    background: var(--color-1);
    border: 1px solid #000;

}

.burger-menu--wrapper {
    position: relative;
    margin-left: 1.6rem;
}

.burger-menu--wrapper,
.popup-burger--menu {
    position: relative;
    margin-left: 1.6rem;
}

.burger-menu {
    height: 16px;
    width: 18px;
    cursor: pointer;
}

.burger-menu span {
    width: 100%;
    height: 2px;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background: var(--color-1);
    position: absolute;
}

.burger-menu span:nth-child(2) {
    top: 7px;
}

.burger-menu span:nth-child(3) {
    top: 14px;
}

.burger-menu.active span:nth-child(1) {
    top: 7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.burger-menu.active span:nth-child(2) {
    opacity: 0;
}

.burger-menu.active span:nth-child(3) {
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header--wrapper .header-avatar {
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
}

.header--wrapper .header-pop-up--main {
    position: relative;
}



.header-pop-up--main .popup-menu ul li a {
    color: #FFFBF6;
    font-size: 14px;
    font-weight: 350;
    padding-right: 30px;
}

.header-pop-up--main .popup-menu ul li:not(:last-child) {
    padding-bottom: 2rem;
}

.custom-pad--bottom {
    padding-bottom: 15rem !important;
}

.header-pop-up--main .popup-menu {
    position: absolute;
    top: 100%;
    background: #080808;
    padding: 24px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
    right: 0;
    width: 304px;
}

.header-pop-up--main .popup-menu.active {
    display: block;
}

.header-pop-up--main .popup-menu ul li {
    list-style-type: none;
}

.custom-white--text .content-text--form p,
.custom-white--text .content-text--form a {
    color: #FFFBF6 !important;
}

.sticky--button {
    opacity: 0;
    pointer-events: none;
}

.sticky .sticky--button {
    opacity: 1;
    pointer-events: all;
}

.popup-nav {
    padding: 3rem 0;
    display: none;
    box-shadow: 0 10px 10px #221F1E;
    max-height: 80vh;
    overflow-y: auto;
    background: #080808;
}

#content_area .section {
    padding: 0 !important;
}

.popup-nav.active {
    display: block;
}

.popup-nav ul li {
    list-style: none;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.popup-nav ul li.menu-item-has-children.active a {
    margin-bottom: 1rem;
}


.popup-nav ul li.menu-item-has-children.active .chevron-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

}

.popup-nav ul li ul.sub-menu {
    display: none;
    padding-left: 2rem;
    order: 2;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    max-width: 100%;
    max-height: 50vh;
    overflow-y: auto;
}

.popup-nav ul li .chevron-down {

    padding: 0 2rem;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.popup-nav ul li:last-child {
    margin: 0;
}

.popup-nav ul li a {
    font-size: 1.8rem;
    font-weight: bold;
    color: #FFFBF6;
}

.popup-nav ul li a:hover {
    color: var(--color-1);
}

.popup-nav .chevron-down svg path {
    stroke: var(--color-1);
}

/* .menu-item-has-children .sub-menu {
    display: none;
    margin-left: 2rem;
}

.menu-item-has-children:hover .sub-menu {
    display: block;
} */
body.page-id-2896 .header--bottom,
body.page-id-2896 footer.footer {
    display: none !important;
}

@media screen and (max-width: 1280px) {
    .burger-menu span {
        background: #fff;
    }

    .header--nav {
        display: none;
    }

    .burger-menu--wrapper {
        display: block;
    }

    .mobile-burger--menu .burger-menu {
        display: block !important;
    }

    .header-pop-up--main .popup-burger--menu {
        display: none !important;
    }

    .header-pop-up--main {
        display: none;
    }
}

@media screen and (min-width: 1280px) {

    .header-pop-up--main .popup-burger--menu {
        display: block !important;
    }

    .mobile-burger--menu .burger-menu {
        display: none !important;
    }
}
























.hero-banner {
    background: #080808;
}

.hero-banner h1 {
    font-size: 7.2rem;
    color: #fff;
    font-family: 'Gotham Bold';
    margin: 0;
    text-transform: capitalize;
    line-height: 1.1;
}

.hero-banner h1 span {
    font-size: 7.2rem;
}

.section-bg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.section-bg img {
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

.hero-banner .section-bg {
    position: absolute;
    width: 60%;
    right: 0;
    top: 0;
    left: unset;
    height: 100%;
}

.hero-banner .content--title {
    max-width: 90rem;
    margin-bottom: 4rem;
}

@media screen and (max-width: 991px) {

    .hero-banner h1 span,
    .hero-banner h1 {
        font-size: 5rem;
    }
}




/* MINI BOXES */



.mini-boxes {
    background: #080808;
}

.mini-boxes a {
    color: #fff;
    display: block;
}

.mini-boxes--each__inner {
    border: 4px solid var(--color-1);
    border-radius: 2.4rem;
    padding: 6rem 4rem 2.4rem;
    position: relative;
}

.mini-boxes .mini-boxes--index {
    color: var(--color-1);
    display: inline-block;
    background: #080808;
    padding: 0.5rem 1rem;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 3rem;
    transform: translateY(-50%);
}

.mini-boxes--each h4 {
    font-size: 6.4rem;
}

.mini-boxes--each h6 {
    font-size: 3.2rem;
}

@media screen and (max-width: 1200px) {
    .mini-boxes .grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 667px) {
    .mini-boxes .grid {
        grid-template-columns: 1fr;
    }
}




/* REGULAR CONTENT */
.reverse .col--1 {
    order: 2;
}

.button--center .content--button__wrapper {
    justify-content: center;
}

.radius--image .content--image {
    border-radius: 2.4rem;
    -ms-border-radius: 2.4rem;
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    -o-border-radius: 2.4rem;
    overflow: hidden;
}

.regular-content .content--title {
    line-height: 1.1;
}

.regular-content .content--title h2 span {
    color: var(--color-1);
    font-size: inherit;
}

.regular-content .content--text ul {
    padding-left: 2em;
}

.regular-content .content--text ul li {
    margin: 1rem 0;
}

.regular-content .content--text ul li::marker {
    color: var(--color-1);
}


.regular-content .content--image {
    max-width: 50rem;
    margin: auto;
}

.regular-content .content--video video {
    width: 100%;
    border: 1em solid var(--color-1);
    border-radius: 2.4rem;
}





/* REGULAR CONTENT BOXED */

.regular-content-boxed .container {
    border-radius: 4rem;
    -ms-border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -o-border-radius: 4rem;
}

.regular-content-boxed.white-bg-section .container {
    background: #080808;
    color: #fff;
}

.regular-content-boxed.white-bg-section .container .site-details a {
    color: #fff;
}

.regular-content-boxed.dark-bg-section .container {
    background: #221F1E;

}

.regular-content-boxed h2 {
    color: var(--color-1);
}

.regular-content-boxed .content--image {
    border-radius: 3.2rem;
    -ms-border-radius: 3.2rem;
    -webkit-border-radius: 3.2rem;
    -moz-border-radius: 3.2rem;
    -o-border-radius: 3.2rem;
    overflow: hidden;
}




/* ACCORDION */
.accordion {
    background: #FFFBF6;
}

.accordion .grid--full {
    max-width: 80rem;
    margin: auto;
}

.accordion .grid--full .content--wrapper {
    text-align: center;
}

.accordion .grid--full .amc--inner {
    display: grid;
    grid-template-columns: 4fr 1fr;
    align-items: flex-end;
    gap: 4rem;
}

.accordion .grid--full .amc--content {
    border: none;
    padding-bottom: 0;
}

.accordion .content--title {
    line-height: 1.2;
}

.accordion--each.active {
    background: var(--color-1);
}

.accordion--each {
    padding: 2.4rem;
    background: #faf5ef;
    border-radius: 2.4rem;
    -ms-border-radius: 2.4rem;
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    -o-border-radius: 2.4rem;
}

.accordion--title {
    font-size: 2rem;
}

.accordion--content {
    display: none;

}

.accordion--content p {
    font-size: 1.4rem;
}


.accordion--icon {
    height: 20px;
    width: 20px;
    position: relative;
}


.accordion--icon span {
    position: absolute;
    border-radius: 4px;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.accordion--icon span:first-child {
    height: 2px;
    width: 12px;
}

.accordion--icon span:last-child {
    width: 2px;
    height: 12px;
}

.accordion--each.active .accordion--icon span:last-child {
    opacity: 0;
}

.accordion--each .accordion--title__wrapper {
    cursor: pointer;
}

.accordion--each .accordion--title {
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.accordion--each.active .accordion--title {
    margin-bottom: 1rem;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}


.accordion .accordion--more-content {
    background: #fff;
    padding: 2.4rem;
    box-shadow: 0px 9px 24px 0px #00000026;
    border-radius: 1.2rem;
}


.accordion .amc--content {
    border-bottom: 1px solid #A6A6A6;
}

.accordion .amc--image {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.accordion .amc--image img {
    height: 100%;
    object-fit: cover;
}








/* REG CONTENT FLOATING IMAGE */
.regular-content-floated-image {
    background: #000;
}

.regular-content-floated-image:before {
    content: '';
    background: linear-gradient(900deg, transparent 10%, black 66%);
    width: 100%;
    height: 10rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.regular-content-floated-image .content--image img {
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

@media screen and (max-width: 1250px) {
    .regular-content-floated-image .content--image__wrapper {
        position: absolute;
        left: 0;
        top: 0;
    }

    .regular-content-floated-image .col--2 {
        z-index: 1;
    }

    .regular-content-floated-image .content__wrapper {
        position: relative;
        overflow: hidden;
    }
}

@media screen and (max-width: 991px) {
    .regular-content-floated-image .content__wrapper {
        grid-template-columns: 1fr;
    }
}



/* COMPANY LOGO */


.section.company-logo {
    background-color: #080808;
    padding: 4rem 0;
}

.company-logo .cl--each {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    min-height: 5rem;
    justify-content: center;
}

.company-logo .cl--each__inner {
    margin: 0 1.5rem;
}






/* COUNTER */
.counter--wrapper {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.counter--each {
    padding: 0 3.5rem;
}

.counter--each h3 span {
    font-size: 4.8rem;
    color: #080808;
}

.counter--each .content--title h6 {
    color: #221F1E;
    opacity: 0.5;
}


/* CURRICULUM STEPS */
.content-steps--each {
    position: relative;
    border: 4px solid #fff;
    padding: 6rem 4rem 3rem;
    border-radius: 5px;
    background: #000;
}

.content-steps--each:last-child {
    margin-bottom: 0;
}

.content-steps--index {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 4rem;
    transform: translateY(-50%);
    padding: 1rem 4rem;
    background: #32B0A9;
    color: #000;
    border-radius: 5px;
    line-height: 1;
    border: 1px solid #000;
}

.chapter-steps--wrapper {
    padding: 2.4rem;
    border-radius: 2.4rem;
    background: #221F1E;

}

.chapter-steps--each {
    border-radius: 1.2rem;
    background: #fff;
    padding: 2rem;

}

.chapter-steps--each a {
    display: block;
}

.chapter-steps--each__inner {
    color: #000;
}

.chapter-steps--each .content--video {
    height: 10rem;
    width: 100%;
    background: #000;
    border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
}

.curriculum-steps .col--1 .content--title {
    line-height: 1.3;
}

.curriculum-steps .chapter-steps--each .content--title {
    max-width: 200px;
}

@media screen and (max-width: 899px) {
    .curriculum-steps .content__wrapper {
        grid-template-columns: 1fr;
    }
}

/* TABS SECTION */

.tabs--each {
    position: relative;
    background: #080808;
    padding: 8rem;
    color: #fff;
    border-radius: 2.4rem;
    -ms-border-radius: 2.4rem;
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    -o-border-radius: 2.4rem;
    display: none;
}

.tabs--each.active {
    display: block;
}

.tabs--each .tabs--bg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    pointer-events: none;
}

.tabs--each .tabs--bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

.tabs--each .content--image {
    height: 350px;
}

.tabs--each .content--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

.tabs--inner {
    position: relative;
}

.tabs--selection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.tabs--main-title__each {
    margin: 0 1.2rem;
}

.tabs--main-title__each a {
    padding: 1.6rem 2.4rem;
    border-radius: 1rem;
    background: #fff;
    font-size: 1.4rem;
    border: 1px solid #CABFA8;
    text-transform: uppercase;
    color: #CABFA8;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.tabs--main-title__each.active a,
.tabs--main-title__each a:hover {
    background: #221F1E;
    color: #FFFBF6;
    border-color: #221F1E;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;

}













/* PRICE TABS */
.price-tabs--each__inner {
    padding: 4rem 3rem;
    border: 1px solid #000;
    border-radius: 2.4rem;
}

.price-tabs--each {
    flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    -webkit-flex: 0 0 33.333%;
    -moz-flex: 0 0 33.333%;
    -o-flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0 1.2rem;
}

.price-tabs--highlight {
    background: #D7D7D766;
    padding: 1rem 2.2rem;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Gotham Bold';
    font-size: 1.4rem;
}

.price-tabs--highlight p {
    font-size: 1.4rem;
}


.price-tabs--main-price p {
    font-size: 6.4rem;
    font-family: 'Gotham Bold';
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.price-tabs--main-price p span {
    font-family: 'Gotham';
    font-size: 1.4rem;
}

.price-tabs--lists ul li {
    list-style: none;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.price-tabs--lists ul li span {
    margin-left: 7px;
}

.price-tabs--button a {

    width: 100%;
    justify-content: center;
}


/* SYLLABUS */
.syllabus-year {
    border-bottom: 1px solid #CABFA8;
}


.syllabus-content {
    display: none;
}

.syllabus-content.active {
    display: block;
}

.syllabus-content--inner .col--1 {
    flex: 0 0 calc(30% - 5rem);
    -ms-flex: 0 0 calc(30% - 5rem);
    -webkit-flex: 0 0 calc(30% - 5rem);
    -moz-flex: 0 0 calc(30% - 5rem);
    -o-flex: 0 0 calc(30% - 5rem);
    max-width: calc(30% - 5rem);
}

.syllabus-year--each a {
    color: #221F1E;
    background: #fff;
    padding: 2.4rem;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    line-height: 1;
    text-transform: uppercase;
}

.syllabus-year--each.active a {
    color: #fff;
    background: #221F1E;
}

.syllabus-months ul li {
    list-style: none;
    padding: 1.5rem 2rem;
    background: #030404;
    border-radius: 2.4rem;
    -ms-border-radius: 2.4rem;
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    -o-border-radius: 2.4rem;
    color: #fff;
    margin-bottom: 2rem;
    text-align: center;
    font-family: 'Gotham Bold';
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.syllabus-months ul li:last-child {
    margin-bottom: 0rem;
}

.syllabus-months ul li.active {
    background-color: var(--color-1);
    color: #000;
}

.syllabus-months--title {
    padding-top: 1.2rem;
}

.syllabus-months--title h3 {
    text-transform: capitalize;
    font-size: 3.2rem;
}

.syllabus-chapter--title {
    cursor: pointer;
    line-height: 1;
}

.syllabus-chapter--each {
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    margin-bottom: 2.4rem;
}


.syllabus-chapter--each.active {
    padding: 2rem;
    border-radius: 1.2rem;
    -ms-border-radius: 1.2rem;
    -webkit-border-radius: 1.2rem;
    -moz-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    background: #CABFA8;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.syllabus-chapter--each.active .chevron svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.syllabus-chapter--title h4 {
    font-size: 2.4rem;
    text-transform: capitalize;
    line-height: 1.4;
}

.syllabus-months--content {
    display: none;
}

.syllabus-months--content.active {
    display: block;
}

.syllabus-months--content .notice-text {
    line-height: 1;
    padding-bottom: 1rem;
    border-bottom: 1px solid #CABFA8;
}

.syllabus-months--content .notice-text p {
    color: #918F8F;
}

.syllabus-months--content .notice-text p a {
    color: #080808;
    font-family: 'Gotham Bold';
    text-decoration: underline;
}

.syllabus-course-units {
    display: none;
}

.syllabus-course-units ul li {
    list-style: none;
    margin-bottom: 1.2rem;
}

.syllabus-course-units ul li a:hover {
    color: #fff;
}


.syllabus-months--video {
    border: 1rem solid var(--color-1);
    border-radius: 2.4rem;
    overflow: hidden;

}

.syllabus-months--video video {
    width: 100% !important;
    max-width: 100%;
}

.syllabus-tabs li.active .complete {
    display: block;
}

.syllabus-tabs li.active .incomplete {
    display: none;
}

@media screen and (max-width: 1200px) {
    .syllabus-content--inner .col--1 {
        flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        -webkit-flex: 0 0 30%;
        -moz-flex: 0 0 30%;
        -o-flex: 0 0 30%;
        max-width: 30%;
    }
}

@media screen and (max-width: 991px) {

    .syllabus-months--wrapper.col--2,
    .syllabus-content--inner .col--1 {
        flex: auto;
        -ms-flex: auto;
        -webkit-flex: auto;
        -moz-flex: auto;
        -o-flex: auto;
        max-width: unset;
    }

    .syllabus-months--wrapper.col--2 {
        padding-top: 4rem;
    }

    .syllabus-content--inner {
        display: block;
    }



    .syllabus-months ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .syllabus-months ul li {
        margin-bottom: unset;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        gap: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .syllabus-months ul {
        grid-template-columns: 1fr;
    }

    .syllabus-chapter--title h4 {
        font-size: 2rem !important;
    }

}

.syllabus-chapter--each .chevron {
    margin-left: 3rem;
    margin-top: 1.5rem;
}


/* GALLERY */
.gallery-slider--each {
    height: 45rem;
    opacity: 0.5;
}

.gallery-slider--each__inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin: 0 1.2rem;
}

.gallery-slider--image {
    border-radius: 2.2rem;
    overflow: hidden;
}


.slick-active.slick-center .gallery-slider--image {
    border: 16px solid var(--color-1);
    border-radius: 2.2rem;
    overflow: hidden;
}

.gallery-slider--each.slick-center {
    opacity: 1;
}

/* MEMBER SUPPORT */
.member-support .col--1 {
    padding: 4rem 0;
    background: #0E837C;
}

.member-support .content__wrapper {
    position: relative;
}



.member-support .content__wrapper:before {
    content: '';
    height: calc(100% + 16rem);
    width: 65%;
    background: #424242;
    position: absolute;
    top: -8rem;
    right: 0;

}

.member-support .col--1,
.member-support .col--2 {
    position: relative;
}

.member-support .col--1 h2 {
    color: #fff;
}

.member-support .content--wrapper {
    padding-left: 5rem;
    max-width: 57rem;
    margin-left: auto;
}

.member-support .content--image {
    height: 89rem;
    overflow: hidden;
}

.member-support .content--image img {
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

.member-support-form {
    width: 58rem;
}

.member-support-form .msf--field textarea,
.member-support-form .msf--field input {
    padding: 1.4rem 2.4rem;
    border: none;
    outline: none;
}

.member-support-form .msf--field textarea::placeholder,
.member-support-form .msf--field input::placeholder {
    color: #080808;
    opacity: 0.4;
}

.member-support-form .msf--field textarea,
.member-support-form .msf--field input,
.member-support-form .msf--submit input {

    width: 100%;
}

.member-support-form .msf--submit input {
    padding: 1.4rem 2.4rem;
    border: none;
    outline: none;
}

.member-support .content-text--form {
    max-width: 420px;
}

@media screen and (max-width: 1150px) {
    .member-support .content__wrapper {
        gap: unset;
    }

    .member-support .col--1 {
        z-index: 1;
    }
}

@media screen and (max-width: 991px) {

    .member-support .content__wrapper {
        grid-template-columns: 1fr;
        margin-top: 10rem;
    }

    .member-support .content--wrapper {
        margin: auto;
    }

    .member-support .member-support-form {
        width: 100%;
    }

    .member-support .content__wrapper:before {
        display: none;
    }

    .section.member-support {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .member-support .content__wrapper {
        overflow: hidden;
    }

    .member-support .col--1 {
        z-index: 1;
        background: #00000030;
    }

    .member-support .col--2 {
        position: absolute;
        right: 0;
        width: 50%;
    }

    .member-support .col--2::before {
        content: '';
        position: absolute;
        width: 200%;
        top: 0;
        height: 100%;
        background: #000;
        left: -100%;
    }

    .member-support .col--2 .content--image {
        position: relative;
    }

    .member-support .col--1>.content--wrapper {
        padding-right: 5rem;
    }

}

@media screen and (max-width: 767px) {
    .member-support .member-support--form span {
        font-size: 14px;
    }
}






/* PROGRESS TRACKER */


.progress-tracker table thead tr th {
    background: var(--color-1) !important;
    text-align: left;
    font-size: 3rem;
    color: #080808;
    padding: 2rem 4rem !important;
}

.progress-tracker table thead tr th.wpcw_fe_course_progress_pc {
    padding-left: 0;
    text-align: left;
}

.progress-tracker #wpcw_fe_course .wrapped-units {
    height: auto;
    display: none;
}

.progress-tracker #wpcw_fe_course .wrapped-units>td {
    padding: unset !important;
}

.progress-tracker #wpcw_fe_course_progress {
    border-radius: 2.4rem;
    -ms-border-radius: 2.4rem;
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    -o-border-radius: 2.4rem;
    overflow: hidden;
}

.progress-tracker #wpcw_fe_course_progress #wpcw_fe_course tbody>tr.wpcw_fe_module {
    cursor: pointer;
}

.progress-tracker #wpcw_fe_course_progress #wpcw_fe_course>tbody>tr.wpcw_fe_module>td:last-child {
    font-size: 0;
}

.progress-tracker #wpcw_fe_course_progress #wpcw_fe_course>tbody>tr.wpcw_fe_module.active td {
    background: #CABFA8;

}

.progress-tracker #wpcw_fe_course_progress #wpcw_fe_course>tbody>tr.wpcw_fe_module.active>td:last-child:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

}

.progress-tracker tr.wpcw_fe_course_progress_row {
    background: #221F1E;
}

.progress-tracker #wpcw_fe_course_progress .wpcw_fe_course_progress_course a {
    color: var(--color-1);
    font-size: 2rem;
    font-weight: 700;
    background: unset;
    padding-left: 4rem;
}



.progress-tracker #wpcw_fe_course .wpcw_fe_unit a {
    color: #000000;
    font-size: 2rem;

}

#wpcw_fe_course .wpcw_fe_unit a {
    color: #fff !important;
    font-size: 16px;
}

.progress-tracker #wpcw_fe_course_progress td {
    border-color: #F8EFE2;
}

.progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail {
    background: #fffbf6;
    padding: 0;
}

.progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course {
    padding: 1rem;
    border-collapse: collapse;
    background: unset;
}

.progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td {
    padding: 1.4rem 4rem;
    border-bottom: 1px solid #FFFFFF99;
    color: #000000;
    font-size: 2rem;
    font-weight: 700;
    background: #fffbf6;
    opacity: 60%;
}

.progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td span svg {
    display: none;
}

.progress-tracker #wpcw_fe_course_progress #wpcw_fe_course>tbody>tr.wpcw_fe_module td:last-child {
    color: #000;
    font-weight: 700;
    text-align: right;
    padding-right: 4rem;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: right;
}

.progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td span {
    color: #000;
    font-weight: 700;
    text-align: right;
    padding-right: 4rem;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-position: right;
}

.progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td.wpcw_fe_unit_progress {
    /* width: 40rem; */
}

.progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td span:before {
    content: 'In Progress';
}

.progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td.wpcw_fe_unit_progress_complete span:before {
    content: 'Chapter Completed';
}

.progress-tracker #wpcw_fe_course_progress .wpcw_fe_course_progress_pc {
    padding-right: 4rem;
}

.progress-tracker .wpcw_progress {
    background: #433f3a;
    height: 2.8rem;
    border-radius: 0.8rem;

}

.progress-tracker .wpcw_progress_bar {
    background: linear-gradient(270deg, #FEE500 0%, #FF9900 94.04%);
    border-radius: 0.8rem;
}

.progress-tracker #wpcw_fe_course_progress td {
    padding: 2rem 0;
}

.progress-tracker .wpcw_progress_percent {
    display: none;
}

@media screen and (max-width: 767px) {
    .progress-tracker #wpcw_fe_course_progress .wpcw_fe_course_progress_course a {
        padding-left: 2rem;
    }

    .progress-tracker #wpcw_fe_course_progress .wpcw_fe_course_progress_pc {
        padding-right: 2rem;
    }

    .progress-tracker #wpcw_fe_course_progress td.wpcw_fe_course_progress_detail #wpcw_fe_course td {
        padding: 1.4rem 2rem;
    }

}




















/* CTA */
.cta .col--1 {
    background: #080808;
    color: #fff;
    border-radius: 0 2.4rem 2.4rem 0;
}

.cta .content--wrapper {
    max-width: 52rem;
    margin-left: auto;
    padding: 10rem 0;
}

.cta .content--title {
    color: var(--color-1);
}

.cta .content--image {
    height: 60rem;
    border-radius: 2.4rem 0 0 2.4rem;
    overflow: hidden;

}

.cta .content--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}















/* TESTIMONIALS */
.testimonial--wrapper {
    position: relative;
}

.testi--message {
    max-width: 95rem;
    margin: auto;
}

.testi--message p {
    font-size: 2rem;
    line-height: 1.8;
}

.testi--profile {
    max-width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin: auto;
}

.testi--profile img {
    height: 100%;
    width: 100%;
}

.testi--arrow {
    position: absolute;
    top: 50%;
    height: 70px;
    width: 70px;
    background: var(--color-1);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--color-1);
}

.testi--arrow:hover {
    background: #fff;
}

.testi--arrow.prev {
    left: -10rem;
}

.testi--arrow.next {
    right: -10rem;
}

.testi--sm p {
    font-size: 1.2rem;
}








/* SOCIAL LINKS */
.social-links .content--title__wrapper {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
}

.social-links .content--title h2 {
    font-family: 'Gotham Light';
    font-size: 2.4rem;
}

.social-links .logo-wrapper {
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 767px) {
    .top--banner {
        padding-top: 10rem;
    }

    .social-links .social-links--wrapper {
        flex-direction: column;
        align-items: center;
    }
}




/* .wpcourse-page #wpcw_fe_course .wpcw_fe_module td:nth-child(3){
    display: none;
} */


/* LOGIN SECTION */

.login-section {}

.login-section label {
    display: block;
    font-size: 1.8rem;
}

.login-section .login-form--submit input,
.login-section .login-form--block-field input {
    padding: 1.4rem 2.4rem;
    width: 100%;
    border-radius: 1.2rem;
    border: none;
    color: #000;
    font-size: 1.8rem;
}

.login-section .login-form--submit input:focus,
.login-section .login-form--block-field input:focus {

    border: none;
    outline: none;
}

.login-section .login-form--block {
    text-align: right;
}

.login-section .login-form--block a {
    font-size: 1.8rem;
    color: var(--color-1);
}

.login-section .login-form--submit input {
    background: var(--color-1);
    border-radius: 2.4rem;
    -ms-border-radius: 2.4rem;
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    -o-border-radius: 2.4rem;
    text-transform: uppercase;
}

.login-section .login-form--checkbox {
    font-size: 1.8rem;
}

.login-form--notmember {
    font-size: 1.8rem;
}

.login-form--notmember a {
    border-bottom: 1px solid var(--color-1);
}




/*
CUSTOM CSS PAGE */

.page-id-2829 .top--banner .section-bg {
    opacity: 0.1;
}

.page-id-2829 .top--banner .content--title h2 {
    font-size: 10rem;
}

.page-id-2829 .top--banner .content--title h2 span {
    display: block;
}











/* MYACCOUNT PAGE */
.section.myaccount-page {
    background: #000;
}

.myaccount-page h1 {
    font-size: 4rem;
    margin: 0;
    line-height: 1.1;
    color: #FFFBF6;
}

.myaccount-page .up--image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #00000024;
}

.myaccount-page .up--image img {
    height: 100%;
    object-fit: cover;
}

.myaccount-page .up--name h2 {
    font-size: 4.8rem;
    color: #FFFBF6;
}

.mm-design .mm-design-module {
    background: #221F1E;
    color: #fff;
    padding: 5rem 10rem;
    border-radius: 2.4rem;
    -ms-border-radius: 2.4rem;
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    -o-border-radius: 2.4rem;
    border-color: #221F1E;
}

.mm-design .mm-design-module-header {
    background: #221F1E;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.mm-design .mm-design-module-header h4 {
    color: var(--color-1);
}


.mm-design .mm-design-block {
    width: 100%;
}

.mm-design .mm-design-label {
    margin-bottom: 8px;
    display: block;
}

.mm-design .mm-design-data {
    display: block;
    padding: 1.6rem 2.4rem;
    background: #fff;
    border-radius: 1.2rem;
    color: #080808;
    line-height: 1;
    font-size: 1.4rem;
    min-height: 40px;
}

@media screen and (max-width: 767px) {

    #mm-account-details-body,
    #mm-billing-info-body,
    #mm-shipping-info-body,
    #mm-order-history-header {
        display: block;
    }

    .mm-myaccount-element:not(:last-child) {
        padding-bottom: 2rem;
    }

    .mm-design-module-header .content--button__wrapper,
    #mm-order-history-body {
        padding-top: 2rem;
    }

    .mm-design .mm-design-module {
        padding: 5rem 5rem;
    }
}

@media screen and (max-width: 500px) {
    .mm-design .mm-design-module-header {
        display: block;
    }

    .mm-design .mm-design-module {
        padding: 2rem;
    }
}

.col-span-2 {
    grid-column: 1 / span 2;
}


/* CHECKOUT PAGE */
.dark-bg-section .mm-checkoutContainer {
    color: #FFFBF6;
    max-width: unset;
}

.checkout-page .mm-checkoutContainer>form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}



.checkout-page .mm_left_column,
.checkout-page .mm_right_column {
    float: unset;
    margin: 0;
}

.checkout-page .mm_left_column {
    flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    -webkit-flex: 0 0 55%;
    -moz-flex: 0 0 55%;
    -o-flex: 0 0 55%;
    max-width: 55%;
    width: 100%;
    margin-right: auto;

}

.checkout-page .mm_right_column {
    flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
    -moz-flex: 0 0 40%;
    -o-flex: 0 0 40%;
    max-width: 40%;
    width: 100%;
    margin-top: 2rem;

}

.checkout-page .mm_right_column h2 {
    line-height: .8;
    margin-bottom: 3rem;
}

.checkout-page .mm_right_column h2 span {
    font-size: 4.2rem;
}



.checkout-page .mm-checkoutInfoBlock {
    padding: 6rem 10rem;
    border-radius: 2.4rem;
    background: #221F1E;
    border: none;
    line-height: 1.3;
}

.checkout-page .mm-purchaseSection {
    max-width: 40rem;
}


.checkout-page .mm-paymentbuttons .content--button a {
    text-align: center;
    padding: 1.6rem 2.4rem;
    border-radius: 4rem;
    display: inline-block;
    font-size: 1.8rem;
    color: #ffffff;
    border: none;
    outline: none;
    box-shadow: unset;
    background: var(--color-1);
    border: 1px solid var(--color-1);
    width: 100% !important;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    text-shadow: none;
}

#mm-coupon-block h2{
margin-bottom: 20px;
}

#mm-coupon-block a {
    text-align: center;
    padding: 1.6rem 2.4rem;
    border-radius: 4rem;
    display: inline-block;
    font-size: 1.8rem;
    color: #ffffff;
    border: none;
    outline: none;
    box-shadow: unset;
    background: var(--color-1);
    border: 1px solid var(--color-1);
    width: 100% !important;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    text-shadow: none;
}

.checkout-page .mm-paymentbuttons .content--button a:hover {
    opacity: 0.8;
}

.checkout-page .mm-checkoutSection2>ul {
    width: 100%;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid #fff;
    max-width: 40rem;
}

.checkout-page .mm-checkoutSection2>ul:last-child {
    margin-bottom: 3rem !important;
    border-bottom: unset;
}

.checkout-page .mm-checkoutSection2>ul li ul {
    width: 100%;
    float: unset;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.checkout-page .mm-checkoutSection2>ul li ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.checkout-page .mm-checkoutSection2>ul li ul li .mm-prices {
    display: block;
    float: unset;
    font-size: 1.4rem;
    width: 100%;
}

.checkout-page .mm-checkoutSection2 ul li .mm-data {
    width: 100%;
    text-align: right;
}


.checkout-page .mm-giftsection {
    font-size: 1.8rem;
    margin-bottom: 4rem;
}

.checkout-page .mm-productDesc {
    line-height: 1;
    font-style: normal;
}










.checkout-page .mm-checkoutInfoBlock h2 {
    color: var(--color-1);
    font-size: 3.2rem;
    line-height: 1;
}

.checkout-page .mm-formField label {
    width: 100%;
    float: unset;
    color: #fff;
    margin-bottom: 1rem;
    display: block;
}

.checkout-page .mm-selectList,
.checkout-page .mm-stripe-elements-container.StripeElement,
.checkout-page .mm-textField {
    width: 100%;
    padding: 1.6rem 2.4rem;
    height: auto;
    border-radius: 1.2rem;
    outline: none;
    border: none;
}

.checkout-page .mm-selectList,
.checkout-page .mm-textField {
    margin-bottom: 2.3rem;
}

.checkout-page .mm-textField:focus {
    border: none;
    outline: none;
}

.checkout-page .mm-ccLogos {
    max-width: 20rem;
    margin-left: auto;
    margin-top: 4rem;
}

.checkout-page .mm-hr {
    border-color: var(--color-1);
    margin-top: 4rem;
    padding-top: 4rem;
}

@media screen and (max-width: 991px) {
    .checkout-page .mm-checkoutContainer>form {
        flex-direction: column;
    }

    .checkout-page .mm_left_column {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -o-flex: 0 0 100%;
        max-width: 100%;
    }

    .checkout-page .mm_right_column {
        flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        -webkit-flex: 0 0 60%;
        -moz-flex: 0 0 60%;
        -o-flex: 0 0 60%;
        max-width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .checkout-page .mm_right_column {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -o-flex: 0 0 100%;
        max-width: 100%;
    }

    .checkout-page .mm-checkoutInfoBlock {
        padding: 6rem 5rem;

    }
}

@media screen and (max-width: 400px) {
    .checkout-page .mm-checkoutInfoBlock {
        padding: 6rem 2rem;
    }
}


/* WPCOURSE */
.wpcourse-page h1 {
    font-size: 6.4rem;
    margin: 0;
}

.wpcourse-page h1,
.wpcourse-page h2 {
    line-height: 1;
}

.wpcourse-page h2 {
    font-size: 3.2rem;
    color: #fff;
}

.wpcourse-page .sidebar-title {
    background: #221F1E;
    padding: 3rem 4rem;
}

/* .wpcourse-page .section {
    margin: 4rem 0;
    padding: 0;
} */

.wpcourse-page #wpcw_fe_course {
    border-left: unset;
    border-right: unset;
    border-top: 1px solid #fff;
}

.wpcourse-page #wpcw_fe_course td.wpcw_fe_unit {
    padding: 1.4rem;
    background: #fffbf6;
    line-height: 2;
}

.wpcourse-page .sidebar #wpcw_fe_course td {
    background: #26B0AF;
}

.wpcourse-page tr.wpcw_fe_unit:last-child td.wpcw_fe_unit_progress,
.wpcourse-page tr.wpcw_fe_unit:last-child td.wpcw_fe_unit {
    border-bottom: none;
}

.wpcourse-page #wpcw_fe_course .wpcw_fe_module td,
.wpcourse-page .course--title {
    background: #030404;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2;
    padding: 1.4rem;
    vertical-align: middle;
}

.wpcourse-page #wpcw_fe_course .wpcw_fe_module td svg {
    vertical-align: middle;
}

.wpcourse-page .section--wrapper section:first-child {
    margin-top: 0;
    margin-bottom: 4rem;
}

.wpcourse-page .wpcw_fe_unit .wpcw_fe_unit_progress {
    background: #fffbf6;
}

.wpcourse-page .wpcw_fe_unit .wpcw_fe_unit_progress span {
    background: unset;
}

.wpcourse-page .content--text ul {
    padding-left: 2rem;
}

.wpcourse-page .content--text {
    color: #636262;
}

@media screen and (max-width: 991px) {
    .wpcourse-page .flex.flex--35-65 {
        flex-direction: column;
        gap: 4rem;
    }

    .wpcourse-page .flex .col--1 {
        order: 1;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -o-flex: 0 0 100%;
        max-width: 100%;
    }

    .wpcourse-page .flex .col--2 {
        order: 2;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -o-flex: 0 0 100%;
        max-width: 100%;
    }
}

.wpcourse-media {
    max-width: 100%;
}

.wpcourse-media iframe,
.wpcourse-media img {
    border-radius: 3.5rem;
    border: 1rem solid var(--color-1);
    width: 100%;
}

.wpcourse-media .content--video>div {

    width: 100%;
}


/* WPCOURSE UNIT */
.unit-parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.unit-parent a {
    padding-left: 1rem;
    margin-left: 1rem;
    border-left: 1px solid var(--color-1);
}

.unit-main--title h1 {
    font-size: 4.8rem;
    margin: 0;
}

.unit-main--hidden {
    display: none;
}

.unit-main--hidden .wpcw_fe_progress_box_wrap,
.unit-main--hidden #wpcw_fe_outer_wrap {
    display: none;
}


.unit-main--hidden [data-role="evp-video"] video {
    height: 100%;
}

.unit-main--hidden [data-role="evp-video"]>div,
.unit-main--hidden [data-role="evp-video"] {
    width: 100% !important;
    height: 100% !important;
}

.unit-main--hidden [data-role="evp-video"] {
    height: 50rem !important;
}

.unit-main--hidden #evp-LV0WH4GV20-video_jwplayer_controlbar,
.unit-main--hidden #evp-LV0WH4GV20-video_jwplayer_controlbar_elements {
    width: 100% !important;
}



.unit-main--video__wrapper {
    position: relative;
}

.unit-main---icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    cursor: pointer;
    height: 5rem;
    width: 5rem;
    transform: translate(-50%, -50%);
}

.unit-main .unit--title h3 {
    font-size: 2.4rem;
}

.unit-audio--wrapper.row-count-2,
.unit-video--wrapper.row-count-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 4rem;
}

.unit-audio--wrapper.row-count-2>div,
.unit-video--wrapper.row-count-2>div {
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -o-flex: 0 0 50%;
    max-width: 50%;
    padding: 0 1rem;
	justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.unit-video {
    width: 100%;
    border-radius: 0.4rem;
    overflow: hidden;
    border: 1px solid #ffff;
}

.unit-video>div {
    border-radius: .4rem;
    width: 100%;
}

.unit-section-pad {
    padding: 4rem 0;
}

.unit-audio {
    border: 1px solid #ffff;
    border-radius: .4rem;
    overflow: hidden;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    padding: 5rem;
}

.unit-audio audio {
    width: 100%;
}



.unit-document .su-document iframe {
    width: 100%;
    height: 100%;
    border: 1px solid #fff !important;
    border-radius: .4rem;
}


.unit-controls--main .wpcw_fe_progress_box {
    background: unset;
    color: #ffff;
    border: unset;
    float: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unit-controls--main .wpcw_fe_progress_box_mark {
    float: unset;
    order: 2;
}

.unit-controls--main .course-navigation,
.course-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    gap: 5rem;
}

.unit-controls--main .course-navigation a,
.course-navigation a {
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--color-1);
}

.unit-controls--main .course-navigation .content--button.primary-bg a {
    color: #fff;
}

.course-navigation#wpcourse-template {
    justify-content: space-evenly;
    max-width: 500px;
    margin: auto;
}

@media screen and (max-width: 767px) {

    .unit-audio--wrapper.row-count-2>div,
    .unit-video--wrapper.row-count-2>div {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -o-flex: 0 0 100%;
        max-width: 100%;
    }
	.unit-audio{
		padding: 2rem!important;
	}
}


/* NEWSLETTER */

.newsletter {
    background: #FFFBF6;
}

.newsletter .col--1 {
    background: #221F1E;
    color: #fff;
}

.newsletter .content--title h2 {
    color: var(--color-1);
}

.newsletter .content--wrapper {
    max-width: 63rem;
    margin-left: auto;
    padding: 8rem 0;
}

.news-image {
    height: 70rem;
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
    overflow: hidden;
}

.news-form {
    max-width: 40rem;
}

.news-image img {
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.news-form--field {
    margin-bottom: 1.2rem;
}

.news-form--field input {
    font-size: 1.4rem;
    padding: 1.4rem 2.4rem;
    border-radius: 1.2rem;
    width: 100%;
    outline: none;
    border: none;
    color: #141414;
}

.news-form--field input:focus {
    outline: none;
    border: none;
}

.news-form--submit {
    margin-top: 4rem;
}

.news-form--submit input {
    font-size: 1.4rem;
    font-family: 'Gotham Bold';
    background: var(--color-1);
    color: #000;
    padding: 1.6rem;
    width: 100%;
    text-transform: uppercase;
    border-radius: 2.4rem;
    outline: none;
    border: 1px solid var(--color-1);

}

.news-form--submit input:hover {
    background: #fff;
}

.footer {
    padding: 10rem 0;
    /* border-top: 1px solid #221F1E; */
}

.footer--grid {
    grid-template-columns: repeat(2, 1fr);
}

.footer--content {
    max-width: 30rem;
}

.footer--logo {
    max-width: 12rem;
}

.footer--subtitle {
    margin-bottom: 2.6rem;
    text-transform: uppercase;
    color: #CABFA8;
}

@media screen and (max-width: 991px) {
    .footer .footer--grid {
        grid-template-columns: 2fr 1fr;
    }
}

@media screen and (max-width:767px) {
    .footer .footer--grid {
        grid-template-columns: 2fr 1fr;
    }

    .footer .copyright p {
        text-align: center;
    }

    .footer .col--2 .footer--button__wrapper {
        justify-content: center;
    }
}

@media screen and (max-width: 560px) {
    .footer .footer--grid {
        grid-template-columns: 1fr;
    }

    .footer--top .col--2 {
        justify-content: center !important;
    }


}

@media screen and (max-width: 460px) {
    .footer .col--2 .footer--button__wrapper {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
}

.white-bg-section .footer--subtitle {
    color: #221F1E;
}

.footer-nav ul li {
    list-style: none;
    margin-bottom: 2.5rem;
}

.footer--top {
    padding-bottom: 6rem;
}

.footer--bottom .container {
    padding-top: 4rem;
    border-top: 1px solid #000;
}

.dark-bg-section .footer--bottom .container {
    border-color: #fff;
}

.footer--bottom .copyright p,
.footer--bottom .copyright span {
    font-size: 1.4rem;
}

.footer--button {
    margin-left: 4rem;
}

.footer--button a {
    font-size: 1.4rem;
}

#submit-label {
    cursor: pointer;
}

.footer--form__submit .wpcf7-spinner {
    position: absolute;
}

.footer--form__field .wpcf7-not-valid-tip {
    position: absolute;
}

.footer--form__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.footer--form__field p,
.footer--form__submit p {
    margin-bottom: 0;
}

.footer--form__submit p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.footer--form__field input {
    padding: 1.4rem 1.6rem;
    border-top-left-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
    border: 1px solid #000;
    width: 100%;
}

.footer--form__submit input {
    display: none;
}

.footer--form__submit label {
    padding: 1.1rem 1.6rem;
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
    border: 1px solid #000;
    background: #0E837C;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

/* New Hero Banner */
.section.new-hero--banner {
    background: #000;
    height: 100vh;
    position: relative;
}

.single-shop .new-hero--banner {
    height: 100%;
}

.new-hero--banner .content-title h1,
.new-hero--banner .content-user span,
.new-hero--banner .content-title h1 span {
    font-size: 80px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 1.1;
}

.new-hero--banner .content-title h1 {
    color: #fff;
}

.new-hero--banner .content-user span {
    color: #0E837C;
}

.new-hero--banner .content-text p {
    font-size: 40px;
    font-weight: 325;
    color: #FFFBF6;
}

.new-hero--banner .nhb-inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    align-items: center;
}

.new-hero--banner .background--image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    width: 70%;
    right: 0;
}

.new-hero--banner .background--image img {
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    object-position: top;
}

.single-shop .new-hero--banner .background--image img {
    width: 100%;
    object-position: center;
}

.new-hero--banner .background--image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 38.92%, #000000 92.07%);
}

.new-hero--banner .section-content {
    width: 100%;
}




.section.new-hero--banner-v2 {
    background: #000;
    position: relative;
    height: 100vh;
}

.new-hero--banner-v2.custom-pad--hero {
    padding-top: 20rem !important;
}

.section.new-hero--banner-v2.has-height--100vh {
    height: 100vh;
}

.new-hero--banner-v2 .content-title h1,
.new-hero--banner-v2 .content-user span,
.new-hero--banner-v2 .content-title h1 span {
    font-size: 80px;
    font-weight: 400;
    margin-bottom: 0;
    font-family: 'Gotham';
    line-height: 1.1;
}

.new-hero--banner-v2 .content-title h1 span {
    display: block;
}

.new-hero--banner-v2 .content-title h1 {
    color: #fff;
}

.new-hero--banner-v2 .content-user span {
    color: #FFD361;
}

.new-hero--banner-v2 .content-text p {
    font-size: 40px;
    font-weight: 325;
    color: #FFFBF6;
}

.new-hero--banner-v2 .nhb-inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    align-items: center;
}

.new-hero--banner-v2 .background--image {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    right: 0;
}

.new-hero--banner-v2 .background--image img {
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

.new-hero--banner-v2 .section-content {
    width: 100%;
}

.new-hero--banner-v2 .background--image::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 38.92%, #000000 92.07%);
}

.new-hero--banner-v2 .content-subtitle span {
    font-size: 40px;
    font-weight: 325;
    color: #FFFBF6;
}

.new-hero--banner-v2 .arrow-down--nav svg:hover {
    background: var(--color-g);
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

.padding--20 {
    padding: 20rem;
}

@media screen and (max-width: 991px) {

    .new-hero--banner-v2 .content-title h1,
    .new-hero--banner-v2 .content-user span,
    .new-hero--banner-v2 .content-title h1 span {
        font-size: 60px;
    }

    .section.new-hero--banner-v2 {
        height: 100% !important;
        padding-top: 28rem;
    }

    .new-hero--banner-v2 .content-text p,
    .new-hero--banner-v2 .text-bottom p em,
    .new-hero--banner-v2 .text-bottom--right span {
        font-size: 20px !important;
    }

    .new-hero--banner-v2 .text-bottom--right {
        padding-top: 2rem;
    }
}


@media screen and (max-width: 767px) {

    .new-hero--banner-v2 .background--image {
        width: 80%;
    }

    .new-hero--banner-v2 .text-bottom {
        max-width: 500px;
    }

    .new-hero--banner-v2 .content-title.title-has-max--width {
        max-width: 260px !important;
    }

    .custom-main--hero_max__width .content-title.title-has-max--width {
        max-width: 290px !important;
    }

    .new-hero--banner-v2 .content-title h1,
    .new-hero--banner-v2 .content-user span,
    .new-hero--banner-v2 .content-title h1 span {
        font-size: 48px;
    }

    .new-hero--banner-v2 .content-user span {
        font-size: 48px;
    }

    .new-hero--banner-v2 .content-text p,
    .new-hero--banner-v2 .text-bottom p em,
    .new-hero--banner-v2 .text-bottom--right span {
        font-size: 16px !important;
    }
}





@media screen and (max-width: 991px) {

    .new-hero--banner .content-title h1,
    .new-hero--banner .content-user span {
        font-size: 60px;
    }

    .section.new-hero--banner {
        height: 100%;
        padding-top: 15rem;
    }

    .new-hero--banner .content-text p {
        font-size: 30px;
    }
}


@media screen and (max-width: 767px) {

    .new-hero--banner .content-title h1,
    .new-hero--banner .content-user span {
        font-size: 40px;
    }

    .new-hero--banner .content-text p {
        font-size: 20px;
    }
}

.custom-logout--button a {
    padding: 1rem 3.2rem;
    color: #fff;
    transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    border: 2px solid;
    font-size: 1.4rem;
    text-align: center;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    border: 2px solid #000;
    color: #000;
    font-weight: 350;
    width: 100%;
    justify-content: center;
}

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/* Steps Slider */


.steps-slider .content--title {
    max-width: 610px;
    margin: auto;
}

.steps-slider .slider-video {
    width: 100%;
    height: auto;
}

.steps-slider .video--src {
    width: 100%;
    height: auto;
}

.steps-slider .slider-title {
    border: 4px solid #fff;
    border-radius: 5px;
    text-align: center;
    padding: 2.5rem 1rem;
}

.steps-slider .slider-title span {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-top: 1rem;
}

.steps-slider .slider-text {
    text-align: center;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.steps-slider .slider-text span {
    font-size: 32px;
    font-weight: 600;
    color: #080808;
    background: #0E837C;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid #080808;
    padding: 1rem 2rem;
}

.steps-slider .slider-video {
    border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding-top: 75%;
}

.steps-slider .slider-video .video--poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.steps-slider .slider-video .video--poster img {
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    object-position: top;
}

.steps-slider .slider-video .play-vid {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    width: 100%;
}

.steps-slider .slider-video a {
    pointer-events: none;
    width: 100%;
    display: block;

}

.steps-slider .slider-video .play-vid svg {
    pointer-events: all;
    cursor: pointer;
}

.steps-slider .step-slider--each {
    margin-left: 2rem;
    margin-right: 2rem;
}

.steps-slider .content--title h2 {
    color: #fff;
}

/* .steps-slider .ssc-inner {
    margin-right: -60px;
} */

@media screen and (max-width: 991px) {
    .steps-slider .slider-title span {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .steps-slider .slider-title span {
        font-size: 18px;
    }

    .footer--top .social-links--wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

#mm-shipping-info-container {
    padding-top: 3rem;
}

.company-logo .cl--each .cl--image {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;

}

.company-logo .cl--each .cl--image a {
    width: 100%;
    height: 100%;
}

.company-logo .cl--each .cl--image img {
    /* width: 100px;
    height: 70px; */
    object-fit: contain;
    width: 130px;
    height: 100px;
}

.header--logo {
    width: 100%;
    max-width: 18rem;
}

.header--logo a {
    width: 100%;
}

.footer--top .social--links--each img {
    display: block;
    width: 40px;
    height: 40px;
}

.vimeo-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.vimeo-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.login-section .login-logo--wrapper .content-image {
    width: 100%;
    max-width: 30rem;
}

.unit-banner .unit-audio--each p {
    width: 100%;

}

.s3mm-mejs-player.s3mm-mejs-player-audio:not(:last-of-type) {
    position: relative;
    display: block;
    margin-bottom: 20px;
}


/* Post Content */
.post-sections .content-post--button a img {
    width: 24px;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

.post-sections .content-categories .category-each {
    border: 1px solid #CABFA8;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 16px 24px;
}

.post-sections .content-categories .filter-category,
.post-sections .content-filter-category {
    line-height: 1.3;
}

.post-sections .content--each--inner {
    border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;

}

.post-sections .content-image--wrapper {
    flex-grow: 1;
    background: #fff;
}


.post-sections .post-contents {
    padding: 2rem;
    background: #fff;
}


.post-contents .content-price span,
.post-contents .content-post--title span,
.private-lessons .content-price span {
    font-size: 32px;
    font-weight: 600;
}

.post-contents .content-subtext span,
.private-lessons .content-subtext span {
    font-size: 20px;
    font-weight: 325;
}

.post-contents .content-price span {
    color: var(--color-b-2);
}

.post-contents .content-post--title span,
.post-contents .content-subtext span,
.post-contents .content-text p {
    color: var(--color-b);
}

.post-contents .items--wrapper,
.private-lessons .items--wrapper {
    background: #F8EFE2;
    padding: 1.6rem;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
}

.private-lessons .content--button.gold-bg svg path {
    stroke: #fff;
}

.post-contents .content-post--button a {
    background: #FFD361;
    padding: 10px 32px;
    border-radius: 40px;
    -ms-border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    display: inline-block;
}

/* .post-contents .content-post--button a:hover span{
    background: #000;
    color: #fff;
} */
.post-contents .content-post--button span {
    color: var(--color-b-2);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.post-contents .content-tags a {
    background: #D7D7D733;
    color: var(--color-b-2);
    border-radius: 4px;
    padding: 6px 12px;
}

.post-sections.product-post .content-image--wrapper {
    position: relative;
}

.post-sections.product-post .coming--soon {
    position: absolute;
    top: 20px;
    left: 20px;
}

.post-sections.product-post .content-tags a {
    color: #221F1E;
    border-radius: 4px;
    padding: 6px 12px;
    border: 1px solid #221F1E;
    background: #F8EFE2;
}

.post-sections .category-each {
    cursor: pointer;

}

.post-sections .category-each span,
.blog-post .post-filter-category span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
}

.post-sections .category-each.active {
    background: #FFD361;
    color: var(--color-b-2);
}

.post-sections .category-each.active span {
    color: var(--color-b-2);
}

.post-sections .content-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}



.post-sections .content-tags span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.post-sections .content--each .content-image {
    overflow: hidden;
    position: relative;
    padding-top: 56%;
}

@media screen and (max-width: 991px) {

    .post-sections .content-wrapper {
        grid-template-columns: 1fr;
    }

    .post-sections .categories-item,
    .blog-post .categories-item,
    .private-lessons .categories--item {
        overflow-x: scroll;
        width: 100%;
        justify-content: normal;
        padding-bottom: 1rem;
    }

    .private-lessons .col--wrapper {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .private-lessons .categories--item {
        grid-template-columns: repeat(4, 1fr);
    }

    .accordion-v2 .accordion-each .ae--inner span,
    .post-contents .content-post--title span {
        font-size: 20px !important;
    }
}

.post-contents .content-post--title span {
    font-size: 32px;
    font-weight: 600;
}

.post-contents .content-text p,
.post-contents .content-post--title span {
    color: #080808;
}



.private-lessons .ajax-loader,
.post-sections .ajax-loader,
.blog-post .ajax-loader {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.private-lessons .ajax-loader svg,
.post-sections .ajax-loader svg,
.blog-post .ajax-loader svg {
    width: 70px;
    height: 70px;
}

.private-lessons .ajax-loader.active,
.post-sections .ajax-loader.active,
.blog-post .ajax-loader.active {
    opacity: 1;
    visibility: visible;
}

.private-lessons .ajax-loader .ajax-bg,
.post-sections .ajax-loader .ajax-bg {
    background: #fff;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.private-lessons .ajax-loader .ajax-bg {
    background: #fff;

}

.post-sections .ajax-loader .ajax-bg {
    background: #000;
}


/* Testimonail Sections */


.testimonials-sections .testimonial-content--each,
.testimonials-sections .testi-profile,
.testimonials-sections .testi-button--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.testimonials-sections .testi-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    ;
    overflow: hidden;
}

.testimonials-sections .testi-avatar img {
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    height: 100%;
    display: block;
}

.testimonials-sections .testi-text {
    text-align: center;
    font-size: 20px;
    color: var(--color-b-2);
}

.endorsement-section .testi-text {
    color: var(--color-2);
}

.testimonials-sections .testimonial-content--each {
    margin-left: 5rem;
    margin-right: 5rem;
}

.testimonials-sections .tc-inner {
    position: relative;
    z-index: 1;
}

.testi-slider--nav .slider-prev {
    position: absolute;
    top: 0;
    left: -50px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.testi-slider--nav .slider-next {
    position: absolute;
    top: 0;
    right: -50px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

@media screen and (max-width: 767px) {

    .testi-slider--nav .slider-prev,
    .testi-slider--nav .slider-next {
        position: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
    }

    .testi-slider--nav .slider-prev svg,
    .testi-slider--nav .slider-next svg {
        width: 32px;
    }

    .testimonials-sections .testi-profile {
        padding-bottom: 3rem !important;
    }

    .testimonials-sections .testi-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 400px) {
    .testimonials-sections .testimonial-content--each {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

.wpcourse-page .full--video {
    background: #080808;
}

.main--wrapper.wpcourse-page .main--content {
    background: #fff;
}

/* .main--wrapper.wpcourse-page .banner-courses .bc-inner{
    padding: 12rem 0;
    padding-top: 0;
} */

.main--wrapper.wpcourse-page .content--video {
    box-shadow: 0px 4px 40px 0px #F3D99866;

}

.full--video .content--title h1 {
    color: #FFFBF6;
    text-align: center;
}

.full--video .content-subtitle span,
.top-content--wrapper .content-subtitle span {
    color: #0E837C;
    font-size: 20px;
    font-weight: 600;
}



.wpcourse-page .course-block.active #wpcw_fe_course .wpcw_fe_module td,
.wpcourse-page .course-block.active-course #wpcw_fe_course .wpcw_fe_module td {
    background: linear-gradient(to right, #157973, #030404);
}

.wpcourse-page .course-block.active #wpcw_fe_course .wpcw_fe_module td:last-child,
.wpcourse-page .course-block.active-course #wpcw_fe_course .wpcw_fe_module td:last-child {
    background: #030404;
}

.wpcourse-page .course-block.active #wpcw_fe_course .wpcw_fe_module td svg,
.wpcourse-page .course-block.active-block #wpcw_fe_course .wpcw_fe_module#wpcw_fe_module_group_1 td svg,
.wpcourse-page .course-block.active-block .wpcw_fe_module.active-svg td svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wpcourse-page .course-block #wpcw_fe_course .wpcw_fe_module td:last-child {
    height: 100%;
    display: table-cell;
    text-align: center;
    width: 55px !important;
}

.wpcourse-page #wpcw_fe_course .wpcw_fe_module.active td:last-of-type {
    background: #030404 !important;
}

.wpcourse-page #wpcw_fe_course .wpcw_fe_module td:last-of-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.site-main .lower-content,
.section.unit--section {
    background: linear-gradient(358.7deg, #000000 -75.03%, #0E837C 87.4%);

}

.unit--section .content--title h2 {
    color: #FFFFFF;
    font-size: 48px;
    text-align: center;
}

.unit--section .course-unit--each {
    position: relative;
    padding-top: 56%;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
}

.unit--section .course-unit--each .background-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    object-position: top;
}

.unit--section .course-unit--each .unit-title {
    position: relative;
    padding: 2rem;
    z-index: 2;
    color: #fff;
    font-size: 24px;
}

.unit--section .course-unit--each:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.unit--section .course-unit--each:first-child::before {
    background: linear-gradient(189.58deg, rgba(14, 131, 124, 0.33) -2.61%, #000000 103.66%);
}

.unit--section .course-unit--each:nth-child(2)::before {
    background: linear-gradient(189.58deg, rgba(255, 247, 0, 0.2) -2.61%, #000000 103.66%);

}

.unit--section .course-unit--each:nth-child(3)::before {
    background: linear-gradient(189.58deg, rgba(142, 199, 60, 0.32) -2.61%, #000000 103.66%);

}

.unit--section .course-unit--each:nth-child(4)::before {
    background: linear-gradient(189.58deg, rgba(102, 47, 145, 0.2) -2.61%, #000000 103.66%);
}

.unit--section .course-unit--each:nth-child(5)::before {
    background: linear-gradient(189.58deg, rgba(239, 32, 124, 0.2) -2.61%, #000000 103.66%);
}

.unit--section .course-unit--each:nth-child(6)::before {
    background: linear-gradient(189.58deg, rgba(32, 104, 239, 0.2) -2.61%, #000000 103.66%);
}

.unit--section .course-unit--each:nth-child(7)::before {
    background: linear-gradient(189.58deg, rgba(14, 131, 28, 0.33) -2.61%, #000000 103.66%);

}

.unit--section .course-unit--each:nth-child(8)::before {
    background: linear-gradient(189.58deg, rgba(255, 202, 116, 0.33) -2.61%, #000000 103.66%);
}

.unit--section .course-unit--each:nth-child(9)::before {
    background: linear-gradient(189.58deg, rgba(131, 14, 129, 0.33) -2.61%, #000000 103.66%);
}

.section.hero-banner--course {
    padding-top: 20rem;
    height: 100%;
    background: #080808;
}

.hero-banner--course .background-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

.hero-banner--course .content__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}

.hero-banner--course>.background-image::before {
    content: '';
    background: linear-gradient(190.88deg, rgba(0, 0, 0, 0) 46.46%, #000000 86.37%), linear-gradient(0deg, rgba(0, 0, 0, 0) 76.71%, #000000 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-banner--course .content-title h1 {
    color: #FFFBF6;
}

.hero-banner--course .content-text p {
    color: #fff;
}

.section--wrapper section.section {
    padding: 0 !important;
}

.unit--section.banner-type .course-unit--each {
    box-shadow: 0px 4px 40px 0px #F3D99866;
    border: none !important;
}

@media screen and (max-width: 767px) {

    .full--video .content--title h1,
    .hero-banner--course .content-title h1 {
        font-size: 32px;
    }
}

.wpcourse-page .sidebar {
    border: 1px solid #fff;
}

.book--section a {
    position: relative;
    padding-top: 127%;
}

.book--section h2 {
    color: #fff;
}

.section.book--section {
    background: #080808;
}

.book--section .linked-image--each img {
    border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
}

.wpcourse-regular-content .content--title h2 {
    color: #080808;
}

.ndfHFb-c4YZDc-cYSp0e-Oz6c3e {
    width: 100% !important;
    left: 0 !important;
}

@media screen and (max-width: 1100px) {
    .unit--section .unit-each--wrapper.grid--4 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width: 991px) {
    .unit--section .unit-each--wrapper.grid--4 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 700px) {
    .unit--section .unit-each--wrapper.grid--4 {
        grid-template-columns: 1fr;
    }
}


/* .page-template-template-wpcourse .section.unit--section {
    display: none;
} */


.course-navigation svg rect {
    fill: var(--color-1);
}

.su-document.su-u-responsive-media-yes {
    max-width: 800px;
    margin: 0 auto !important;
}

/* .wpcw_fe_unit_progress.wpcw_fe_unit_progress_incomplete {
    padding-right: 3rem !important;
} */

.wpcw_fe_module[id^="wpcw_fe_module_group_"]:not(#wpcw_fe_module_group_1) {
    display: none;
}


.course-block .wpcw_fe_module[id^="wpcw_fe_module_group_"]:not([id$="_1"]) td {
    background: linear-gradient(269.91deg, #E32470 -22.49%, rgb(57 147 155) 124.87%) !important;
}


.wpcourse-page .course-block .wpcw_fe_module[id^="wpcw_fe_module_group_"]:not([id$="_1"]) td:last-of-type {
    background: #c73777 !important;
}


td {
    box-sizing: border-box;
    vertical-align: center;
}

.course--content {
    display: none;
}

.course-block.active .course--content {
    display: block;
}

.course--title {
    cursor: pointer;
}

.full-image .content--image {
    position: relative;
    padding-top: 56%;
}

.full-image .content--image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;

}

.full-image .content-title span {
    font-size: 32px;
}

.full-image .contents--each {
    padding-bottom: 2rem;
}

.full-image .contents--each:not(:first-child) {
    padding-top: 2rem;
}

.full-image .contents--each {
    position: relative;
}

.full-image .contents--each:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 2px;
    background: #000;
}

.full-image .col--2 .content--image__wrapper,
.full-image .col--2 .content--image__wrapper * {
    height: 100%;
}

.full-image .content-title h2 {
    font-size: 40px;
    font-weight: 500;
}

@media screen and (max-width: 991px) {
    .full-image .col--wrapper {
        grid-template-columns: 1fr;
    }
}

.album-section .csi--each svg {
    height: 50px;
    width: 50px;
}

.album-section .csi--each svg:hover {
    opacity: 50%;
}

.album-section .content-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
    -webkit-object-fit: contain;
    -moz-object-fit: contain;
    -ms-object-fit: contain;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    margin: auto;
    border-radius: 24px;
    -ms-border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
}

/* .books-section .content-image {
    position: relative;
    padding-top: 56%;
} */

.books-section .content-image img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    max-width: 200px;
    margin: auto;
    display: flex;

}

.album--each.section--inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    border-radius: 16px;
    height: 100%;
    width: 100%;
    max-width: 100%;
}


.album--each .content-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .album-section .grid--wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .album-section .grid--wrapper {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 991px) {
    .single-shop .section.new-hero--banner {
        padding-top: 10rem;
    }
}

@media screen and (max-width: 767px) {
    .single-shop .new-hero--banner .background--image {
        width: 100%;
    }
}

.course-block .wpcw_fe_unit.active-item,
.course-block .wpcw_fe_module.active-item {
    display: table-row !important;
}

.course-block.not-active-block .wpcw_fe_module[id^="wpcw_fe_module_group_"]:not(#wpcw_fe_module_group_1),
.course-block.not-active-block .wpcw_fe_unit {
    display: none !important;
}

.course-block.active-block .wpcw_fe_module[id^="wpcw_fe_module_group_"]:not(#wpcw_fe_module_group_1) {
    display: table-row !important;
}

.album-section h2 {
    font-size: 35px;
}

.custom-font--size__banner .content-text p,
.custom-two-col--class .content-text p {
    font-size: 18px !important;
    font-weight: 325;
    color: #fff;
}

.custom-two-col--class .content-text {
    max-width: 629px;
}

.custom-font--size__banner .content-text h4 {
    color: #fff;
}

.new-hero--banner-v2.custom-font--size__banner {
    height: 100% !important;
}

.new-hero--banner-v2.custom-font--size__banner .background--image img {
    object-position: top;
}

/* Two Column Content */
.two-column-content .top--content .content-title h2 {
    font-size: 48px;
    color: var(--color-b);
}

.two-column-content .top--content .content-text {
    max-width: 900px;
    margin: auto;
}

.two-column-content .top--content .content-text p {
    font-size: 20px;
    color: var(--color-b-2);
}

.two-column-content .two-col--content {
    background: #080808;
    border-radius: 24px;
    -ms-border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -o-border-radius: 24px;
    overflow: hidden;
}

.two-column-content .two-col--content .content-sub--title span {
    color: #221F1E;
    background: #F8EFE2;
    padding: 16px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 32px;
    font-weight: 600;
}

.two-column-content .two-col--content .content--image {
    width: 100%;
    max-width: 600px;
    height: 400px;
}

.two-column-content .two-col--content .content--image img {
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    height: 100%;
}

.two-column-content .two-col--content,
.two-column-content .two-col--content .content-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
}

.two-column-content .two-col--content .content-info {
    justify-content: space-between;
    flex-grow: 1;
}



.two-column-content .two-col--content .content-title {
    max-width: 450px;
}

.two-column-content .two-col--content .content-title h3 {
    font-size: 32px;
    color: #FFFBF6;
    font-weight: 700;
}

.two-column-content .two-col--content .content-text p {
    font-size: 20px;
    color: #fff;
}

.two-column-content .two-col--content .content-info {
    padding: 4rem;
}

@media screen and (max-width: 991px) {
    .two-column-content .col--main {
        grid-template-columns: 1fr;
    }

    .two-column-content .two-col--content .content-sub--title span,
    .two-column-content .two-col--content .content-title h3 {
        font-size: 25px;
    }

    .two-column-content .top--content .content-title h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px) {
    .two-column-content .two-col--content .content-info {
        padding: 4rem 2rem;
    }

    .two-column-content .two-col--content .content-text p {
        font-size: 16px;
    }

    .two-column-content .two-col--content .content-sub--title span,
    .two-column-content .two-col--content .content-title h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 500px) {

    .two-column-content .two-col--content .content-sub--title span,
    .two-column-content .two-col--content .content-title h3 {
        font-size: 16px;
    }

    .two-column-content .two-col--content .content-info {
        padding: 2rem;
    }
}

@media screen and (max-width: 300px) {

    .two-column-content .two-col--content .content-sub--title span,
    .two-column-content .two-col--content .content-title h3 {
        font-size: 14px;
    }
}

.books-section .books-title span,
.books-section .content-title h2,
.books-section .content-subtitle span{
    color: #fff;
}
@media screen and (max-width: 1250px) {
    .unit--section .unit-each--wrapper.grid--5 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 991px) {
    .books-section .single-books--wrapper,
	.unit--section .unit-each--wrapper.grid--5{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .books-section .single-books--wrapper,
	.unit--section .unit-each--wrapper.grid--5{
        grid-template-columns: 1fr;
    }
	.footer .footer--grid{
		  grid-template-columns: 1fr;
	}
	.footer .footer--grid .footer--content{
		margin: auto;
	}
	.footer .footer--grid .col--2{
		justify-content: center;
	}
}

.books-section .single-books--each {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.books-section .books-title span {
    display: block;
    word-break: break-word;
}

.books-section .bottom-contents--wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.regular-content.book-cover .section-bg:before,
.regular-content.book-cover .section-bg:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* LEFT gradient */
.regular-content.book-cover .section-bg:before {
    left: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 38.92%, #000000 92.07%);
}

/* RIGHT gradient (mirrored) */
.regular-content.book-cover .section-bg:after {
    right: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 38.92%, #000000 92.07%);
}
.regular-content.book-cover{
    display: none;
}
.new-hero--banner .flash-text--wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: end;
    padding-top: 4rem;
}
.new-hero--banner .flash-text--wrapper span {
    color: #fff;
    background: linear-gradient(269.91deg, #E32470 -22.49%, rgba(125, 20, 62, 0) 124.87%);
    padding: 12px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
#bbp-user-body .bbp-user-section h3,
#bbp-user-body .bbp-user-forum-role h3{
    font-size: 18px;
}

.page-id-2812 .header--bottom .col--2{
    display: none;
}
#mm-myaccount-account-details-dialog,
#mm-myaccount-billing-info-dialog,
#mm-myaccount-shipping-info-dialog,
#mm-myaccount-order-history-dialog{
    width: 100%!important;
}