@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ****************** Global ****************** */
*,
*:after,
*::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --var-white: #fff;
    --var-black: #000;
    --var-bg-yellow: #fced5e;
    --var-bg-dark-yellow: #fff257;
    --var-light-white: #eaf3ff;
    --var-light-grey: #e8e6e6;
    --font-family: 'Poppins', sans-serif;
    --var-course: rgb(0, 255, 243);
    --var-group-tech: rgb(6, 43, 253);
    --var-yoga: rgb(173, 153, 252);
    --var-dark-purple: rgb(119, 83, 203);
    --var-gym-workout: rgb(19, 255, 0);
    --var-red: rgb(249, 8, 33);
    --var-guided-mediation: rgb(255, 134, 113);

}

body {
    font-family: var(--font-family);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}
.app-env-body .site_placeholder_spacing {
   height: 218px;


}
h1.app-env  {
    color: var(--var-bg-yellow);
    text-align: center;
    min-height: 50px;
    background-color: #000;
}
.app-env + header {
    top: 50px;
}
.template_page {
    flex: 1;
    display: flex;
    flex-direction: column;
}
ul {
    list-style: disc;
}
ol {
    list-style-type: decimal;
}
.navigation_button.bottom {
    margin-top: auto;
}

video:focus,
a:focus,
input:focus,
svg:focus,
button:focus,
button:focus-visible {
    outline: none;
}

a {
    display: inline-block;
    transition: all .3s ease;
    color: currentColor;
    cursor: pointer;
}
ul, ol {
    margin-left: 15px;
}
blockquote {
    margin-bottom: 28px;
    background-color: var(--var-light-grey);
    padding:16px;
}
.mental .course_module_item_right ul,
.mental .course_module_item_right span {
    font-size: 16px;
    line-height: 25px;
}

.btn_wrap a, .btn {
    background-color: var(--var-black);
    color: var(--var-white);
    text-decoration: none;
    padding: 13.5px 30px;
    text-decoration: none;
}

.btn_wrap a:hover, .btn:hover {
    color: var(--var-black);
    background-color: var(--var-bg-yellow);
}
.btn.btn-yellow {
    background-color: var(--var-bg-yellow);
    color: var(--var-black);
}
.btn.btn-yellow:hover {
    background-color:#FFF;
    color: var(--var-black);
}
.course_page_content_wrapper a.btn {
    text-decoration: none;
}
img,
svg {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.container {
    max-width: var(--var-wrapper, 1200px);
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

.site_container_full {
    max-width: 89.38%;
    width: 100%;
    margin: 0 auto;
}

p {
    font-size: 16px;
    line-height: 22.4px;
    margin-bottom: 28px;
}

p:last-child {
    margin-bottom: 0 !important;
}

.title_63 {
    font-size: 63px;
    line-height: 88.2px;
    color: var(--var-white);
    font-style: italic;
}

.title_45 {
    font-size: 45px;
    line-height: 45.6px;
    font-style: italic;
}

.title_30 {
    font-size: 30px;
    list-style: 42px;
}

.title_lvl6 {
    font-size: 30px;
    line-height: 42px;
    font-style: italic;
}

.text_20,
.wrap_text_20 p,
.course_page_content ul li,
.module_title,
.module_heading {
    font-size: 20px;
    line-height: 28px;
}

.text_15 {
    font-size: 15px;
    line-height: normal;
}

.site_placeholder_spacing {
    height: 168px;
}

section {
    position: relative;
}

/* ****************** Global ****************** */
/* ****************** Header ****************** */
.site_header_wrapper {
    background: var(--var-black);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    padding-top: 26px;
}

.site_logo img {
    height: 110px;
    width: auto;
    object-fit: contain;
    margin: 26px 0 6px 0;
}

/* ****************** Header ****************** */
/* ****************** Footer ****************** */
.site_footer_wrapper {
    background: var(--var-black);
    color: var(--var-white);
    padding: 25px 0 26px 0;
}

.footer_row1 {
    display: flex;
    justify-content: flex-end;
    margin: 0 3px 11px 0;
}

.footer_row2 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.footer_logo {
    height: 39px;
    width: auto;
}

.site_footer_wrapper span,
.site_footer_wrapper a {
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
}

.footer_row2 span,
.footer_row2 a {
    letter-spacing: 0.6px;
    color: var(--var-light-white);
}

.footer_row2_content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    margin-right: 42px;
}

.footer_row2_content a {
    margin-bottom: 11px;
}

/* ****************** Footer ****************** */
/* ****************** Home ****************** */
.home_banner_background {
    display: flex;
    position: relative;
    overflow: hidden;
}

.home_banner_background:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: rgba(26, 24, 24, 0.41);
}

.home_banner_background img {
    aspect-ratio: 1/1;
    height: 277px;
    width: auto;
}

.home_banner_sec .container {
    text-align: center;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.home_text_sec {
    padding: 81px 0 88px;
    text-align: center;
    background-color: var(--var-bg-yellow);
    margin-bottom: 38px;
    font-size: 20px;
}
.home_text_sec p {
        font-size: 20px;
        line-height: 28px;
}
.home_text_sec a {
    text-decoration: underline;
}
.quick_links_title h6 {
    font-size: 30px;
    line-height: 42px;
    font-style: italic;
    
}
.quick_links_title p {
line-height: 42px;
font-size: 20px;
}
.goals_sec_title h3 {
    font-size: 83px;
    line-height: 74.7px;
    margin: 38px auto 30px;
    max-width: 955px;
    width: 100%;
    font-style: italic;
}
.goals_sec_title p {
    font-size: 20px;
  line-height: 28px;

}
.goals_sec {
    text-align: center;
    margin-bottom: 28px;
}

.goals_sec_btn svg {
    width: 78px;
    transform: rotate(90deg);
    height: auto;
}

.goals_sec_links.btn_wrap a {
    padding: 21.5px 42px;
    font-weight: 600;
    letter-spacing: 0.75px;
    margin: 0 12px 26px;
}

.goals_sec_links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1100px;
    margin: 0 -12px 14px;
}

.quick_links_wrapper {
    --var-wrapper: 1020px;
    position: relative;
}

.quick_links {
    background: var(--var-black);
    color: var(--var-white);
    text-align: center;
    padding: 44px 0 120px;
    overflow: hidden;
}

.quick_links_content.btn_wrap a {
    background-color: var(--var-bg-yellow);
    color: var(--var-black);
    flex-grow: 0;
    width: calc(50% - 20px);
    font-size: 15px;
    font-weight: 700;
    margin: 0 10px 15px;
}

.quick_links_content.btn_wrap a:hover {
    background-color: var(--var-white);
}

.quick_links_content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: center;
    justify-content: center;
}

.quick_links_title {
    margin-bottom: 31px;
}

.quick_links_title .text_20 {
    line-height: 42px;
}

.quick_links img.yellow_plus {
    position: absolute;
    width: 104px;
    height: 102px;
    object-fit: contain;
    top: 183px;
    left: -196px;
}

.quick_links .white_plus {
    transform: rotate(310.4153783204239deg);
    position: absolute;
    width: 82px;
    height: 79px;
    bottom: 0;
    right: -165px;
}

.goals_sec .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ****************** Home ****************** */

/* ****************** Course ****************** */
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: inherit;
}
.course_page_banner {
    min-height: 240px;
    background: var(--var-course);
    padding: 74px 0 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigation_button {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1020px;
    width: 100%;
}
.navigation_button a {
    text-decoration: underline;
}
.navigation_button {
    font-size: 14px;
    line-height: normal;
}

.navigation_button.top {
    padding-top: 21px;
    padding-bottom: 31px;
}

.navigation_button.bottom {
    padding-top: 19px;
    padding-bottom: 17px;
}

.course_page_content_wrapper {
    --var-wrapper: 1020px;
}

.course_page_content ul {
    margin: 0 0 28px 10px;
    padding-left: 26px;
}

.course_page_content {
    margin-bottom: 48px;
}

.course_page_module_cont {
    --var-wrapper: 1424px;
}

.course_module {
    background: #e8e6e6;
    padding: 39px 20px 70px;
}

#intro_video .video_inner_wrap img {
    position: absolute;
    height: 100%;
}

.course_module_item {
    max-width: 980px;
    margin: 0 auto;
    width: 100%;
    justify-content: space-between;
    gap: 64px;
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr 42%;
}

.course_module_item_left {
    width: 100%;
    display: grid;
    justify-content: space-between;
    margin-top: 23px;
    gap: 20px;
    grid-template-columns: auto auto;
}

.course_page .course_module_item_left {
    display: grid;
    justify-content: flex-start;
    grid-template-columns: repeat(2, 1fr);
}

.course_page .course_module_item img {
    max-width: initial;
}

.audio_wrap {
    display: flex;
    width: 100%;
    max-width: 328px;
    border: 2px solid rgba(26, 24, 24, 0.59);
    float: right;
}

.course_module_item_right:has(.audio_wrap)>*:not(:nth-child(2)) {
    clear: both;
}

.course_module_item_right .audio_wrap img {
    object-fit: cover;
    aspect-ratio: 1/1;
    width: 70px;
}

.audio_item {
    width: 100%;
    flex: 1;
    background: var(--var-white);
    display: flex;
    flex-direction: column;
    padding: 6px 16px;
}

.audio_wrap .audio_item p {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
}

.course_module_item_right:has(.audio_wrap)>*:nth-child(2) {
    float: left;
    max-width: calc(100% - 340px);
}

.audio_item audio {
    width: 100%;
    padding: 0;
}

.course_module .course_module_item_right .audio_wrap .audio_item audio::-webkit-media-controls-panel {
    background: var(--var-white) !important;
    padding: 0 !important;
}

.course_module_img_overlay img {
    box-shadow: 0.00px 1.00px 5px 0px rgba(0, 0, 0, 0.9);
}

.course_module_item img {
    aspect-ratio: 230/327;
    max-width: 230px;
    object-fit: cover;
}

.course_module_img_overlay:after {
    border-radius: var(--rd, 2px);
    bottom: 0;
    box-shadow: inset 0 0 6px 0 hsla(0, 0%, 100%, .59), inset 0 1px 0 0 hsla(0, 0%, 100%, .92), inset 0 0 5px 0 hsla(0, 0%, 100%, .2);
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.course_module_img_overlay {
    position: relative;
}

.course_module_main_wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 23px;
}

.course_module_item_right ul {
    margin-left: 8px;
    padding-left: 20.8px;
}

.module_title,
.module_heading {
    font-weight: 700;
    font-style: italic;
}

.module_heading,
.course_module_item_right p {
    margin-bottom: 22px;
}

.course_single_video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.course_single_video {
    display: flex;
    justify-content: center;
    margin: 56px auto 49px;
    position: relative;
    max-width: 715px;
    width: 100%;
    overflow: hidden;
}

.course_single_video_iframe_wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.22%;
}

.course_single_video video {
    aspect-ratio: 715/402;
    height: fit-content;
    width: 100%;
}

.course_single_video_poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--var-white);
    text-align: center;
    cursor: pointer;
}

.course_single_video_poster img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.course_single_video_poster:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .35);
    content: "";
    left: 0;
    top: 0;
}

.single_video_poster_title {
    font-size: 40px;
    line-height: 60px;
    z-index: 3;
    font-weight: 600;
    margin-bottom: 14px;
}

.single_video_poster_play_icon {
    display: flex;
    align-items: center;
    z-index: 3;
}

.single_video_poster_play_icon svg {
    width: 37px;
    height: auto;
}

.single_video_poster_play_icon span {
    font-size: 18px;
    line-height: normal;
    border-bottom: 2px solid #fff;
    margin-left: 11px;
}

.course_single_video_poster.active {
    opacity: 0;
    pointer-events: none;
}



/* ****************** Course ****************** */


/* ****************** Disclaimer ****************** */
.disclaimer_page .course_page_banner {
    background-color: var(--var-bg-yellow);
}

.wrap_text_18 p:not(.text_20) {
    font-size: 18px;
    line-height: 25.2px;
}

.disclaimer_page .course_page_content_wrapper span {
    font-style: italic;
    background-color: var(--var-bg-yellow);
    font-weight: 600;
}

/* ****************** Disclaimer ****************** */
/* ****************** Grounding Techniques ****************** */
.grounding_techniques_page .course_page_banner {
    background-color: var(--var-group-tech);
    color: var(--var-white);
}

.global_img_wrpper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 43px;
}

.global_img {
    margin-top: 61px;
}

.load_more_btn {
    display: flex;
    min-height: 138px;
    align-items: center;
    justify-content: center;
    display: none;
}

.load_more_btn a {
    text-decoration: none;
    color: white;
    background: rgb(71, 81, 159);
    font-size: 15px;
    line-height: normal;
    padding: 9.5px 20px;
    min-width: 140px;
    text-align: center;
}

/* ****************** Grounding Techniques ****************** */
/* ****************** Yoga ****************** */
.yoga_page .course_page_banner {
    background-color: #ff001f;
    color: var(--var-white);
}

.global_img_item {
    position: relative;
}

.grounding_techniques_page .global_img_item img {
    aspect-ratio: 394/295;
    object-fit: cover;
}

.global_img_item:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    background: rgba(97, 97, 97, 0.6);
    opacity: 0;
    pointer-events: none;
}

.global_img_wrpper>a {
    text-decoration: none;
}

.global_img_wrpper>a:hover .global_img_item:before {
    opacity: 1;
}

.global_img_caption_title {
    color: rgba(26, 24, 24, 1);
    font-size: 23px;
    line-height: 32.2px;
}

.global_img_caption {
    display: none;
}

/* ****************** Yoga ****************** */
/* ****************** Image Gallery Popup ****************** */
.fancybox-is-open .fancybox-bg {
    background: white;
    opacity: 1;
}

.fancybox-infobar {
    display: none;
}

.fancybox-caption {
    background: none;
}

.fancybox-caption,
.fancybox-stage {
    position: static;
}

.fancybox-inner {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    padding: 20px;
}

.fancybox-inner .fancybox-stage {
    width: 70%;
    margin-top: 74px;
    margin-bottom: 74px;
}

.fancybox-inner .fancybox-caption {
    width: 30%;
    margin-top: 74px;
    margin-bottom: 74px;
    padding: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 56px;
}

.fancybox-button--arrow_right .right {
    transform: scaleX(-1);
}

.fancybox-toolbar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 20px;
    min-height: 44px;
    align-items: center;
    padding: 0 42px 0 47px;
}

.fancybox-button--info,
.fancybox-button--close {
    background: unset;
    padding: 0;
    width: auto;
    height: auto;
    position: static;
}

.fancybox-button--info img,
.fancybox-button--close img {
    width: 26px;
    object-fit: contain;
}

body:not(.single_popup_template) .fancybox-slide {
    padding: 0 !important;
    margin: 0 20px !important;
}

body:not(.single_popup_template) .fancybox-slide .fancybox-content {
    position: static;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.fancybox-is-fullscreen .fancybox-slide .fancybox-content {
    align-items: center;
}

.fancybox-content img.fancybox-image {
    width: inherit;
    height: 100%;
    position: static;
    max-height: 786px;
    object-fit: contain;
    object-position: top;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: auto;
}

.fancybox-navigation button.fancybox-button {
    background: rgba(255, 255, 255, .9)
}

body:not(.single_popup_template) .fancybox-navigation button.fancybox-button {
    background: unset;
    position: static;
    padding: 0;
    background: rgba(255, 255, 255, .9);
}

button.fancybox-button.fancybox-button--zoom {
    background: transparent;
    color: #333;
    padding: 8px;
}

body.single_popup_template .fancybox-navigation button.fancybox-button.fancybox-button--arrow_left {
    margin-left: 20px;
}

body.single_popup_template .fancybox-navigation button.fancybox-button.fancybox-button--arrow_right {
    margin-right: 20px;
}

.fancybox-caption__body .caption_wrapper {
    text-align: left;
    color: #333;
    display: none;
}

.fancybox-navigation .fancybox-button img {
    width: 15px;
    object-fit: contain;
}

body:not(.single_popup_template) .fancybox-navigation {
    position: absolute;
    height: auto;
    display: flex;
    width: 70%;
    align-items: center;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99995;
}

button.fancybox-button[disabled] {
    display: none;
}

button.fancybox-button.fancybox-button--arrow_right {
    margin-left: auto;
}

body:not(.single_popup_template) button.fancybox-button.fancybox-button--arrow_left {
    margin-right: auto;
    margin-left: 29px;
}

.fancybox-navigation .fancybox-button div {
    padding: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* ****************** Image Gallery Popup ****************** */
/*********************** Yoga Page Popup **************************/
.videos_popup {
    display: none;
    z-index: 999;
    position: relative;
}

.videos_popup .popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.videos_popup .main_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: auto;
}

.videos_popup .content_wrapper {
    margin: auto;
    background-color: #fff;
    position: relative;
    height: 100vh;
}

.videos_popup .content_wrapper .close_popup {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 46px;
    line-height: 20px;
    font-weight: 200;
    z-index: 9;
}

.videos_popup .inner_wrapper {
    width: calc(350px + (100vh - 260px) / 9 * 16);
    display: flex;
    max-width: 90%;
    margin: auto;
    height: 100%;
}

.videos_popup .video_wrapper {
    width: calc(100% - 350px);
}

.videos_popup .content_sec {
    width: 350px;
    max-height: calc(100vh - 260px);
    overflow-y: auto;
    padding-right: 30px;
    scrollbar-width: thin;
    margin-left: 30px;
}

.videos_popup .video_wrapper video,
.videos_popup .video_wrapper iframe {
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
}

.videos_popup .video_wrapper .video_inner_wrap {
    position: relative;
    height: auto;
    padding-bottom: 56.39%;

}

.videos_popup .content_sec h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin: 0 0 20px;
}

.videos_popup .about_video {
    margin: 0 0 20px;
}

.videos_popup .about_video span {
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    position: relative;
    opacity: 0.6;
}

.videos_popup .about_video span:not(:first-child) {
    padding-left: 12px;
    margin-left: 6px;
}

.videos_popup .about_video span:not(:first-child):before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    background-color: #000;
    opacity: 0.6;
    width: 4px;
    height: 4px;
    border-radius: 100%;
}

.videos_popup .content_sec p {
    line-height: 26px;
}

.videos_popup .owl-nav {
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    height: 0;
}

.videos_popup .owl-nav button span {
    display: none;
}

.videos_popup .owl-carousel .owl-nav button.owl-next,
.videos_popup .owl-carousel .owl-nav button.owl-prev {
    background-image: url(img/blue-arrow.svg);
    width: 18px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.8;
}

.videos_popup .owl-carousel .owl-nav button.owl-prev {
    transform: rotate(180deg);
}

.videos_popup #sync2 .video_detail {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
    line-height: 25px;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
}

.videos_popup #sync2 .owl-item.active.playing .video_detail,
.videos_popup #sync2 .item_wrapper:hover .video_detail {
    opacity: 1;
    visibility: visible;
}

.videos_popup #sync2 .owl-item.active.playing .video_detail *:not(.video_status) {
    display: none;
}

.videos_popup #sync2 .owl-item.active.playing .video_detail .video_status {
    display: block;
}

.video_status {
    display: none;
}

.videos_popup #sync2 .owl-nav button.owl-next,
.videos_popup #sync2 .owl-nav button.owl-prev {
    opacity: 1;
    filter: invert(100%);
}

.videos_popup #sync2 .item_wrapper {
    cursor: pointer;
}

.videos_popup #sync2 .play_icon {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    max-width: 35px;
    transform: translate(-50%, -50%);
}

.videos_popup #sync2 .owl-nav {
    left: 20px;
    right: 20px;
}

.videos_popup #sync1,
.videos_popup #intro_video {
    padding: 80px 80px 40px;
    height: calc(100vh - 140px);
}

.videos_popup .slides_wrapper {
    height: 100%;
}

.videos_popup #sync2 .item_wrapper>img {
    height: 140px;
    object-fit: cover;
    aspect-ratio: 273/153;
    width: auto;
}

.videos_popup .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
.videos_popup .owl-carousel .owl-stage-outer .owl-stage .owl-item,
.videos_popup .owl-carousel .owl-stage-outer .owl-stage,
.videos_popup .owl-carousel .owl-stage-outer {
    height: 100%;
}

.videos_popup .owl-nav button.disabled {
    opacity: 0;
    visibility: hidden;
}

.videos_popup .info_icon {
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 9;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 12px;
    opacity: 0.6;
}

.videos_popup .info_icon:hover {
    opacity: 1;
}

.videos_popup .info_icon img {
    width: 100%;
    max-width: 18px;
}

.videos_popup .info_icon span {
    display: block;
    font-size: 14px;
    line-height: 24px;
}

.yoga_videos_sec .main_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 35px;
    column-gap: 18px;
}

.yoga_videos_sec .video_col {
    position: relative;
    cursor: pointer;
}

.yoga_videos_sec .video_col video {
    width: 100%;
}

.yoga_videos_sec .single_video_poster_play_icon span {
    font-size: 12px;
    border-bottom: 0;
}

.yoga_videos_sec .video_col_wrap {
    position: relative;
   padding-bottom: 56.14%;
}

.video_col_wrap .course_single_video_poster.active {
    opacity: 1;
    pointer-events: all;
}

.video_col_wrap .course_single_video_poster:after {
    background-color: rgba(0, 0, 0, 0.4);
}

.yoga_videos_sec .video_col_wrap .single_video_poster_play_icon:hover svg {
    opacity: .7;
}

#sync1 .course_single_video_poster .author_name {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 2px;
    opacity: .7;
    color: var(--var-white);
    position: relative;
    z-index: 3;
    font-family: Helvetica Neue;
}

#sync1 .single_video_poster_play_icon span {
    border-bottom: none;
}

#sync1 .course_single_video_poster:after {
    background-color: rgba(0, 0, 0, .7);
}

#sync2 .owl-item.active.playing .video_detail {
    align-items: center;
    justify-content: center;
}

#sync1 .video_title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 30px;
    line-height: 38px;
    max-width: 80%;
    overflow: hidden;
    text-align: center;
    color: white;
    position: relative;
    z-index: 3;
    font-family: Helvetica Neue;
    font-weight: 500;
    margin-bottom: 14px;
    margin-top: 14px;
}

.yoga_videos_sec .about_video h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}

.yoga_videos_sec .about_video p {
    display: none;
}

.yoga_videos_sec .about_video p:first-of-type {
    font-size: 15px;
    line-height: 25px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}

.yoga_videos_sec .about_video {
    position: relative;
    padding: 20px;
}

.yoga_videos_sec .video_duration {
    position: absolute;
    color: #fff;
    z-index: 2;
    bottom: 10px;
    right: 10px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}

.yoga_videos_sec {
    padding: 0px 0px 48px;
}

.yoga_videos_sec .load_more_btn {
    text-align: center;
    width: 100%;
    margin-top: 50px;
}

.yoga_videos_sec .load_more_btn a {
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid #000;
    line-height: 28px;
    font-weight: 300;
    opacity: 0.7;
}

.yoga_videos_sec .load_more_btn a:hover {
    opacity: 1;
}

.yoga_videos_sec .single_video_poster_play_icon,
.yoga_videos_sec .course_single_video_poster::after {
    opacity: 0;
}

.yoga_videos_sec .video_col_wrap:hover .course_single_video_poster::after,
.yoga_videos_sec .video_col_wrap:hover .single_video_poster_play_icon {
    opacity: 1;
}

.yoga_videos_sec .video_col:hover .about_video {
    opacity: 0.7;
}

.select_dropdown {
    list-style: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px 0;
    max-width: 200px;
    position: absolute;
    top: 30px;
    z-index: 2;
    background-color: #fff;
    max-height: 220px;
    overflow: auto;
    display: none;
}

.category_dropdown span {
    font-size: 15px;
    opacity: 0.7;
    cursor: pointer;
}

.select_dropdown li {
    font-size: 15px;
    line-height: 25px;
    padding: 6px 15px;
    cursor: pointer;
}

.channel_info .select_dropdown li {
    min-width: 160px;
}

.filter_wrapper {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter_wrapper .category_dropdown span svg {
    width: 13px;
    vertical-align: middle;
    margin-left: 5px;
}

.filter_wrapper .channel_info svg {
    height: 14px;
    width: auto;
    vertical-align: middle;
}

.filter_wrapper .channel_info {
    width: 20px;
    cursor: pointer;
}

/***** Channel Popup *****/
.channel_info_popup {
    display: none;
}

.channel_info_popup .popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.channel_info_popup .main_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translateY(-50%) translateX(-50%);
    height: 90vh;
    display: flex;
    overflow: auto;
    scrollbar-width: thin;
}

.channel_info_popup .table_wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.channel_info_popup .table_cell {
    display: table-cell;
    vertical-align: middle;
}

.channel_info_popup .content_wrapper {
    max-width: 620px;
    margin: auto;
    background-color: #fff;
    position: relative;
    min-width: 500px;
}

.channel_info_popup .content_wrapper .close_popup {
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
    font-size: 34px;
    line-height: 20px;
    font-weight: 100;
    color: #fff;
}

.channel_info_popup .channel_detail {
    padding: 40px 50px 80px;
}

.channel_info_popup .channel_detail h3 {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 20px;
    text-align: center;
    font-weight: 300;
}

.channel_info_popup .channel_detail h6 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 30px;
    text-align: center;
    font-weight: 300;
}

/***** Channel Popup *****/
#intro_video {
    display: none;
}

.slides_wrapper.active #sync1 {
    display: none;
}

.slides_wrapper.active #intro_video {
    display: block;
    flex-grow: 1;
    overflow-y: auto;
}

body.yoga-php.active {
    overflow: hidden;
}

/*********************** Yoga Page Popup **************************/
/*********************** Coaching Packs **************************/
.collection_of_programms_main_wrapper {
    background: var(--var-light-grey);
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1380px;
    margin: 0 auto;
}

.recipe_collection_item_img {
    display: grid;
    gap: 21px;
    grid-template-columns: repeat(2, 1fr);
    max-width: 381px;
}

.collection_wrapper {
    padding-top: 18px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 26px 20px;
}

.recipe_collection_wrapper {
    max-width: 1380px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.recipe_collection_wrapper:last-child {
    margin-bottom: 0 !important;
}

.recipe_collection_right,
.recipe_collection_left {
    padding: 33px 40px 60px;
    background-color: var(--var-light-grey);
}

.recipe_collection_item {
    max-width: 432px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.recipe_collection_left .recipe_collection_item {
    margin-right: 0;
    margin-left: auto;
}

.recipe_collection_item img,
.collection_wrapper img,
.starter_kit_item img {
    /* max-width: 180px; */
    aspect-ratio: 180/233;
    object-fit: cover;
}

.starter_kit_item img {
    max-width: 180px;
}

.collection_of_programms,
.recipe_collection,
.starter_kit {
    padding-left: 20px;
    padding-right: 20px;
}

.starter_kit .collection_of_programms_main_wrapper {
    padding-top: 65px;
    padding-bottom: 65px;
    margin-top: 78px;
    margin-bottom: 21px;
}

.starter_kit_item {
    max-width: 381px;
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 24px;
}

.starter_kit_wrapper {
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(auto-fit, minmax(0, auto));
    justify-content: flex-start;
}

.starter_kit_content .text_20 {
    margin-bottom: 22.5px;
}

.starter_kit_item>a {
    flex-shrink: 0;
}

/*********************** Coaching Packs **************************/

/*********************** mental-performance-coaching **************************/
.mental_performance_page .course_page_banner,
.mental_performance_page .bg-current {
    color: var(--var-white);
    background-color: var(--var-dark-purple);
}

.img_content_wrapper svg path {
    fill: var(--var-dark-purple);
}

.mental_performance_page .bg-current {
    display: inline-block;
}

.mental .course_module_item_left {
    margin: 0;
    grid-template-columns: auto;
}

.mental .course_module_item_right {
    width: 100%;
    display: grid;
}

.mental-performance-coaching .mental .course_module_item_right {
    display: block;
}

.mental .course_module_item {
    gap: 71px;
    grid-template-columns: auto 1fr;
}

.mental .course_module {
    padding-top: 62px;
    padding-bottom: 62px;
}

.img_content_wrapper {
    display: grid;
    grid-template-columns: 123px 1fr;
    gap: 8px;
    margin-bottom: 28px;
}

.img_content_wrapper ul {
    margin-left: 20px;
    padding-left: 24px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    column-gap: 40px;
    margin-bottom: 0;
    list-style: none;
}

.img_content_wrapper ul>li {
    position: relative;
}

.img_content_wrapper ul>li:before {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: currentColor;
    left: -23px;
    top: 11px;
    content: "";
    border-radius: 50%;
}

/*********************** mental-performance-coaching **************************/
/*********************** reduce_stress **************************/
.reduce_stress_page .course_page_banner {
    color: var(--var-white);
    background-color: var(--var-yoga);
}

.reduce_stress_card .course_module {
    padding: 60px 20px 65px;
    background: rgb(238, 238, 238);
}

.reduce_stress_card_item {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 84px 1fr 222px;
    align-items: center;
    column-gap: 78px;
}

.reduce_stress_card_item_content p {
    font-size: 18px;
    line-height: 25.2px;
}

.reduce_stress_card_item_img svg path {
    fill: var(--var-black);
}

.reduce_stress_card_item .btn_wrap a {
    width: 100%;
    text-align: center;
    background-color: var(--var-bg-yellow);
    color: var(--var-black);
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    padding: 11.5px 20px;
}

.reduce_stress_card_item .btn_wrap a:hover {
    background-color: var(--var-black);
    color: var(--var-white);
}

.reduce_stress_page .course_page_content {
    margin-bottom: 28px;
}

.reduce_stress_card_item_content {
    transition: all 0.4s ease-in-out 0s;
    transform-origin: 50% 50%;
}

.course_module:hover .reduce_stress_card_item .reduce_stress_card_item_content {
    transform: translateX(0px)translateY(-11px)scaleX(1.1)scaleY(1.1)rotate(0deg)skewX(0deg)skewY(0deg);
}

.stress_img_sec {
    overflow: auto;
    scrollbar-width: 0;
}

.stress_img_sec::-webkit-scrollbar {
    display: none;
}


.stress_img_wrpper .stress_img_item img {
    width: 281px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.stress_img_item {
    position: relative;
    flex-shrink: 0;
}

.stress_img_item .like_icon {
    position: absolute;
    padding: 1px 5px;
    left: 30px;
    bottom: 30px;
    z-index: 16;
    opacity: 0;
    cursor: pointer;
}

.stress_img_item .like_icon svg path {
    fill: transparent;
    stroke: white;
}

.stress_img_item .like_icon.active svg path {
    fill: red;
    stroke: red;
}

.stress_img_item a {
    position: relative;
}

.stress_img_item a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(97, 97, 97, 0.6) !important;
    z-index: 1;
    top: 0;
    opacity: 0;
}

.stress_img_item:hover a:after,
.stress_img_item:hover .like_icon {
    opacity: 1;
}

.fancybox-button.fancybox-button--like svg path {
    fill: transparent;
    stroke: black;
    stroke-width: 1;
}

.fancybox-button.fancybox-button--like.active svg path {
    fill: red;
    stroke: red;
}

.fancybox-button.fancybox-button--like svg {
    width: 24px;
}

.fancybox-button.fancybox-button--like {
    padding: 0;
    height: 24px;
    background: none;
    flex: 1;
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding-left: 70px;
}

/*********************** reduce_stress **************************/
/*********************** chwempower Page **************************/
body.home-page header,
body.home-page footer,
body.index-php header,
body.index-php footer {
    display: none;
}

section.full_page_section {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    position: relative;
    overflow: hidden;
}

.full_page_section .bg_video_playback {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.full_page_section .bg_video_playback::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('../images/bg_overlay_img.png');
    background-size: auto;
    background-repeat: repeat;
    background-position: center center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.full_page_section .content_wrap {
    width: 100%;
    height: 100%;
    max-width: 602px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 99;
}

.full_page_section .content_wrap img {
    width: 602px;
    margin-top: -150px;
    display: inline-block;
}

.full_page_section .content_wrap .enter_action-btn {
    margin-top: -40px;
    position: relative;
    z-index: 1;
}

.full_page_section .content_wrap a {
    padding: 15px;
    display: block;
    min-width: 175px;
    background-color: #FCED5E;
    color: #000;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    width: fit-content;
    margin: 0px auto;
    font-size: 15px;
    letter-spacing: .05em;
    font-weight: 700;
    font-style: italic;
    line-height: normal;

    &:first-child {
        margin-bottom: 20px;
    }
}
.full_page_section .content_wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.full_page_section .content_wrap a:hover {
    background-color: #1A1818;
    color: white;
}

.full_page_section .images {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.full_page_section .images img {
    position: absolute;
}

.full_page_section .images img.cross {
    width: 68px;
    bottom: 360px;
    left: 90px;
}

.full_page_section .images img.green_bars {
    width: 376px;
    left: -345px;
    top: 161px;
}

.full_page_section .images img.multi_arrows {
    width: 358px;
    bottom: 173px;
    left: 198px;
}

.full_page_section .images img.splash {
    width: 897px;
    bottom: 0px;
    left: 0px;
}

#cross {
    transform: scale(9);
    transition: transform 1.5s ease;
    opacity: 0;
}

.zoomed-cross {
    width: 60px;
    transform: scale(1) !important;
    opacity: 1 !important;
}

#multi_arrows {
    transform: translate3d(-150px, 150px, 0);
    opacity: 0;
    transition: transform 1s ease;
}

.zoomed_multi_arrows {
    transform: translate3d(0px, 0px, 0) !important;
    opacity: 1 !important;
}

.bg_video_playback video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*********************** chwempower Page **************************/

/*********************** Gym Workout Page **************************/
.gym_workout_page .course_page_banner {
    background-color: var(--var-gym-workout);
    color: rgb(26, 24, 24);
}

.course_page_content_wrapper a {
    text-decoration: underline;
}

.gym_workout_page .global_img_wrpper, .global_img_wrpper.workouts {
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}

.fancybox-is-fullscreen .fancybox-caption {
    display: none;
}

.fancybox-is-fullscreen .fancybox-inner .fancybox-stage {
    width: 100%;
}

body:not(.single_popup_template) .fancybox-is-fullscreen .fancybox-navigation {
    left: 0;
    width: 100%;
    transform: translateX(0);
}

body.workouts .fancybox-inner .fancybox-caption {
    display: none;
}

body.workouts .fancybox-inner .fancybox-stage {
    width: 100%;
}

body.workouts button.fancybox-button.fancybox-button--arrow_right {
    margin-left: auto;
    margin-right: 29px;
}

body.workouts button.fancybox-button.fancybox-button--arrow_right .right {
    margin-left: auto;
}

body.workouts .fancybox-navigation {
    width: 100%;
    left: 0;
    right: 0;
    transform: none;
}

body.workouts .fancybox-button.fancybox-button--like {
    display: none;
}

/*********************** Gym Workout Page **************************/

/*********************** Improve fitness Page **************************/
.improve_fitness .course_page_banner {
    background-color: var(--var-group-tech);
    color: var(--var-white);
}

.reduce_stress_card_item_number span {
    font-size: 68px;
    font-weight: 700;
    font-family: 'Poppins';
    line-height: 95px;
}

.improve_fitness_card .course_module {
    padding: 60px 20px 65px;
    background: rgb(238, 238, 238);
}

.improve_fitness_card .reduce_stress_card_item {
    column-gap: 76px;
}

.stress_img_sec .owl-nav button {
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 39px;
    padding: 0px;
    left: 25.5px;
}

.stress_img_sec .owl-nav button.owl-next {
    right: 25.5px;
    left: auto;
}

.stress_img_sec .owl-nav button svg {
    fill: white;
    filter: drop-shadow(0px 1px 0.15px #B2B2B2);
}

/*********************** Improve fitness Page **************************/

/*********************** Nutrition Resources Page **************************/
.nutrition_resources_page .course_page_banner {
    background-color: var(--var-bg-yellow);
}

.usefull_resources {
    display: grid;
    gap: 25px;
}

.usefull_resources_cont {
    --var-wrapper: 1424px;
    position: relative;
}

.usefull_layout_1_left:after,
.usefull_layout_1_right:after {
    content: "";
    left: 20px;
    top: 0;
    background: var(--var-light-grey);
    width: 30%;
    position: absolute;
    height: 100%;
    z-index: -1;
}

.usefull_layout_1_right:after {
    right: 20px;
    left: auto;

}

.layout_2 .usefull_resources_main_wrapper {
    background: var(--var-light-grey);
    padding: 52px 32px;
}

.usefull_resources_layout_2_wrapper {
    margin: 0 auto;
    max-width: 980px;
    grid-template-columns: 317px 1fr;
    display: grid;
    gap: 27px;
    align-items: center;
}

.usefull_layout_2_left img,
.usefull_resources_layout_3_wrapper .useful_kit_item img,
.usefull_resources_layout_1_wrapper img {
    max-width: 130px;
    width: 100%;
    aspect-ratio: 130/180;
    object-fit: cover;
    max-height: 180px;
    height: 100%;
}

.usefull_layout_2_right img {
    max-width: 249px;
    width: 100%;
    aspect-ratio: 249/140;
    object-fit: cover;
}

.useful_kit_item {
    display: grid;
    align-items: center;
    gap: 22px;
    grid-template-columns: auto 1fr;
}

.usefull_layout_2_right .useful_kit_item a.course_module_img_overlay {
    height: 140px;
}

.useful_kit_item a.course_module_img_overlay {
    flex-shrink: 0;
    /* height: 100%; */
    height: 180px;
}

.useful_kit_content h2 {
    font-size: 16px;
    line-height: 22.4px;
}

.usefull_resources_layout_3_wrapper .useful_kit_item,
.usefull_resources_layout_1_wrapper .useful_kit_item {
    max-width: 267px;
    width: 100%;
}

.usefull_layout_3_left .useful_kit_item,
.usefull_layout_1_left .useful_kit_item {
    margin-left: auto;
}

.usefull_layout_1_left {
    background: var(--var-light-grey);
    padding: 56px 20px 56px 32px;
}

.usefull_layout_3_center .useful_kit_item {
    margin-left: 0;
}

.usefull_resources_layout_3_wrapper {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 354px 1fr;
    gap: 27px;
}

.usefull_layout_3_left,
.usefull_layout_3_center,
.usefull_layout_3_right {
    background: var(--var-light-grey);
    padding: 56px 20px 48px 32px;
}

.usefull_resources_layout_1_wrapper {
    display: grid;
    gap: 27px;
    grid-template-columns: 315px 1fr;
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding-left: 56px;
}

.usefull_layout_1_right_wrapper .useful_kit_item:nth-child(2) {
    padding-left: 53px;
}

.usefull_layout_1_right {
    padding: 56px 32px;
    background: var(--var-light-grey);
}

.usefull_layout_1_right_wrapper {
    display: grid;
    justify-content: space-between;
    max-width: 678px;
    width: 100%;
    grid-template-columns: 305px 1fr;
    gap: 27px;
    height: 100%;
}

.usefull_layout_1_right_wrapper .useful_kit_item {
    max-width: 100%;
}


/*********************** Nutrition Resources Page **************************/

/*********************** Training programmes Page **************************/
.training_programmes_page .course_page_banner {
    background-color: var(--var-red);
    color: var(--var-white);
}

.collection_item_wrap {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 356px 1fr;
    gap: 22px;
}

.collection_item_wrap .recipe_programme_item {
    padding: 38px 46px 56px;
    background: #e8e6e6;
}

.recipe_programme_item img {
    aspect-ratio: 180/233;
    max-width: 180px;
    width: 100%;
    object-fit: cover;
}

.recipe_programme_item .recipe_collection_item_img {
    display: block;
}

.recipe_programme_item p {
    margin-bottom: 30px;
}

.programme_item_wrap {
    max-width: 220px;
}

.collection_item_wrap .recipe_programme_item:nth-child(3n+1) .programme_item_wrap {
    margin-left: auto;
    max-width: 244px;
}

/*********************** Training programmes Page **************************/

/*********************** Exercises Page **************************/
.exercises_page .course_page_banner {
    background: var(--var-gym-workout);
}

.stress_img_wrpper .owl-nav button.disabled {
    display: none;
}

/*********************** Exercises Page **************************/

/*********************** Improve Mindest Page **************************/
.improve_mindset_page .course_page_banner {
    background-color: var(--var-dark-purple);
    ;
    color: var(--var-white);
}

/*********************** Improve Mindest Page **************************/

/*********************** Lose Fat Page **************************/
.lose_fat_build_muscle_page .course_page_banner {
    background-color: var(--var-red);
    color: var(--var-white);
}

/*********************** Lose Fat Page **************************/

/*********************** in-cell-workouts Page **************************/
body.in-cell-workouts .course_page_banner {
    background: var(--var-group-tech);
    color: var(--var-white);
}

/*********************** in-cell-workouts Page **************************/

/*********************** guided-mediation Page **************************/
body.guided-mediation .course_page_banner {
    background: rgb(255, 134, 113);
}

/*********************** guided-mediation Page **************************/

/*********************** che_empower_popup Page **************************/
.che_empower_popup {
    display: none;
}

.che_empower_popup .popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.che_empower_popup .main_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translateY(-50%) translateX(-50%);
    height: calc(100vh - 40px);
    width: calc(100% - 40px);
    display: flex;
    overflow: auto;
    scrollbar-width: thin;
}

.che_empower_popup .content_wrapper {
    max-width: 600px;
    margin: auto;
    background-color: var(--var-white);
    padding: 40px;
    position: relative;
    min-width: 500px;
}

.che_empower_popup .content_wrapper .close_popup {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 32px;
    line-height: 20px;
}

.che_empower_popup .content_wrapper h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    margin: 0 0 20px;
}

.che_empower_popup .content_wrapper h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin: 0 0 20px;
}

.che_empower_popup .content_wrapper h4 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    margin: 0 0 20px;
}

.che_empower_popup .content_wrapper p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}

.che_empower_popup .content_wrapper ul {
    list-style: none;
    margin-bottom: 20px;
}

.che_empower_popup .content_wrapper ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}

.che_empower_popup .content_wrapper ul li::before {
    position: absolute;
    content: '';
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--var-black);
    border-radius: 100%;
}

.video_inner_wrap video-js {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
}

/*********************** che_empower_popup Page **************************/

/*********************** Limit Reached Page **************************/
.limit_reached_template_sec {
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    background-image: url('https://www.chwempower.com/admin/assets/img/bg_overlay_img.png'), url('https://www.chwempower.com/admin/assets/img/login-background.png');
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 100px 0;
}

.limit_reached_template_main_wrapper {
    background-color: rgba(252, 237, 94, 1);
    padding: 30px;
    border-radius: 0;
    z-index: 4;
    position: relative;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

.limit_reached_template_main_wrapper .title_30 {
    margin-bottom: 8px;
    font-style: italic;
}

.course_single_video .limit_reached_template_sec {
    padding: 80px 0;
}

/*********************** Limit Reached Page **************************/

/*********************** Changed **************************/

.empty_video_listing_wrap {
    grid-column: 1/-1;
}

.search_field_wrap button {
    font-size: 14px;
    padding: 12px 20px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    background-color: var(--var-black);
    color: var(--var-white);
    width: max-content;
    text-transform: capitalize;
    letter-spacing: 0.2px;
}

.search_field_wrap input {
    appearance: none;
    -webkit-appearance: none;
    height: 40px;
    border: 1px solid black;
    padding: 8px 12px;
    margin-right: 9px;

}

.search_field_wrap button:hover {
    background-color: var(--var-bg-yellow);
    color: var(--var-black);
}

.recipe_collection_item h2 {
    margin-bottom: 24px;
    max-width: 381px;
    width: 100%;
}

.pdf_fancy_wrapper .fancybox-inner {
    padding: 0;
}

.pdf_fancy_wrapper .fancybox-inner .fancybox-stage {
    width: 100%;
    height: calc(100% - 44px);
    max-width: 100%;
    margin: 44px 0 0 0;
}

.pdf_fancy_wrapper .fancybox-inner .fancybox-caption {
    display: none;
}

.pdf_fancy_wrapper .fancybox-inner .fancybox-slide {
    margin: 0 !important;
}

.pdf_fancy_wrapper .fancybox-toolbar.compensate-for-scrollbar,
.pdf_fancy_wrapper .fancybox-slide:before {
    display: none;
}

.pdf_fancy_wrapper .fancybox-toolbar {
    top: 0;
    background: #525659;
    opacity: 1;
    display: flex;
    visibility: visible;
    align-items: center;
    justify-content: flex-end;
}

.pdf_fancy_wrapper .fancybox-toolbar .fancybox-button--close img {
    filter: invert(100%) sepia(2%) saturate(31%) hue-rotate(53deg) brightness(110%) contrast(89%);
    width: 20px;
    cursor: pointer;
}

.single_popup_template .fancybox-toolbar {
    justify-content: flex-end;
    gap: 40px;
}



.single_popup_template .fancybox-inner .fancybox-caption {
    width: 70%;
    margin: 74px 0 32px;
    padding: 0;
}

.single_popup_template .fancybox-inner {
    justify-content: center;
}

.single_popup_template .fancybox-inner .fancybox-stage {
    order: 2;
    margin: 0;
    height: calc(100vh - 236px);
}


.single_popup_template .fancybox-caption__body .caption_wrapper *,
.single_popup_template .fancybox-caption__body .caption_wrapper {
    text-align: center;
}

.single_popup_template .fancybox-infobar {
    display: block;
    color: #333333;
    opacity: 1;
    visibility: visible;
    left: 47px;
    min-height: 44px;
    top: 20px;
    font-size: 22px;
    /* font-weight: 600; */
    filter: unset;
    mix-blend-mode: unset;
}

.single_popup_template .fancybox-is-fullscreen .fancybox-stage {
    height: calc(100vh - 200px);
    margin: auto;
}

.single_popup_page .modules.sub_form_wrapper .pack_doc_wrap .pack_doc_item>.form_field {
    grid-column: unset;
}

/*********************** Changed **************************/

/*********************** Responsive Start **************************/
@media (max-height: 700px) {
    .full_page_section .content_wrap img {
        margin-top: 0;
    }
}

@media (max-width: 1200px) {


    .usefull_resources_layout_1_wrapper {
        padding-left: 0px;
        grid-template-columns: 32% 1fr;
    }

    .usefull_layout_1_right_wrapper {
        grid-template-columns: 1fr 1fr;
        align-items: flex-start;
    }

    .usefull_resources_layout_2_wrapper {
        max-width: 100%;
        grid-template-columns: 1fr 2fr;
        gap: 46px;
    }

    .yoga_videos_sec .main_wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .gym_workout_page .global_img_wrpper {
        grid-template-columns: repeat(4, 1fr);
    }

    .videos_popup .inner_wrapper {
        max-width: 100%;
    }

    .videos_popup .content_sec {
        padding-right: 20px;
    }

    .global_img_wrpper {
        gap: 20px;
    }

    .usefull_resources_layout_3_wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .usefull_resources_layout_3_wrapper .useful_kit_item,
    .usefull_resources_layout_1_wrapper .useful_kit_item {
        max-width: 100%;
    }

    .usefull_layout_1_left:after,
    .usefull_layout_1_right:after {
        display: none;
    }

    .usefull_layout_1_right_wrapper .useful_kit_item:nth-child(2) {
        padding-left: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .course_module_item_right:has(.audio_wrap)>* {
        float: none;
    }

    .audio_wrap {
        grid-row: 2;
        margin-bottom: 21px;
    }

    .course_module_item_right:has(.audio_wrap)>*:not(.audio_wrap) {
        max-width: 100%;
    }

    .course_module_item_right:has(.audio_wrap) {
        display: grid;
    }

    .mental-performance-coaching .mental .course_module_item_right {
        display: grid;
    }

    body.workouts .fancybox-slide {
        margin: 0px !important;
    }

    .usefull_layout_1_right_wrapper .useful_kit_item:nth-child(2) {
        padding-left: 0px;
    }

    .layout_2 .usefull_resources_main_wrapper,
    .usefull_layout_3_left,
    .usefull_layout_3_center,
    .usefull_layout_3_right,
    .usefull_layout_1_left,
    .usefull_layout_1_right {
        padding: 30px 20px;
    }

    .collection_item_wrap {
        grid-template-columns: repeat(3, 1fr);
    }

    .collection_item_wrap .recipe_programme_item {
        padding: 38px 20px 56px;
    }

    .fancybox-toolbar {
        padding: 0 20px;
        top: 10px;
    }

    .fancybox-button.fancybox-button--like {
        padding-left: 30px;
    }

    .full_page_section .content_wrap {
        /* justify-content: flex-start; */
        /* margin-top: 150px; */
        padding: 0px 32px;
        justify-content: center;
        margin-bottom: 150px;
    }

    .full_page_section .content_wrap img {
        margin-top: 0px;
        width: 100%;
    }

    .full_page_section .content_wrap .enter_action-btn {
        margin-top: -20px;
    }

    .full_page_section .images img.multi_arrows {
        width: 300px;
        left: 100px;
        bottom: 120px;
    }

    .full_page_section .images img.cross {
        bottom: 300px;
        left: 50px;
    }

    .site_container_full {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .global_img_wrpper {
        grid-template-columns: repeat(3, 1fr);
    }

    .img_content_wrapper {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .img_content_wrapper svg {
        width: 120px;
    }

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

@media(max-width: 991px) {
    .single_popup_template .fancybox-infobar {
        top: 11px;
        left: 20px;
    }

    body.workouts button.fancybox-button.fancybox-button--arrow_right {
        margin-right: 20px;
    }

    .improve_fitness_card .reduce_stress_card_item {
        column-gap: 50px;
        grid-template-columns: 84px 1fr 180px;
    }

    .usefull_resources_layout_2_wrapper .useful_kit_item,
    .usefull_resources_layout_1_wrapper .useful_kit_item {
        grid-template-columns: auto;
        align-items: flex-start;
    }

    .useful_kit_item a.course_module_img_overlay {
        max-width: 130px;
    }

    .usefull_layout_2_right .useful_kit_item a.course_module_img_overlay {
        max-width: 249px;
    }

    .fancybox-is-fullscreen button.fancybox-button.fancybox-button--arrow_left {
        margin-left: 19px;
    }

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

    .slides_wrapper {
        display: flex;
        flex-direction: column;
    }

    body:not(.single_popup_template) .fancybox-navigation {
        width: 100%;
        position: fixed;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    button.fancybox-button.fancybox-button--arrow_left {
        margin-left: 20px;
    }

    button.fancybox-button.fancybox-button--arrow_right {
        margin-right: 20px;
    }

    .fancybox-navigation button.fancybox-button {
        width: auto;
        height: auto;
    }

    .fancybox-inner .fancybox-stage {
        width: 100%;
        margin: 74px auto 0;
        max-width: 500px;
    }

    body:not(.single_popup_template) .fancybox-slide .fancybox-content {
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
    }

    .fancybox-slide {
        margin: 0 !important;
    }

    .fancybox-content img.fancybox-image {
        width: 100%;
        height: 100%;
        position: static;
        object-position: center;
    }

    .fancybox-inner .fancybox-caption {
        margin: 0 auto;
        padding: 30px 0px;
        max-width: 500px;
        width: 100%;
        position: relative;
        z-index: 999;
    }

    .reduce_stress_card_item_content p {
        font-size: 16px;
        line-height: 24.2px;
    }

    .reduce_stress_card_item {
        /* grid-template-columns: 84px 1fr 148px; */
        column-gap: 50px;
    }


    .course_module_item {
        gap: 40px;
    }

    .mental .course_module_item {
        gap: 40px;
    }

    .course_module_item_left {
        margin: 0;
    }

    .videos_popup .video_wrapper {
        width: 100%;
    }

    .videos_popup .content_sec {
        width: 100%;
        max-height: none;
        margin: 30px 0 0;
    }

    .videos_popup .inner_wrapper {
        height: auto;
        flex-direction: column;
        width: auto;
    }

    .videos_popup .owl-carousel .owl-stage-outer .owl-stage .owl-item .item,
    .videos_popup .owl-carousel .owl-stage-outer .owl-stage .owl-item,
    .videos_popup .owl-carousel .owl-stage-outer .owl-stage,
    .videos_popup .owl-carousel .owl-stage-outer {
        height: auto;
    }

    .videos_popup #sync1 {
        /* flex: 1; */
        /* height: 100%; */
        padding: 80px 60px 0px;
        margin-bottom: 30px;
        overflow: auto;
    }



    .videos_popup .content_wrapper,
    .videos_popup .slides_wrapper {
        height: 100%;
    }

    .title_45 {
        font-size: 35px;
        line-height: 45.6px;
        font-style: italic;
    }

    .starter_kit_wrapper {
        gap: 40px 24px;
        grid-template-columns: 1fr 1fr;
    }

    .starter_kit_item>a {
        flex-shrink: .5;
    }

    .starter_kit_content .text_20 {
        margin-bottom: 8px;
    }
}

@media(max-width: 767px) {

    .course_module:hover .reduce_stress_card_item .reduce_stress_card_item_content {
        transform: translateX(0px)translateY(-11px)scaleX(1.05)scaleY(1.05)rotate(0deg)skewX(0deg)skewY(0deg);
    }

    .mental .course_module_item_left {
        grid-template-columns: auto auto;
    }

    .course_single_video .limit_reached_template_sec {
        padding: 40px 0;
    }

    .usefull_resources_layout_1_wrapper {
        grid-template-columns: 1fr;
    }

    .starter_kit_content>*:first-child {
        margin-bottom: 10px;
    }

    .usefull_resources_layout_3_wrapper,
    .usefull_resources_layout_2_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .collection_item_wrap .recipe_programme_item {
        padding: 25px 20px;
        background: #e8e6e6;
    }

    .gym_workout_page .global_img_wrpper {
        grid-template-columns: repeat(3, 1fr);
    }

    .videos_popup #sync2 .item_wrapper>img {
        height: 100px;
    }

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

    .stress_img_wrpper .stress_img_item img {
        width: 180px;
    }

    .reduce_stress_card_item_img {
        width: 84px;
    }

    .reduce_stress_card_item .btn_wrap a {
        width: auto;
        min-width: 160px;
    }

    .reduce_stress_card .course_module {
        padding: 40px 25px;
    }

    .reduce_stress_card_item_content p:empty {
        margin-bottom: 10px;
    }

    .reduce_stress_card_item,
    .improve_fitness_card .reduce_stress_card_item {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .reduce_stress_card_item_number span {
        font-size: 54px;
        line-height: 40px !important;
        display: inline-block;
    }

    .course_page .course_module_item_left {
        justify-content: flex-start;
    }

    .course_module_item .course_module_item_right {
        width: 100%;
    }

    .mental .course_module,
    .course_module {
        padding: 30px 20px;
    }

    .improve_fitness_card .course_module {
        padding: 40px 20px;
    }

    .mental .course_module_item {
        grid-template-columns: auto;
        gap: 30px;
    }

    .img_content_wrapper ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .full_page_section .images img:not(.green_bars) {
        display: none;
    }

    .full_page_section .content_wrap {
        margin-top: 0px;
        padding: 80px 20px;
        align-items: center;
        justify-content: center;
    }

    .full_page_section .content_wrap img {
        margin-bottom: 10px;
        width: 75%;
    }

    .full_page_section .content_wrap .enter_action-btn {
        margin-top: 0px;
    }

    .home_banner_background img:nth-child(1) {
        grid-row: 1;
        aspect-ratio: 64/64;
    }

    .home_banner_background img:nth-child(2) {
        grid-area: 1/2;
    }

    .home_banner_background img:nth-child(3) {
        grid-row: 2/span 2;
        grid-column: span 2;
    }

    .home_banner_background img:nth-child(4) {
        grid-row: 1/span 2;
        grid-column: 3;
        height: 100%;
    }

    .home_banner_background img:nth-child(5) {
        grid-row: 3;
        grid-column: 3;
        aspect-ratio: 1/1;
        height: auto;
    }

    .home_banner_background img:nth-child(6) {
        grid-row: 1/span 3;
        grid-column: 4;
        height: 100%;
    }

    .home_banner_background {
        display: grid;
    }

    .home_banner_background img {
        aspect-ratio: unset;
        width: 100%;
        object-fit: cover;
        /* height: 100%; */
        height: auto;
    }

    .home_text_sec {
        padding: 25px 0;
    }

    .home_banner_background:before {
        display: none;
    }

    .title_63 {
        font-size: 28px;
        line-height: 40px;
    }

    .home_banner_sec .container {
        background: rgba(26, 24, 24, .41);
        position: static;
        transform: none;
        padding: 44px 20px 30px;
    }

    .home_banner_sec {
        display: flex;
        flex-direction: column-reverse;
    }

    .goals_title {
        font-size: 39px;
        line-height: 45px;
        margin: 38px auto 40px;
    }

    .goals_sec_links.btn_wrap a {
        padding: 21.5px 20px;
    }

    .quick_links {
        padding: 40px 0 0;
    }

    .quick_links_title .title_lvl6 {
        margin-bottom: 16px;
    }

    .single_video_poster_title {
        font-size: 18px;
        line-height: normal;
        text-decoration: underline;
        padding-left: 15px;
        padding-right: 15px;
    }

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

    .course_page_content .course_single_video video {
        min-height: 250px;
    }

    #sync1 .course_single_video_poster .author_name {
        line-height: 14px;
    }

    .single_video_poster_play_icon span {
        font-size: 14px;
        border-bottom: unset;
    }

    .single_video_poster_play_icon svg {
        width: 25px;
    }

    .single_video_poster_play_icon span {
        margin-left: 8px;
    }

    .wrap_text_18 p:not(.text_20) {
        font-size: 14px;
        line-height: 22px;
    }

    .starter_kit .collection_of_programms_main_wrapper,
    .collection_of_programms_main_wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
        margin-top: 0;
    }

    #sync1 .video_title {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .starter_kit_item {
        max-width: 100%;
    }

    .starter_kit_wrapper {
        grid-template-columns: 1fr;
    }

    .text_20,
    .wrap_text_20 p,
    .course_page_content ul li,
    .module_title,
    .module_heading {
        font-size: 16px;
        line-height: 24px;
    }

    .site_logo {
        text-align: center;
    }

    .site_logo img {
        height: 66px;
        margin: 20px 0 10px;
    }

    .site_placeholder_spacing {
        height: 122px;
    }

    .footer_row2 {
        flex-direction: column-reverse;
    }

    .footer_row2_content {
        margin: 42px 0 0 0;
    }

    .footer_row2_content a {
        margin-bottom: 8px;
    }

    .collection_wrapper {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        padding-top: 25px;
    }

    .recipe_collection_right,
    .recipe_collection_left {
        padding: 20px;
    }

    .recipe_collection_wrapper {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .recipe_collection_item {
        margin: 0 auto !important;
    }

    .recipe_collection_item_img {
        max-width: 100%;
        width: 100%;
    }

    .quick_links_content.btn_wrap a {
        width: 100%;
        max-width: 500px;
    }

    .quick_links_content.btn_wrap a:last-child {
        margin-bottom: 0;
    }

    .quick_links img.yellow_plus,
    .quick_links .white_plus {
        position: static;
        width: 70px;
        height: auto;
        margin: 30px 0;
    }

    .quick_links_title {
        margin-bottom: 0px;
    }

    .quick_links_title .text_20 {
        line-height: normal;
    }

    .course_module_item_right ul,
    .course_module_item_right span,
    .img_content_wrapper ul,
    .course_page_content_wrapper ul {
        margin: 0;
    }

    .img_content_wrapper ul>li:before {
        left: -14px;
        top: 9px;
    }

    .usefull_resources_layout_1_wrapper .useful_kit_item {
        grid-template-columns: auto 1fr;
        align-items: center;
    }

    .usefull_layout_1_right_wrapper {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 575px) {
    .single_popup_template .fancybox-inner {
        align-items: center;
    }

    body:not(.single_popup_template) .fancybox-inner .fancybox-stage {
        height: 0;
        padding-bottom: 75%;
    }

    .fancybox-inner {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .slides_wrapper.active #intro_video {
        padding: 80px 40px;
    }

    .course_single_video .limit_reached_template_main_wrapper {
        padding: 20px;
    }

    .che_empower_popup .content_wrapper {
        min-width: auto;
    }

    .che_empower_popup .content_wrapper {
        padding: 40px 25px;
    }

    .che_empower_popup .content_wrapper h2,
    .che_empower_popup .content_wrapper h3,
    .che_empower_popup .content_wrapper h4 {
        margin: 0 0 15px;
    }

    .programme_item_wrap {
        max-width: 100% !IMPORTANT;
    }

    .usefull_layout_1_right_wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .usefull_resources_layout_3_wrapper .useful_kit_item {
        /* flex-direction: column; */
        grid-template-columns: auto;
        align-items: flex-start;
    }


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

    .gym_workout_page .global_img_wrpper {
        grid-template-columns: repeat(1, 1fr);
    }

    .videos_popup #sync1 {
        padding: 60px 20px 0px;
        margin-bottom: 20px;
        height: calc(100vh - 100px);
    }

    .yoga_videos_sec .main_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .yoga_videos_sec .about_video {
        padding: 10px 0;
    }

    .yoga_videos_sec .about_video h3 {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 3px;
    }

    .yoga_videos_sec .about_video p {
        font-size: 14px;
        line-height: 21px;
    }

    .course_module_item_right ul,
    .course_module_item_right span {
        font-size: 14px;
    }

    .course_module_item img {
        max-width: 180px;
    }

    .load_more_btn {
        display: flex;
    }

    .footer_logo {
        height: 28px;
    }

    .goals_sec_btn svg {
        width: 50px;
    }

    .goals_sec_links.btn_wrap a {
        width: 100%;
    }

    .starter_kit_content .text_20 {
        margin-bottom: 2px;
    }

    .starter_kit_item {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .starter_kit_item>a {
        max-width: 180px;
        width: 100%;
    }

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

    p {
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 20px;
    }

    .title_45 {
        font-size: 24px;
        line-height: normal;
    }

    .course_page_banner {
        min-height: auto;
        padding: 44px 0 30px;
    }

    .collection_wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .course_module .course_module_item_right .audio_wrap {
        max-width: 390px
    }

    .usefull_resources_layout_1_wrapper .useful_kit_item {
        grid-template-columns: auto;
        align-items: flex-start;
    }

    .usefull_layout_1_right_wrapper {
        grid-template-columns: 1fr;
    }

    .grounding-techniques .fancybox-inner {
        justify-content: flex-start;
    }

    body:not(.single_popup_template) .fancybox-navigation {
        top: 234px;
        transform: translate(-50%, 0);
    }

    body.single_popup_template .fancybox-navigation button.fancybox-button.fancybox-button--arrow_right {
        margin-right: 0px;
        padding: 0;
    }

    body.single_popup_template .fancybox-navigation button.fancybox-button.fancybox-button--arrow_left {
        margin-left: 0px;
        padding: 0;
    }

    .single_popup_template .fancybox-toolbar {
        gap: 20px;
    }

    .fancybox-button--info img,
    .fancybox-button--close img {
        width: 20px;
    }

    button.fancybox-button.fancybox-button--zoom {
        padding: 11px;
    }
}

/*********************** Responsive End **************************/

@media(max-width:767px) {
    .course_module_item {
        gap: 30px;
        grid-template-columns: auto;
    }

    .course_module_item_left {
        justify-content: flex-start;
    }
}



.f-button {
    z-index: 200000;
    margin-top: -40px !important;
}


/**** New template additions ****/
.shop-link {
    max-width: 162px;
    min-width: 162px;
    float: right;
    margin: 0 0 0 20px;

    img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
    }
}

.product_page,
.category_page {
    padding-top: 142px;
}

.back-link {
    margin: 35px 0 40px 30px;
    font-size: 15px;
    text-decoration: underline;
}

.product-slider {
    div {
        min-height: 50px;
    }
}

.product-left,
.product-right {
    min-height: 50px;
    float: left;

}

.product-left {
    width: calc(55.3% - 27px);
    margin-right: 54px;
}

.product-right {
    width: calc(44.7% - 27px);

    h1 {
        font-style: italic;
        margin-bottom: 10px;
        font-size: 35px;
        line-height: 100%;
    }

    h1+h2 {
        font-style: italic;
        font-size: 23px;
        font-weight: medium;
        line-height: 100%;
        margin-bottom: 2rem;
        font-weight: 400;
    }

    h3 {
        margin-bottom: 15px;
    }

    p.price {
        display: flex;
        align-items: center;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 2rem;

        span {
            font-size: 12px;
            padding-left: 15px;
        }
    }

    fieldset {
        appearance: none;
        border: none;
        margin-bottom: 30px;

    }

    .product-option-radio {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        padding: 1rem;
        background-color: rgb(207, 207, 207);
        line-height: 100%;

        input {
            margin-right: 5px;
            width: 30px;
            height: 30px;
            appearance: none;
            border: 2px solid black;
            border-radius: 100%;
            background-color: #FFF;

            &:checked {
                background-color: #000;

            }
        }

    }

}

.product-size-fieldset {
    position: relative;

    input {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

    input:checked+label.product-size-radio {
        background-color: black;
        color: #FFF;
    }

    label {
        margin: 0 5px 5px 0;
        cursor: pointer;
    }
}

.product-size-radio {
    background-color: rgb(207, 207, 207);
    padding: 0.5rem;

}

.product-full-width {
    width: 100%;
    clear: both;
    display: block;
    padding: 2rem 0;

}

.accordion-title {
    width: 100%;
    border-bottom: 1px solid black;
    padding: 1rem 0;
    margin: 0;

    &:first-of-type {
        border-top: 1px solid black;
    }

    &.active {
        border-bottom: none;

        a {

            svg {
                transform: rotate(180deg);
            }
        }
    }

    a {
        text-decoration: none;
        width: 100%;
    }

    svg {
        width: 25px;
        float: right;
        margin-top: 10px;
    }
}

.accordion-title.active+div {
    border-bottom: 1px solid black;
    padding-bottom: 1rem;
}

.accordion-panel {
    table {
        max-width: 530px;
        display: inline-table; 
        border-bottom: 1px solid black;
        tr {
            border: none;
        }
        td, th {
            border: none;
            padding: 0.1rem 0.2rem;
        }
    }
}
.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slider-nav {
    padding: 0 30px;
    margin-top: 2rem;
}

.options-fieldset {
    display: flex;
    width: 100%;
}

.category_page {
    .container {
        max-width: 1285px;
    }

    .slick-slide {
        img {
            max-height: 715px;
            object-fit: cover;
        }
    }
}

.category_page_text {
    max-width: 95%;
    margin: 0 auto;
    padding: 40px 0;
    p:first-child {
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
    }
}

.category_page_banner {
    background: var(--var-gym-workout);
    color: #000;
}

.category_page_banner {
    min-height: 240px;
    padding: 74px 0 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 45px;
    column-gap: 22px;
    margin-bottom: 40px;
    h2 {
        font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 3px;
    }
    img {
        margin-bottom: 20px;
    }
}
@media (min-width: 575px) {

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

        h2,
        p {
            padding-left: 30px;
           
        }
        a {
            display: block;
            text-decoration: none;
        }

    }
}
.image-bullets ul {
    list-style: none;
    margin-bottom: 2rem;
}
.accordion-panel {
    display: none;;
}
.image-bullets {
    list-style: none;
    li {
        position: relative;
        padding-left: 30px;
        margin-bottom: 1rem;
    }
    li:before {
        background-image: url('https://www.chwempower.com/assets/img/green-tick.svg');
        background-image: url('https://staging.chwempower.com/assets/img/green-tick.svg');
        background-size: 25px 25px;
        width: 25px;
        height: 25px;
        display: block;
        content: "";
        position: absolute;
        left:0;
        top:0
    }
}
@media (min-width: 768px) {

    .product_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.splide__slide img {

  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  padding-right: 5px;

}
.slider-inner {
    position: relative;
    img {
        width: 281px;
  aspect-ratio: 1/1;
  object-fit: cover;
    }
}
.slide-inner:after {
    content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: rgba(97, 97, 97, 0.6) !important;
  z-index: 1;
  top: 0;
  opacity: 0;
}
.splide__arrows  {
    display: none;

}
.fancybox-thumb {
    max-width: 250px;
}
table {
    width: 100%;
    margin-bottom: 2rem;
}
table, td ,tr, th {
    border:1px solid #000;
    border-collapse: collapse;
}
td, th {
    padding: 1rem;
}
.d-grid {
    display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
h2,h3, h4, h5, h6 {
    margin-bottom: 1rem;
}
.course-grid {
    a {
        text-decoration: none;
    }
}
.course_page_banner.red {
    background-color: var(--var-red);
    color: #FFF;
}

.course_page_banner {
    h1 {
    color: #FFF;
    }

}
.course_page_banner.blue {
    background-color: var(--var-group-tech);
}
.course_page_banner.green {
    background-color: var(--var-gym-workout);
    h1 {
        color: #000;
    }
}
.course_page_banner.peach {
    background-color: var(--var-guided-mediation);
    h1 {
        color: #000;
    }
}
.course_page_banner.purple {
    background-color: var(--var-dark-purple);
}
.course_page_banner.yellow {
    background-color: var(--var-bg-dark-yellow);
    h1 {
        color: #000;
    }
}
.course_page_banner.lilac {
    background-color: var(--var-yoga);
}
.course_page_banner.turquoise {
    background-color: var(--var-course);

    h1 {
        color: #000;
    }
}
.paginator-link {
        padding: 0px 14px;
        display: inline-block;
        background-color: #FCED5E;
        color: #000;
        text-align: center;
     text-decoration: none !important;
        font-size: 30px;
        font-weight: 400;
        float: left;
        margin-top: 15px;
      
}
.paginator-prev {
    margin-left: 5px;

}
.simple-landing-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 3rem;
    a {
        text-decoration: none;
    }
    h2 {
        font-size: 1.6rem;
        line-height:105%;
    }
    img {
        margin-bottom: 15px;
    }
}
.wpg-body {
    .course_page_banner  {
        background-color: #FFF257;
        h1 {
            color: #000;
        }
    }
}
.wpg-body .site_logo {
    display: block;
}
.wpg-body .site_logo img {
    width: 170px;
    height: auto;
    margin: 0;

}
.wpg-body  .site_header_wrapper  {
    min-height: 142px;
}
.wpg-body  .site_header_wrapper  .site_container_full {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 142px;

}
.wpg-body .site_header_wrapper nav {
            width: 100%;
            padding: 0 50px;

           > ul {
                display: flex;
                align-items: center;
                justify-content: space-between;
                list-style: none;
                li {
                    position: relative;
 
                }
                ul {
                    visibility: hidden;
                    opacity: 0;
                    position: absolute;
                    transition: all 0.5s ease;
                    left: 0;
                    display: none;
                    padding-top: 15px;
                    width: 215px;
                    padding: 10px;
                    background-color:#FFF;
                    margin: 0;
                    list-style: none;
                    border-top: 10px solid #000;
                    li {
                        text-align: center;
                    }
                    a {
                        color: #000;
                    }
                    
                }

            }
            a {
                color: #FFF;
                text-decoration: none;
            }
        }
.wpg-body .site_header_wrapper  nav li:hover {
  cursor: pointer;
}

.wpg-body .site_header_wrapper  nav ul li:hover > ul,
.wpg-body .site_header_wrapper  nav ul li ul:hover, .wpg-body .site_header_wrapper  ul li:focus-within > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}

.wpg-body .site_header_wrapper  nav ul li ul li {
  clear: both;
  width: 100%;
}
.home_page  {
    h1 {
        text-transform: uppercase;
    }

}
.square-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr ;

    @media screen and (min-width:700px) {
    grid-template-columns: 1fr 1fr 1fr;
    }

    grid-gap:1px ;
    h1 {
        position:absolute;
        color: #FFF;
        top:50%;
        left:50%;
        line-height: 100%;
        font-style: italic;
        transform: translate(-50%, -50%);
        text-transform: uppercase;
        font-size: 4vw;
        z-index: 4;
            @media screen and (min-width:900px) {
                font-size: 38px;
            }
    }
  }
.square-grid > a {
    padding: 1rem;
    background-size: cover;
    position: relative;
    background-position: center;
  }
  
  .square-grid > a::before {
    content: "";
    padding-bottom: 100%;
    display: block;
  }
  .square-grid >  a:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:  rgba(0, 0, 0, 0.5); 
    top:0;
    left: 0;
  }
  .square-grid >  a:hover:after {
    background-color: rgba(252,237,94,0.5);
}
  .py-3 {
    padding: 3rem 0;
  }
  .black-image-bg {
    background-color: #000;
    p, * {
        color: #FFF;
    }
  }
  .wpg-home-title {
    font-size: 2.4rem;
    line-height: 120%;
    font-style: italic;
    margin-bottom: 0;
  }
  .countdown-section {
    background-color: #02fe65;
    text-align: center;
    padding: 58px 0 50px 0;
    h2, h3 {
        line-height: 100%;
        text-transform: uppercase;
        font-style: italic;
        margin: 0;
    }
    h2 {
        font-size: 5rem;
        margin-bottom: 25px;

    }
    h3 {
        font-size: 3.5rem;
  
    }
    p {
        font-size: 22px;
    }
  }
  #countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    div {
        text-align: center;
        margin-right: 70px;


        h1 {
            margin-bottom: 20px;
        }
    }
    div:last-child {
        margin-right: 0;
        min-width: 170px;
    }
 
  }
  .blue-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: #4D569F;
    }
}
.blue-text  .course_page_banner {
    background-color: #4D569F;
        h1 {
            color:#FFF;
        }
    }

  .turquoise-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color:  var(--var-course);
    }
}
.turquoise-text  .course_page_banner {
        background-color: var(--var-course);
        h1 {
            color:#000;
        }

  } 
   .red-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: var(--var-red);
    }
}
.red-text .course_page_banner {
       background-color:  var(--var-red);
        h1 {
            color:#FFF;
        }
    
  }
   
  .light-purple-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: var(--var-yoga);
    }
}
.light-purple .course_page_banner {
       background-color:  var(--var-yoga);
        h1 {
            color:#FFF;
        }
    }

   
  .purple-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: var(--var-dark-purple);
    }
}
.purple-text   .course_page_banner {
        background-color:  var(--var-dark-purple);
        h1 {
            color:#FFF;
        }
    }

  .peach-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: var(--var-guided-mediation);
    }
}
.peach-text   .course_page_banner {
        background-color: var(--var-guided-mediation);
        h1 {
            color:#FFF;
        }
    }
  
  .orange-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color:#F97722;
    }
}
.orange-text    .course_page_banner {
        background-color: #F97722;
        h1 {
            color:#FFF;
        }
    }

  .green-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color:#1CA530;
    }
}
    .green-text  .course_page_banner {
       background-color:#1CA530;
    
  }
  .brown-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: #A96449;
    }
}
.brown-text   .course_page_banner {
        background-color:#A96449;

  }
  .sage-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: #628278;
    }
}
.sage-text  .course_page_banner {
        background-color: #628278;
    }

  .magenta-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: #FF3260;
    }
}
.magenta-text  .course_page_banner {
       background-color:#FF3260;
    
  }
  .bright-pink-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: #E95196;
    }
}
.bright-pink-text  .course_page_banner {
       background-color:#E95196;
    
  }
  .electric-blue-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: #052BFD;
    }
}
.electric-blue-text  .course_page_banner {
       background-color:#052BFD;
    
  }
  .neon-green-text .course_page_content {
    h1,h2,h3,h4,h5,h6 {
        color: #17FE00;
    }
}
.neon-green-text  .course_page_banner {
       background-color:#17FE00;
    
  }

  
   
  .course_page_content_wrapper {
    ul, ol {
        margin-bottom: 28px;
    }
    li {
        margin-bottom: 10px;
    }
  }
  .grey-box {
    background: var(--var-light-grey);
    display: flex;
    align-items: center;
    padding: 56px 32px;
    h2 {
        font-size: 16px;
  line-height: 22.4px;
  margin-bottom: 0;

    }
  }
  .grey-box-left {
    flex-shrink: 0;
    height: 100%;
    height: 180px;
    margin-right: 20px;
  }
  .grey-box-left img  {
  max-width: 130px;
  width: 100%;
  aspect-ratio: 130/180;
  object-fit: cover;
  max-height: 180px;
  height: 100%;
  }
  .useful_resources .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    max-width: 1380px;
  }
  .page-numbers {
    width: 100%;
    display: block;
    clear: both;
    padding-top: 1rem;
    font-weight: bold;
    
  }
.half-width {
    max-width: 50%;
    margin: 0 auto;
}
.fancybox__backdrop {
    background-color: #FFF!important;
    opacity: 1;
}
.fancybox__container {
    color: #000!important;
}
.fancybox__content {
    padding: 0 !important;
}
.fancybox__container.has-sidebar {
    --right-col-width: clamp(250px, 40vw, 500px) !important;
  }
#fancybox_title {
    padding-top: 50px ;
  }

  .fancybox__col:first-child {
    @media screen and (max-width:650px) {
        order: 2;
  
    }

  }
  .fancybox__cols {
    @media screen and (max-width:650px) {
        display: block !important;

    }

  }
  .fancybox__col:last-child {
            @media screen and (max-width:650px) {
                order: 1;
                width: 100% !important;
            }
  }
  .fancybox__content > .f-button.is-close-btn {
    top:0 !important;
    color: #000 !important;
  }
  .f-button {
    color: #000 !important;

  }
  .fancybox__nav  {
  --f-button-width: 40px !important;
  --f-button-height: 40px !important
}
.site_logo {
    display: flex;
  align-items: center;
  justify-content: space-between;
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }

}
.login-link {
    padding:10px 30px;
  display: block;
  border:1px solid #FFF;
  color: #FCED5E;
  text-align: center;
  text-decoration: none;
 font-style:italic;
margin: 0 0 0 20px;
  font-size: 15px;
  letter-spacing: .05em;
  font-weight: 600;
  line-height: normal;
  &:hover {
    background-color: #FCED5E;
    border-color: #FCED5E;
    color: #000;
  }

}
.wpg-body.app-env-body {
    .site_placeholder_spacing {
        height: 218px;
    }
}
.wpg-body {
    .site_placeholder_spacing {
        height: 168px;
    }
}
.hero-section  {
    height: calc(100vh - 168px);

}
.hero {
    height: 100%;
}
.hero-section video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rules-wrap {
   >  div {
        width: 50%;
        float: left;
        display: block;

        
    }
}
.col1 .rule-wrap > div, .col2 .rule-wrap > div {
    max-width: 475px;
    h2 {
        background-color: #00FF65;
        display: inline-block;
        padding: 0 30px 0 5px;
        font-size: 22px;
    }
    p, ul, ol {
        font-size: 18px;
    }
    li {
        margin-bottom: 10px;
    }
}
.col1 .rule-wrap:after {
    content: "";
    clear: both;
    display: table;
}
.col1 > div:first-child, .col2 > div:first-child { 
    margin-bottom: 30px;
}

.col1 > div:last-child {
    background-color: #E6E6E6;
    padding: 40px 0 70px 0;

}
.col1 {
    
    padding-right: 20px;

}
.col2 {
    padding-left: 20px;

}
 .col1 .rule-wrap {
    div {
    float: right;
    }
 }
.work-wrap {

   > div {
    display:flex;
    flex-wrap:wrap;
    min-height:555px;
    > div {
        width:50%;
        background-size:cover;
        display:flex;
        background-position: center;
        align-items:center
    }

    }
}
.work-wrap > div:nth-child(even) > div:first-child {
    order:2;

}
.work-wrap > div:nth-child(even) > div:last-child {
    justify-content:flex-end;
    
}
.work-wrap > div > div:last-child {
    background-color:#000;
    color:#FFF;
}
.work-wrap > div:nth-child(3n+3) > div:last-child {
    background-color:#00FF65;
    color:#000;
}
.work-wrap > div:nth-child(3n+2) > div:last-child {
    background-color:#FFF257;
    color:#000;
    

}
.half-screen-text-wrap {
    max-width:470px;
    padding:100px 30px;
    color:inherit;
    h3 {
        font-size: 24px;
    }
    p {
        font-size: 20px;
        line-height: 130%;
    }
}
.text-wrap {
    max-width:1020px;
    margin: 0 auto;
    p {
        font-size: 20px;
  line-height: 28px;
    }
}
.grey-panel {
    background-color:#E6E6E6;
}
.green-panel {
    background-color:#00ff65;
}
.yellow-panel {
    background-color: #fff257;

}
.panel .btn.btn-yellow:hover, .btn.btn-yellow:hover {
    background-color: #000;
    color: #fff257;
}
.grey-panel + .navigation_button  {
    background-color:#E6E6E6;
    max-width: 100%;
    .container {
        max-width: 1020px;
}
}

.wpg-body .navigation_button.bottom  {
    padding: 10px 0 17px 0;
}
.yellow-panel + .navigation_button  {
    background-color:#fff257;
    max-width: 100%;
    .container {
        max-width: 1020px;;
    
    }
    
    }
    .green-panel + .navigation_button  {
        background-color:#00ff65;
        max-width: 100%;
        .container {
            max-width: 1020px;;
        
        }
    }

.wpg-body  .panel {
    padding:50px 0;
}
.total-panel {
    background-color:#000;
    .text-wrap {
        text-align:center;
    }
    h2 {
        color:#FFF;
        font-size:50px;
        line-height:100%;
        margin:0;
        font-weight:bold;
        font-style:italic;
    }
    p {
        font-size:90px;
  color:#FFF257;
  line-height:100%;        font-weight:bold;


    }
}
.black-panel {
    background-color: #000;
    h2,h3 {
        color: #fff257;
    }
    p {
        color: #FFF;
    }
}
.m-y-0 {
    margin-top: 0;
    margin-bottom: 0;

}
.wpg-body .home_page {
    section {
        .container {
            max-width: 1020px;
        }
    }
}

.p-24 {
    p {
        font-size: 24px;
        line-height: 130%;

    }
}
.p-20 {
    p {
        font-size: 20px;
        line-height: 130%;

    }
}
.p-26 {
    p {
        font-size: 26px;
        line-height: 130%;

    }
}
.p-28 {
    p {
        font-size: 28px;
        line-height: 130%;

    }
}
.p-30 {
    p {
        font-size: 30px;
        line-height: 130%;

    }
}
.home-panel-yellow, .home-panel-white {
    padding: 80px 0 ;
    .container {

    }
    h2 {
        font-size: 36px;
        font-style: italic;
        text-align: left;
        line-height: 110%;
    }
    p {
        font-size: 24px;
    }
}
.home-panel-white {
    .container {
    background-image: url("/assets/images/horizontal-x.svg");
    background-repeat: no-repeat;
    background-position: bottom 0px left 20px;
    background-size: 180px auto;
    padding-bottom: 50px;
   
    }
}
.panel img {
    max-width: 180px;
}
.overlay-section , .leaderboard-table-section   {
    position: relative;
    .overlay-soon {
        background: rgba(0, 0, 0, 0.79);
        position: absolute;
        top:0;
        right: 0;
        left:0;
        bottom: 0;
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.overlay-soon h1 {
    font-size: 50px; 
    color: #FFF;
}
.fundraising-table-section .container, .leaderboard-table-section .container  {
    max-width: 1020px;
    padding: 50px 20px;
    overflow-x: auto;
}
    .fundraising-table-wrap {
    min-width: 590px;
    }

    .leaderboard-table-wrap {
        min-width: 890px;
    
    }
.fundraising-table-title-row, .leaderboard-table-title-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    h2 {
        margin-bottom: 0;
    }
    div {
        background-color: #fff257;
        text-align: center;
        padding: 10px 2px;
    }

} .leaderboard-table-title-row {
grid-template-columns: 50px 1fr 1fr 1fr 1fr 150px;
}
.leaderboard-table-wrap select, .fundraising-table-wrap select {
    padding: 0.4rem 1rem;
    margin-bottom: 20px;
    margin-left: auto;
}
.leaderboard-table-wrap form, .fundraising-table-wrap form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.fundraising-table-wrap select {
    background-color: #E6E6E6;
    color: #000;
    border: 1px solid #000;
}
.leaderboard-table-wrap select {
    background-color: #000;
    color: #FFF;
    border: 1px solid #FFF;
}

.fundraising-table-title-row h2, .leaderboard-table-title-row h2 {
    font-size: 16px;
}
.fundraising-table-body, .leaderboard-table-body  {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    div {
        background-color: #FFFF;
        text-align: center;
        padding: 10px 2px;
        border-radius: 4px;
        overflow-x: auto;
    }
}
.leaderboard-table-body   {
    grid-template-columns: 50px 1fr 1fr 1fr 1fr 150px
}
.layout-table tr, .layout-table th, .layout-table td, .layout-table , .layout-table tbody {
    border: none;

}
.leaderboard-table-section {
    background-color: #000;;
}
.leaderboard-table-section .text-wrap  {
    text-align: center;
    h2 {
        font-size: 32px;
    }
    p {
        font-size: 20px;
    }
    h2 {
        font-style: italic;
    }
}
.leaderboard-table-section .text-wrap *  {
color: #FFF;;

}
.leaderboard-table-wrap {
    max-width: 1100px;
    padding: 50px 0 100px 0;
}
.leaderboard-table-wrap .gold-row {
    background-color: #DDD99E;
}
.leaderboard-table-wrap .gold-row-rank {
    background-color: #A3A05F;
}
.leaderboard-table-wrap .bronze-row {
    background-color: #F2DDCC;
}
.leaderboard-table-wrap .bronze-row-rank {
    background-color: #B7926E;
}
.leaderboard-table-wrap .silver-row {
    background-color: #E5E5E3;
}
.leaderboard-table-wrap .silver-row-rank {
    background-color: #CCCCCC;
}
.layout-table img {
    width: 100px;
}
.table-pagination {
    padding-top: 20px;
    font-size: 16px;
    nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        svg {
            max-width: 30px;
        }
    }
    button {
        border: none;
        font-size: 16px;
        appearance: none;
        background: none;
        background-color: #FCED5E;
        color: #000;
        font-weight: bold;
        font-style: italic;
        cursor: pointer;
        &:hover {
            background-color: #000;  
            color: #FCED5E;
        
    }
}
}
.paginator-numbers {
 > span {
    span, button {
        min-width: 46px;
    height: 46px;  
    display: inline-flex;
      align-items: center;
      justify-content: center;
    }
 }
 .current-page {
    background-color: #FFF;
    color: #000;
 }
 .disabled {
    display: none;
 }
}
.paginator-numbers > span {
    margin-left: 10px;
}
.inline-flex {
    display: inline-flex;
}
.pagination-inactive {
    display: none;
    appearance: none;

}
.leaderboard-table-wrap {
    .table-pagination {
    color: #fff;
        button:hover {
                background-color: #FFF;  
                color: #000;
            
        }
        }
 
}
.wpg-body .global_img_wrpper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
strike {
    text-decoration: none;
}
.purple .wrap_text_20 {
    strike {
        background-color:#7757C8;color: #FFF;
}
}
.turquoise  .wrap_text_20 {
     strike {
        background-color: var(--var-course);
}
}
/** LOGIN **/
.login-register .min-h-screen {
    min-height: 100vh;
    min-height: calc(100vh + 142px);
    background-color: ;
}
.login-register  .navigation_button {
    margin-top: 10px;
}
.login-register  .navigation_button a {
    color: #FFF;
}
.app-env-body .login-register .min-h-screen  {


}
h1, h2, h3, h4, h5, h6 {
    font-size: revert;
    font-weight: revert;
}
.btn-yellow {
    background-color: #FCED5E;
    color: #000;
    font-weight: bold;
    font-style: italic;
    &:hover {
        background-color: #000;  
        color: #FCED5E;
    }
}
.avatar {
    max-width:64px;
}
.nav-end {
    display: flex;align-items: center;

}
.dropdown-wrap {
    text-align: center;
    min-width: 200px;
    padding: 10px 20px 20px 20px;
    div, a {
        text-align: center;
    }
    .avatar {
        margin: 0 auto;
    }
    .btn-outline, .btn-black {
        padding: 5px 2px;
        display: block;
        width: 100%;
        font-weight: bold;
        font-style: italic;
        
    }
    .btn-outline {
        background-color: #FFF;
        border: 1px solid #000;
        color: #000;
        margin-bottom: 10px;
    }
    .btn-black {
        background-color: #000;color: #FFF;
    }
}
p.dropdown-username {
    font-size: 13px;
    margin-bottom: 5px;
}
.register-wrap, .login-wrap { 
    background-size: cover;
    h1, h2, h3, p {
    color: #FFF;
    }
    .navigation_button {
     max-width: 30rem;
    }
}
.register-wrap {
    background-image: url(https://fls-a07fabad-c69d-4802-9aeb-af67ee54db38.laravel.cloud/login/register-bg.jpg);

}
.login-wrap {
    background-image: url(https://fls-a07fabad-c69d-4802-9aeb-af67ee54db38.laravel.cloud/login/login-bg.jpg);
}
.login-panel, .register-panel {
    padding-top: 35px;
}
.select {
  width: 100%;
  height: 2.375rem;
  border-radius: .25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(196 204 212 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 252 255 / var(--tw-bg-opacity));
  padding: 0;
  --tw-text-opacity: 1;
  color: rgb(28 46 54 / var(--tw-text-opacity));
  --tw-shadow: inset 0px 1px 1px 0px rgba(0,0,0,.05);
  --tw-shadow-colored: inset 0px 1px 1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}
.script  .animate-me {
    opacity: 0;
    transform: translateY(150%) scale(0.2);
}
.script  .animate-me.visible {
    opacity: 1;
  transition: transform 1.2s,opacity 1.2s ease-in-out;
  transform: translateY(0) scale(1);
  z-index: 10;
}
.limit_reached_template_sec h2 {
    font-style: italic;
}
.course_page_banner, .dashboard-intro {
    padding:30px 0;
    min-height: 210px;
}
.container.dashboard {
    padding-bottom: 10px;
    nav {
        margin-bottom: 50px;
    }
}
.video-stats-wrap, .page-stats-wrap  {
    th {
        border: 1px solid #FFF;
        border-bottom: 10px solid #FFF;
        border-right: 10px solid #FFF;
        &:last-child {
            border-right: 1px solid #FFF;
        }
    }
    th:last-child {
        background-color: #000;
        color: #FFF;
    }
    td {
        margin-right: 10px;
        background-color: var(--var-light-grey);
        border: 1px solid #FFF;
        border-right: 10px solid #FFF;
        &:last-child {
            border-right: 1px solid #FFF;
        }
    }
}
.video-stats-wrap {
    th {
        background-color: var(--var-group-tech);
        color: #FFF;
    }
}
.page-stats-wrap {
    th {
        background-color: var(--var-gym-workout);
        color: #000;
    }
}
.translator-image {
    max-width: 150px;
}
.translator-link {
    color: #FFF;

}
.full_page_section {
.translator-container {
    position: absolute;
    top:30px;
    right:30px;
    
}
}
.wpg-body {
    .translator-container {
        margin-left: 30px;
    }  
}
.chart-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:80px;
    margin-bottom: 100px;
}

.widget h2,   .widget-wrap h2  {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .officer {
    th {
      border: 1px solid #FFF;
      border-bottom: 10px solid #FFF;
      border-right: 10px solid #FFF;
      &:last-child {
          border-right: 1px solid #FFF;
      }
    }
    td {
      margin-right: 10px;
      background-color: var(--var-light-grey);
      border: 1px solid #FFF;
      border-right: 10px solid #FFF;
      &:last-child {
          border-right: 1px solid #FFF;
      }
    }
    th {
      background-color: var(--var-gym-workout);
      color: #000;
    }
    .che_empower_popup {
        .content_wrapper {
            max-width: 850px;
        }
    }
    }
    .officer {
        table a {
            text-decoration: underline;
        }
    }
    .dashboard-filters {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
        a {
            background-color: #FCED5E;
            color: #000;
            font-weight: bold;
            font-style: italic;
            padding: 7px 30px;
  display: block;
  margin: 0 0 0 10px;
  font-size: 18px;
  letter-spacing: .05em;
  font-weight: 800;
  line-height: normal;
        }
    }
    .establishment-filter {
        display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
      label {
        margin-right: 10px;
      }
      select {
    padding-left: 6px;
    max-width: 250px;
    border-color: #000;
    border-radius: 0;
    color: #000;
    background-color: #FFF;
      }
        }
    td .button-wrap {
        display: flex;
        align-items: center;
        > * {
            margin-right: 10px;
            &:last-child {
                margin-right: 0;
            }
        }
    }
    .btn {
        text-decoration: none;
    }
    .delete input {
        color: red;
        text-decoration: underline;
        cursor: pointer;
    }
    .alert {
        margin-bottom: 2rem;
        ul {
            list-style: none;
            margin:0 ;
            padding: 0;
        }
    }
    h2 .btn {
        font-size: 18px;
    }
    .container.dashboard + .navigation_button {
        padding-top: 0;


    }
    .app-css {
        .navigation_button.bottom {
            max-width: 1200px;
        }
    }