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

.template_page {
    flex: 1;
    display: flex;
    flex-direction: column;
}

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

.mental .course_module_item_right ul,
.mental .course_module_item_right span {
    font-size: 16px;
    line-height: 25px;
}

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

.btn_wrap a:hover {
    color: var(--var-black);
    background-color: var(--var-bg-yellow);
}

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: 128px;
}

section {
    position: relative;
}

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

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

.goals_title {
    font-size: 83px;
    line-height: 74.7px;
    margin: 38px auto 30px;
    max-width: 955px;
    width: 100%;
    font-style: italic;
}

.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 ****************** */
.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 {
    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 {
    /* display: flex; */
    /* gap: 5px; */
}

.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('img/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: 600;
    line-height: normal;
}

.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 {
    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 #sync2 .item_wrapper>img {
        /* height: 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: 82px;
    }

    .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 {
    width: 50%;
    max-width: 162px;
    float: right;
    margin: 28px 0 0 0;

    img {
        display: block;
        width: 100%;
        height: auto;
    }
}
.shop-banner {
    margin: 0 auto;
}
.product_page,
.category_page {
    padding-top: 142px;
    .nutrition {
        border:  1px solid #000;
        margin-bottom: 3rem;
            display: inline-block;
        padding: 1rem;
        clear: both;
    
    }
    table {

        td, th {
            padding: 0.1rem 0.2rem;
            &:first-child {
                padding-left: 0;
            }
            &:last-child {
                padding-right: 0;
            }
        }
        th:first-child {
            text-align: left;
        }
    }
}

.back-link {
    margin: 35px 0 40px 30px;
    font-weight: 600;
    font-size: 15px;
}

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

.product-left,
.product-right {
    min-height: 50px;
    @media(min-width:525px) {

    float: left;
    }

}
.product-left {
    margin-bottom: 3rem;
}
@media(min-width:525px) {

.product-left {
    width: calc(55.3% - 27px);
    margin-right: 54px;
}
}
@media(min-width:525px) {
    .product-right {
    width: calc(44.7% - 27px);
    }
}
.product-right {
  

    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;

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

.panel {
    display: none;
}

.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;
        font-style: italic;
    }
}

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

    }
}

@media (min-width: 768px) {

    .product_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.image-bullets {
    list-style: none;
    margin-bottom: 2rem;
    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
    }
}