/*
Theme Name: Fitness
Text Domain: Fitness
Template: starter-theme-mnsoftsolutions
Version: 1.0.5
*/

@font-face {
    font-family: Chillax-Variable;
    src: url('assets/fonts/Chillax-Variable.ttf');
}

* {
    box-sizing: border-box;
}

body, h1, h2 {
    font-family: Chillax-Variable;
}

#countdown, #countdown-sales{
    margin: 16px 0;
    background-color: #c99478;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    color: white;
    width: 100%;
    box-shadow: 0px 1px 2px 0px rgba(61, 71, 84, 0.08);
    justify-content: space-evenly;
}

#sales-modal{
    display: none;
}

.countdown-block {
    text-align: center;
    /*margin-right: 40px;*/
    /*margin-left: 40px;*/
    position: relative;
    font-size: 20px
}

.countdown-block span {
    font-size: 40px;
    display: block
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    overflow-x: hidden;
}

.register-block .row, .login-block .row {
    margin: 0;
}

.no-access-page {
    padding: 100px 0;
    text-align: center;
}

.no-access-page a {
    color: #C99478;
    text-decoration: none;
}

.register-background {
    margin: auto;
    position: relative;
}

.play-icon {
    width: 32px;
    height: 32px;
}

.register-background:after {
    content: '';
    background-image: url('./image/Vector.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 700px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0.08;
    z-index: 0;
    overflow: hidden;
}

h1, h2, .form-block h1 p {
    color: #101828;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-top: 0;
}

h3 {
    color: #101828;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
}

img {
    width: 100%;
}

button:hover, a:hover, input[type="submit"] {
    cursor: pointer;
}

.course-page {
    padding: 40px 0 !important;
    background: #FCFCFD;
}

.header-text {
    border-radius: 48px;
    background: #C99478;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    width: fit-content;
    padding: 8px 16px;
}

.header .display-flex {
    justify-content: space-between;
    align-items: center;
}

.header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    padding: 12px 0;
}

.page-id-201 .header, .page-id-157 .header {
    position: relative;
    border-bottom: 1px solid #F2F4F7;
    background: #FFF;
}

.page-id-201 .header .display-flex, .page-id-157 .header .display-flex {
    justify-content: center;
}

.page-id-201 .header .display-flex .header-text, .page-id-157 .header .display-flex .header-text, .highcharts-credits, .highcharts-title {
    display: none;
}

.highcharts-container {
    height: 300px !important;
}

.description p {
    color: #101828;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    margin-bottom: 0
}

.register-block, .login-block {
    background: #f9f2ef;
}

.block-testimonials {
    background: linear-gradient(342deg, rgba(255, 238, 229, 0.48) 34.53%, rgba(201, 148, 120, 0.32) 87.52%);
    padding: 480px 0 64px 0;
}

.block-testimonials h3 {
    margin: 16px 0;
}

.testimonials-description p {
    color: #667085;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
}

.block-challenge, .bottom-block {
    padding: 82px 0;
}

.video-block {
    position: relative;
    background: #fff;
    z-index: 3;
}

.challenge-image, .video-background-image {
    height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.challenge-image {
    border-radius: 16px
}

.video-background-image {
    height: 760px;
    position: relative;;
}

.video-iframe-thankyou {
    position: relative;
    height: 670px;
}

.video-iframe-thankyou iframe {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 5px solid #FFF;
    background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}

.video-background-image button, .block-video button, .video-iframe-thankyou button {
    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    padding: 24px 16px 20px 16px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    color: #FFF;
    font-family: "Chillax Variable";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.video-background-image iframe, .block-video iframe, .video-iframe-section {
    width: 100%;
    height: 100%;
    margin-top: auto;
    padding: 0;
}

.video-iframe-section iframe {
    border-radius: 16px;
    border: 6px solid #FFF;
    background: url(<path-to-image>), lightgray 0px -34.046px / 109.174% 109.164% no-repeat;
    padding: 6px;
}

.video-iframe {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.block-video .text-block {
    padding: 160px 0 50px;
}

.challenge-image h3 {
    color: #FCFCFD;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.64px;
    position: absolute;
    padding: 0 31px;
    bottom: 0;
}

.video-background {
    border-radius: 16px;
    border: 1px solid rgba(201, 148, 120, 0.16);
    background: rgba(201, 148, 120, 0.12);
    backdrop-filter: blur(6px);
    padding: 12px;
    margin-bottom: -300px;
    height: 780px;
    position: relative
}

.video-background video {
    border-radius: 16px;
    border: 6px solid #FFF;
}

.image img {
    width: 100%;
}

/* register and login */
.form-block {
    padding: 60px;
    position: relative;
    z-index: 3;
}

.form-block p {
    color: #667085;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.form-block a {
    color: #C99478;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-decoration: none;
}

.jump-to-login {
    color: #667085;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.jump-to-login a {
    color: #C99478;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

input[type="email"], input[type="password"], input[type="text"] {
    border-radius: 42px;
    border: 1px solid #F2F4F7 !important;
    background: #FCFCFD;
}

.bottom-block input[type="email"], .bottom-block input[type="password"], .bottom-block input[type="text"] {
    background: #f9f2ef;
}

.mp-password-strength-area {
    display: none;
}

.mp-form-label label {
    color: #667085;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}


input[type="submit"] {
    border-radius: 48px;
    background: #0A2463;
    width: 100%;
    color: #FFF;
    border: none;
    padding: 12px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    position: relative;
}

input[type="submit"]:after {
    content: '';
    background-image: url('./image/button-icon.svg');
    width: 100%;
    z-index: 999;
    position: absolute;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-top {
    border-top: 1px solid #F2F4F7;
    background: #FCFCFD;
    padding: 32px 0;
    color: #101828;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.36px;
    position: relative;
    z-index: 3;
}

.footer-top a {
    color: #C99478;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-decoration: none;
}

.post-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 32px 0;
}

.video-list {
    border-radius: 64px;
    border: 2px solid #F2F4F7;
    background: #FFF;
    display: inline-flex;
    width: 70px;
    height: 70px;
}

.video-list a {
    color: #101828;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    text-decoration: none;
    margin: auto;
}

.list-box-shadow {
    border-radius: 12px;
    border: 1px solid #F2F4F7;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(61, 71, 84, 0.08);
    padding: 42px;
}

.list-box-shadow h2 {
    margin: 0;
}

.life {
    color: #101828;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.video-box-shadow {
    border-radius: 12px;
    border: 1px solid rgba(201, 148, 120, 0.16);
    background: rgba(201, 148, 120, 0.12);
    backdrop-filter: blur(6px);
    height: 100%;
    padding: 12px;
}

.post-content iframe {
    width: 100%;
    height: 343px;
    border-radius: 12px;
    border: 6px solid #FFF;
    /*background: url(<path-to-image>), lightgray 50% / contain no-repeat;*/
}

.post-content {
    position: relative;
}

.post-content button {
    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*display: inline-flex;*/
    padding: 24px 16px 16px 16px;
    /* flex-direction: column;*/
    align-items: center;
    gap: 48px;
    color: #FFF;
    font-family: "Chillax Variable";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    display: flex;
    flex-direction: column-reverse;
}

.post-content button img {
    width: 32px;
    height: 32px;
}

.progress-box {
    border-radius: 12px;
    border: 1px solid #F2F4F7;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(61, 71, 84, 0.08);
    padding: 16px;
    margin: 0;
    margin-top: 16px;
    align-items: center;
    color: #101828;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
}

.progress span {
    color: #101828;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    top: -20px;
    position: relative;;
}

.progress-text {
    color: #101828;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

/* video status */
div.active {
    border-radius: 64px;
    background: #C99478;
    border: none
}

.active a {
    color: white;
}

.ignore {
    border-radius: 64px;
    border: 1px solid rgba(180, 35, 24, 0.32);
    background: #FEF3F2;
    position: relative;
}

.ignore:after {
    content: '';
    background-image: url('./image/ignore.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    position: absolute;
}

.ignore a {
    color: #B42318;
}

.done {
    border-radius: 64px;
    border: 1px solid rgba(2, 122, 72, 0.24);
    background: #ECFDF3;
    position: relative;
}

.done:after {
    content: '';
    background-image: url('./image/done.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    position: absolute;
}

.done a {
    color: #027A48;
}

/* status done */
.progress {
    position: relative;
    margin: 4px;
    float: left;
    text-align: center;
}

.barOverflow {
    position: relative;
    overflow: hidden;
    width: 160px;
    height: 70px;
    margin-bottom: -14px;
    color: #101828;
    text-align: center;
    font-family: "Chillax Variable";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 15px solid #eee;
    border-bottom-color: #C99478;
    border-right-color: #C99478;
}

/* thank you page */
.thank-you-section {
    background: #F9F2EF;
    padding: 64px 0;
}

.thankyou-video-box {
    border-radius: 20px;
    background: rgba(201, 148, 120, 0.12);
    padding: 12px;
}

.thankyou-video-box .box {
    border-radius: 16px;
    border: 1px solid #DCDEE0;
    background: #FFF;
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.04), 0px 10px 24px 0px rgba(30, 30, 30, 0.08);
    width: 100%;
}

.thank-you-section .display-flex {
    display: flex;
    gap: 10px;
    text-align: center;
    justify-content: center;
    padding: 20px 0;
}

.text-brown {
    border-radius: 48px;
    border: 1px solid #F2F4F7;
    background: #C99478;
    padding: 14px 32px;
    justify-content: center;
    align-items: center;
    max-width: 410px;
    width: 100%;
}

.button-blue {
    border-radius: 48px;
    background: #0A2463;
    padding: 14px 32px;
    justify-content: center;
    align-items: center;
    max-width: 410px;
    width: 100%;
}

.button-blue a, .text-brown a {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-decoration: none;
}

button.mp-hide-pw, .mepr_price, .none, .page-id-157 .site-footer, .bottom-block .register-background:after {
    display: none !important;
}

.mepr-loading-gif {
    width: 1px;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 800px;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: 50px 20px;
    z-index: 1000;
    border-radius: 12px;
    border: 1px solid #f2f4f7;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(61, 71, 84, .08);
    text-align: center;

}

.popup img {
    width: 38%;
    text-align: center;
    margin: auto;
    display: block;
}

.popup a {
    color: #C99478;
    text-decoration: none;
}

.popup img.close {
    width: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.chart-box {
    margin: 0;
}

.video-box-shadow .post-content iframe {
    pointer-events: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.video-box-shadow .post-content button {
    z-index: 1000;
}

.numbers-row {
    margin: 50px 0 24px 0
}

.numbers {
    color: var(--primary-60-dark, #101828);
    font-family: Chillax-Variable;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    text-align: center;
    text-transform: uppercase;
}

.numbers span {
    color: var(--accents-10, #C99478);
}

/* Sales page */
.header .menu-div, .sales-banner {
    display: none
}

.header .menu {
    padding: 0
}

.page-id-233 .header .menu-div, .page-id-233 .sales-banner {
    display: block
}

.page-id-233 .header {
    border-bottom: 1px solid var(--Storke-Stroke-Gray, #E7E8EB);
    background: var(--White, #FFF);
    padding: 8px 0
}

.page-id-233 .testimonials-block {
    background: linear-gradient(342deg, rgba(201, 148, 120, 0.08) 34.53%, rgba(255, 238, 229, 0) 87.52%)
}

.header .menu-div {
    margin: 0 auto
}

.header .menu-div ul {
    display: flex;
    gap: 25px;
    list-style: none
}

.page-id-233 .header-text {

    background: var(--accents-10, #0A2463);
}

.header .menu-div .menu a {
    text-decoration: none;
    color: var(--accents-10, #0A2463);
    font-family: Chillax-Variable;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 114.286% */
}

.page-id-233 .video-block {
    background: rgba(201, 148, 120, 0.12);
}

.page-id-233 .video-block h2 {
    text-align: center;
    color: var(--primary-60-dark, #101828);
    font-family: Chillax-Variable;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;
}

.page-id-233 .video-block .text-block, .page-id-233 .video-block .text-block .description {
    padding-left: 10%;
    padding-right: 10%
}

.page-id-233 .site-footer {
    margin-top: 100px
}

.page-id-233 .video-background {
    margin-left: 10%;
    margin-right: 10%;
    height: 550px
}

.page-id-233 .testimonials-block h2 {
    color: var(--primary-60-dark, #101828);
    text-align: center;
    font-family: Chillax-Variable;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;
    padding: 0 20% 64px 20%
}

.header-plan h2 {
    color: var(--primary-60-dark, #101828);
    text-align: center;
    font-family: Chillax-Variable;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;

}

.page-id-233 .testimonials-block {
    padding-top: 60px
}

.page-id-233 #testimonials-block-block_6627b2b557c3d {
    padding-top: 480px
}

.page-id-233 .footer-top {
    display: none;
}

.testimonial-card {
    border-radius: 16px;
    border: 1px solid var(--Storke-Stroke-Gray, #E7E8EB);
    background: var(--White, #FFF);
    box-shadow: 0px 1px 6px 0px rgba(61, 71, 84, 0.08);
    padding: 16px;
    margin-top: 10px
}

.testimonial-card .top {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.testimonial-card .top span {
    color: var(--accents-10, #C99478);

    font-family: Chillax-Variable;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 150% */
}

.plan-block {
    background: rgba(201, 148, 120, 0.12);
    padding: 64px 0 120px 0;
    position: relative;
}

.plan-block:before {
    content: '';
    background-image: url("https://harcoskepzo.mnsoftsolutions.com/wp-content/uploads/2024/04/Vector-4.png");
    background-repeat: no-repeat;
    height: 800px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-position: bottom;
    z-index: -1;

}

.header-plan h2 {
    margin-bottom: 12px;
    text-align: center;
}

.header-plan p {
    color: var(--Gray-150, #101828);
    text-align: center;
    font-family: Chillax-Variable;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    margin: 0
}

.header-plan {
    margin-bottom: 80px
}

.row1 {
    display: flex;
    gap: 20px;
    justify-content: space-around;
    width: 72%;
    margin: auto;
}

.plan-block .plan-card {
    border-radius: 16px;
    border: 1px solid rgba(102, 112, 133, 0.16);
    background: var(--White, #FFF);
    box-shadow: 0px 1px 6px 0px rgba(61, 71, 84, 0.08);
    padding: 24px;
    max-width: 420px;
    width: 420px
}

.plan-card .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.plan-card .top span {
    border-radius: 48px;
    border: 1px solid rgba(102, 112, 133, 0.16);
    background: var(--White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(61, 71, 84, 0.04);
    padding: 10px 12px;
    color: var(--accents-10, #0A2463);
    font-family: Chillax-Variable;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 12px */
}

.plan-card .top img {
    width: 35px
}

.plan-card h3 {
    color: var(--primary-60-dark, #101828);
    margin: 0;
    font-family: Chillax-Variable;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
}

.plan-card h4 {
    color: var(--primary-60-dark, #101828);
    margin: 8px 0 24px 0;
    font-family: Chillax-Variable;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 126.667% */
}

.latest-button {
    border-radius: 48px;
    background: var(--accents-10, #0A2463);
    display: block;
    width: 100%;
    padding: 12px 24px;
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: Chillax-Variable;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 125% */
}

.plan-card .content {
    border-top: 1px solid rgba(102, 112, 133, 0.16);
}

.plan-card .content li {
    vertical-align: middle;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.plan-card .content li::before {
    content: "";
    background-image: url("https://harcoskepzo.mnsoftsolutions.com/wp-content/uploads/2024/04/Frame-2.svg");
    height: 15px;
    position: absolute;
    left: -20px;
    width: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.program-row {
    display: flex;
    gap: 36px;
    margin: 28px 0;
    padding-top: 28px;
    border-top: 1px solid #FFEEE5;
    align-items: center;
}

.program-row:nth-child(2) {
    border-top: none
}

.program-row img {
    width: 100%;
    max-width: 550px;
    min-width: 550px
}

.content-part {
    padding-right: 5%
}

.program-row span {
    border-radius: 50%;
    background: var(--accents-10, #C99478);
    width: 56px;
    height: 56px;
    padding: 10px 20px;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Chillax-Variable;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    position: relative
}

.program-row .twonumber-circle span {
    padding: 14px
}

.program-row .fill-height {
    position: relative
}

.program-row h3 {
    color: var(--primary-60-dark, #101828);
    font-family: Chillax-Variable;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 126.667% */
    margin-bottom: 20px
}

.program-row .content p {
    color: var(--Gray-125, #667085);
    font-family: Chillax-Variable;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
}

.faq-block {
    margin: 64px 0
}

.faq_question img {
    cursor: pointer;
}

.faq_card {
    width: 100%;
    border-bottom: 1px solid #E7E8EB;
}

.faq_card:last-child {
    border-bottom: none
}

.minimized > .faq_answer {
    display: none;
}

.minimized .faq_question_plus {
    display: block
}

.faq_question_plus {
    display: none
}

.faq_question_minus {
    display: block
}

.minimized .faq_question_minus {
    display: none
}

.faq_img {
    width: 24px
}

.faq_question {
    display: flex;
    justify-content: space-between;
}

.faq_question p {
    color: var(--Gray-150, #101828);
    font-family: Chillax-Variable;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    margin: 20px 0
}

.faq_answer p {
    color: var(--Gray-125, #667085);
    font-family: Chillax-Variable;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 28.8px */
    margin-top: 0;
    margin-bottom: 20px
}

.faq_box {
    border-radius: 24px;
    border: 1px solid var(--Storke-Stroke-Gray, #E7E8EB);
    background: var(--White, #FFF);
    box-shadow: 0px 1px 6px 0px rgba(61, 71, 84, 0.08);
    padding: 42px;
    width: 80%;
    margin: auto
}


.program-block {
    margin: 120px 0
}

.sales-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 16px 0 4px 0;
    text-align: center;
    z-index: 9999;
    border-top: 1px solid var(--Storke-Stroke-Gray, #E7E8EB);
    border-bottom: 1px solid var(--Storke-Stroke-Gray, #E7E8EB);
    background: var(--White, #FFF);
}

.sales-banner .buttons {
    display: flex;
    width: fit-content;
    padding: 4px 4px 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 42px;
    background: rgba(181, 71, 8, 0.08);
    margin: auto
}

.sales-banner .buttons span {
    color: var(--primary-60-dark, #101828);
    font-family: Chillax-Variable;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
}

.sales-btn {
    border-radius: 48px;
    background: var(--Warning-150, #B54708);
    color: var(--White, #FFF);
    font-family: Chillax-Variable;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    padding: 12px 24px;
    text-decoration: none;
}

.sales-banner h4 {
    color: var(--Error-100, #B42318);
    font-family: Chillax-Variable;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    margin: 0 0 12px 0
}

@media screen and (max-width: 1440px) {
    .list-box-shadow {
        padding: 20px
    }

    .post-content iframe {
        height: 300px
    }

    .progress-box, #countdown {
        margin-top: 10px;
        padding: 15px
    }

    .course-page {
        padding: 20px 0 !important;
    }

    .video-background, .video-iframe-thankyou {
        height: 550px
    }

    .thank-you-section {
        padding: 30px 0;
    }
}

@media screen and (max-width: 1380px) {
    .video-list {
        height: 60px;
        width: 60px;
    }

    h2 {
        font-size: 25px
    }

    .post-content iframe {
        height: 280px
    }

}

@media screen and (min-width: 1200px) {
    .container {
        padding: 0 60px;
    }
}

@media screen and (min-width: 1600px) {
    .video-background-image {
        background-position: top;
    }
}

@media screen and (max-width: 1500px) {
    .course-page .padding-row {
        margin: 0;
    }
}

@media screen and (max-width: 1024px) {
    .program-row img {
        max-width: 300px;
        min-width: 300px
    }

    .page-id-233 .video-block h2 {
        font-size: 40px
    }

    .numbers {
        font-size: 20px
    }

    .program-row h3 {
        font-size: 24px
    }
}

@media screen and (max-width: 992px) {
    .page-id-157 body {
        padding: 0 15px;
    }

    .video-iframe-thankyou {
        height: 450px;
    }

    .thank-you-section .display-flex {
        flex-direction: column;
    }

    .challenge-image {
        height: 420px;
        margin-bottom: 10px
    }

    .challenge-image h3 {
        font-size: 20px;
    }

    .testimonial-card {
        margin-top: 15px
    }

    .page-id-233 .video-block h2 {
        font-size: 30px;
        line-height: 30px
    }

    .page-id-233 .testimonials-block h2 {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .program-row {
        flex-wrap: wrap;
        gap: 15px
    }

    .fill-height {
        flex-basis: 10%
    }

    .content-part {
        flex-basis: 75%;
        padding-right: 0
    }

    .image {
        margin: 0 auto;
        display: block;
        justify-content: center;
    }

    .row1, .faq_box {
        width: 100%
    }

    #countdown {
        width: auto;
        margin: 0
    }

    #countdown .countdown-block {
        margin: 0 20px
    }

    .video-list {
        width: 55px;
        height: 55px
    }

    .video-background-image, .video-background {
        height: 400px;
    }

    .countdown-block {
        font-size: 15px
    }

    .list-box {
        margin-bottom: 0;
        order: 1
    }

    .counter {
        order: 2;
        margin: 10px 0
    }

    .video-box {
        order: 3
    }
    .counter-sales-page{
        order: 4
    }

    .chart-box {
        order: 5
    }

    .progress {
        order: 6
    }

    .list-box-shadow {
        padding: 20px;
    }

    .box {
        padding: 10px;
    }

    .form-block {
        padding: 15px 5px;
    }

    .form-block h1 {
        margin-bottom: 16px
    }

    .video-background-image {
        height: 350px;
        /*margin-bottom: 30px;*/
        background-position: top;
    }

    .video-background video {
        height: 300px;
    }

    .form-block a, .form-block p {
        font-size: 16px;
        line-height: 20px
    }

    .block-testimonials {
        padding: 300px 0 30px;
    }

    .video-background {
        margin-bottom: -150px;
        padding: 5px
    }

    .block-challenge, .bottom-block {
        padding: 40px 0;
    }

    .block-video .text-block {
        padding: 100px 0 20px;
    }

    .page-id-233 .video-background {
        margin-left: 5%;
        margin-right: 5%;
        height: 300px
    }

    .page-id-233 #testimonials-block-block_6627b2b557c3d {
        padding-top: 350px
    }

    .header-plan h2, .page-id-233 .testimonials-block h2 {
        font-size: 24px;
        line-height: 30px
    }

    .faq_box {
        padding: 15px
    }

    .block-testimonials h3 {
        font-size: 20px
    }

    .testimonial-card .top span {
        font-size: 16px
    }

    .bottom-block .form-block {
        padding: 30px 0;
    }

    .popup img {
        width: 80%;
    }

    .popup h3 {
        font-size: 24px
    }

    .button-blue a, .text-brown a {
        line-height: 50%;
        font-size: 12px;
        font-weight: 500;
    }

    .text-brown {
        padding: 14px;
    }

    .video-iframe-thankyou {
        height: 250px;
    }

    .thankyou-video-box {
        padding: 0;
    }

    .course-page {
        padding: 60px 0 40px;
    }

    .header-text {
        font-size: 12px
    }

    h2, h3, .login-block .form-block h1 p {
        line-height: 35px
    }

    .login-block .form-block h1 p {
        font-size: 30px;
    }

    .description p {
        font-size: 16px;
        line-height: 30px
    }

    .program-block {
        margin: 60px 0
    }
}

@media screen and (max-width: 568px) {
    .row1 {
        flex-wrap: wrap
    }

    .page-id-233 .video-block .text-block, .page-id-233 .video-block .text-block .description {
        padding-left: 0;
        padding-right: 0
    }

    .page-id-233 .header .menu-div {
        order: 3
    }

    .header .menu-div ul {
        gap: 20px;
        margin: 6px 0
    }

    .block-video .text-block {
        padding-top: 160px
    }

    .logo img {
        width: 60%
    }

    .page-id-233 .header-text {
        font-size: 11px
    }

    .sales-banner .buttons span {
        font-size: 16px
    }

    .sales-btn {

        font-size: 14px
    }

    .page-id-233 .video-block h2 {
        font-size: 28px
    }
}