* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

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

.wrapper {
    padding-inline: 16px;
}

.ptb-130 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.pb-130 {
    padding-bottom: 48px;
}

.ptb-64 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.ptb-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

@media (min-width: 768px) {
    .wrapper {
        padding-inline: 32px;
    }

    .ptb-130 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-130 {
        padding-bottom: 60px;
    }

    .ptb-64 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media (min-width: 1024px) {
    .wrapper {
        padding-inline: 48px;
    }

    .ptb-130 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-130 {
        padding-bottom: 60px;
    }
}

@media (min-width: 1280px) {
    .ptb-130 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pb-130 {
        padding-bottom: 80px;
    }
}

@media (min-width: 1440px) {
    .wrapper {
        padding-inline: 64px;
    }

    .ptb-130 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pb-130 {
        padding-bottom: 100px;
    }
}

@media (min-width: 1840px) {
    .wrapper {
        padding-inline: 80px;
    }

    .ptb-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pb-130 {
        padding-bottom: 130px;
    }
}

.container {
    max-width: 1680px;
    margin-inline: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    text-transform: uppercase;
}

h1 {
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    text-transform: uppercase;
}

h2 {
    font-weight: 800;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0;
    text-align: center;
}

p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    color: #6B6B6B;
}

@media (min-width: 768px) {

    h1 {
        font-size: 48px;
        line-height: 56px;
    }

    h2 {
        font-size: 36px;
        line-height: 44px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }
}


@media (min-width: 1280px) {

    h1 {
        font-size: 50px;
        line-height: 62px;
    }

    h2 {
        font-size: 40px;
        line-height: 52px;
    }

    p {
        font-size: 18px;
        line-height: 28px;
    }

}

@media (min-width: 1306px) {

    h1 {
        font-size: 56px;
        line-height: 66px;
    }

    h2 {
        font-size: 48px;
        line-height: 58px;
    }

    p {
        line-height: 28px;
    }
}

@media (min-width: 1680px) {

    h1 {
        font-size: 64px;
        line-height: 72px;
    }

    h2 {
        font-size: 50px;
        line-height: 62px;
    }

    p {
        line-height: 28px;
    }
}

/* --Header Style-- */
header {
    background-color: #fff;
    border-bottom: 1px solid #D9D6D1;
    box-shadow: 0px 6px 12px 0px #9B8A681A;
    position: sticky;
    top: 0;
    z-index: 99;
}

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

header .logo {
    font-weight: bold;
    font-size: 24px;
}

header .logo img {
    border-radius: 0;
    width: 100%;
    max-width: 125px;
}

nav.nav-links {
    display: none;
}

nav.nav-links.is-open {
    display: block;
}

header .navbar {
    padding: 16px 0;
}

nav.nav-links.is-open {
    display: block;
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0 16px 32px;
}

header .nav-links ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 24px;
}

header .nav-links ul li {
    padding: 0;
    transition: all .3s ease-in-out;
}

header .nav-links ul li a {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .3s ease-in-out;
    color: #7C7C7C;
}

header .nav-links li a:hover {
    color: #476169;
}

header .nav-links li.active a {
    font-weight: 700;
    color: #476169;
}

header .member-cstm-menu a {
    color: #fff !important;
    border: 1px solid #476169;
    background-color: #476169;
	padding: 12px 24px;
}
header .is-open .member-cstm-menu a {
    padding: 8px 24px;
}
header .is-open .member-cstm-menu {
	margin-top: 6px;
}
header .member-cstm-menu a:hover {
    color: #000 !important;
    border-color: #000;
    background-color: #fff;
}

.custom-nav-toggle {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #FAFAF8;
    border: 1px solid #476169;
}

.custom-nav-toggle span {
    position: absolute;
    left: 8px;
    right: 8px;
    height: 2px;
    background: #476169;
    transition: all 0.3s ease;
}

.custom-nav-toggle span:nth-child(1) {
    top: 9px;
}

.custom-nav-toggle span:nth-child(2) {
    top: 15px;
}

.custom-nav-toggle span:nth-child(3) {
    top: 21px;
}

body.menu-open .custom-nav-toggle span:nth-child(1) {
    transform: rotate(45deg);
    top: 15px;
}

body.menu-open .custom-nav-toggle span:nth-child(2) {
    opacity: 0;
}

body.menu-open .custom-nav-toggle span:nth-child(3) {
    transform: rotate(-45deg);
    top: 15px;
}

.is-open+.main-mobile-nav .custom-nav-toggle {
    background-color: #476169;
}

.is-open+.main-mobile-nav .custom-nav-toggle span {
    background-color: #fff;
}

@media (min-width: 768px) {
nav.nav-links.is-open {
    padding: 0 32px 32px;
}
}

@media (min-width: 1024px) {
    .main-mobile-nav {
        display: none;
    }

    nav.nav-links {
        display: block;
    }

    header .navbar {
        padding: 0;
    }

    header .nav-links ul {
        display: flex;
        flex-direction: row;
        list-style: none;
    }

    header .nav-links ul li {
        padding: 32px 0;
    }

    header .nav-links li.active a:before,
    header .nav-links li a:hover::before {
        content: '';
        width: 100%;
        height: 8px;
        background-color: #476169;
        border-radius: 0 0 2px 2px;
        position: absolute;
        top: -32px;
    }
}

@media (min-width: 1140px) {
    header .nav-links ul li a {
        font-size: 14px;
    }
}

@media (min-width: 1280px) {
    header .navbar {
        gap: 50px;
    }

    header .nav-links ul li a {
        font-size: 15px;
    }

    header .logo img {
        max-width: 150px;
    }

    header .logo svg {
        max-width: 150px;
    }
}

@media (min-width: 1340px) {
    header .nav-links ul li a {
        font-size: 16px;
    }

    header .nav-links ul {
        gap: 18px;
    }
}

@media (min-width: 1440px) {
    header .nav-links ul {
        gap: 30px;
    }
}

@media (min-width: 1840px) {
    header .nav-links ul {
        gap: 40px;
    }

    header .logo img {
        max-width: 189px;
    }

    header .logo svg {
        max-width: 189px;
    }
	header .member-cstm-menu a {
		padding: 16px 24px;
	}
}

/* --Footer Style-- */

.footer {
    background-color: #F5F5F5;
}

.footer-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.footer-left {
    padding: 24px 0 16px;
}

.footer-menus {
    display: grid;
    grid-template-columns: 1fr;
}

.footer-menus .footer-column {
    padding: 16px 0 16px;
}

.footer-program {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
    border-top: 1px solid #6B6B6B4D;
    border-bottom: 1px solid #6B6B6B4D;
}

.footer-column h2 {
    text-align: left;
    margin-bottom: 10px;
}

.footer-column h2 span {
    color: #476169;
}

.footer-column h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
}

.footer-column p {
    font-size: 16px;
    font-weight: 400;
    color: #6B6B6B;
    margin-bottom: 10px;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column ul li {
    margin-bottom: 20px;
    color: #7C7C7C;
}

.footer-column ul li:last-child {
    margin-bottom: 0;
}

.footer-column ul li a {
    font-size: 18px;
    line-height: 100%;
    text-decoration: none;
    color: #7C7C7C;
}

.app-buttons {
    display: flex;
    gap: 16px;
    margin: 16px 0 20px;
}

.app-buttons img {
    width: 100%;
    max-width: 203px;
}

.social-icons {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.social-icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    background-color: #476169;
    border-radius: 50%;
}

.social-icons img {
    border-radius: 0;
    max-width: 20px;
    max-height: 20px;
}

.gallery-image {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}

.gallery-image img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.footer-insta-gallery #sb_instagram #sbi_images {
    padding: 0;
    gap: 12px !important;
}

.footer-insta-gallery #sb_instagram .sbi_photo,
.footer-insta-gallery #sb_instagram .sbi_photo img {
    max-height: 94px;
    display: block;
    text-decoration: none;
}

.footer-bottom {
    border-top: 1px solid #6B6B6B4D;
    padding: 16px 0 24px 0;
    text-align: center;
    font-size: 14px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: center;
}

.footer-bottom .brand {
    font-weight: bold;
    font-size: 18px;
    text-align: left;
}

.footer-bottom .brand img {
    border-radius: 0;
    width: 100%;
    max-width: 300px;
}

.footer-links {
    color: #7C7C7C;
    text-align: left;
}

.footer-links a {
    font-size: 18px;
    color: #7C7C7C;
    text-decoration: none;
    margin: 0 5px;
}

.footer-links a:hover {
    text-decoration: underline;
}

.footer-links p {
    font-size: 18px;
    font-weight: 400;
    color: #7C7C7C;
    font-weight: 400;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .footer-items {
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .footer-left {
        padding: 32px 0;
        grid-column: 1/4;
    }

    .footer-menus {
        grid-template-columns: minmax(250px, 1fr) minmax(250px, 1fr);
        gap: 32px;
        border-top: 1px solid #6B6B6B4D;
    }

    .footer-bottom {
        grid-template-columns: minmax(250px, 300px) auto;
        padding: 32px 0 32px 0;
        gap: 32px;
        border-left: 0;
    }

    .footer-bottom .brand svg {
        max-width: 350px !important;
    }

    .app-buttons {
        gap: 30px;
        margin: 32px 0 32px;
    }

    .social-icons a {
        min-width: 63px;
        max-width: 63px;
        min-height: 63px;
        max-height: 63px;
    }

    .social-icons img {
        border-radius: 0;
        max-width: 100%;
        max-height: 100%;
    }

    .footer-links {
        text-align: right;
    }

    .footer-program {
        grid-template-columns: 1fr;
        padding: 0 32px 0 0;
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 1px solid #6B6B6B4D;
    }

    .footer-menus .footer-column {
        padding: 32px 0 32px;
    }

    .footer-column h3 {
        margin-bottom: 43px;
    }

    .footer-column p {
        font-size: 24px;
    }

    .footer-links p {
        margin-top: 25px;
    }

    .footer-right {
        grid-column: 1/3;
    }

    .social-icons {
        gap: 16px;
    }

    .footer-bottom .brand img {
        max-width: 100%;
    }

    .footer-insta-gallery #sb_instagram #sbi_images {
        gap: 20px !important;
    }
}

@media (min-width: 1280px) {
    .footer-items {
        grid-template-columns: minmax(300px, 440px) auto;
        grid-template-rows: auto;
        gap: 56px;
    }

    .footer-bottom {
        grid-template-columns: minmax(250px, 300px) auto;
        padding: 40px 0 40px 56px;
        gap: 32px;
        border-left: 1px solid #6B6B6B4D;
    }

    .footer-menus {
        grid-template-columns: minmax(250px, 300px) minmax(250px, 1fr);
        gap: 32px;
        border-top: 0;
    }

    .footer-program {
        grid-column: auto;
        padding: 0 32px;
        border-top: 0;
        border-bottom: 0;
        border-left: 1px solid #6B6B6B4D;
    }

    .footer-left {
        grid-column: auto;
        padding: 64px 0;
    }

    .footer-right {
        grid-column: auto;
    }

    .footer-menus .footer-column {
        padding: 80px 0 48px;
    }

    .app-buttons {
        margin: 56px 0 80px;
    }

}

@media (min-width: 1440px) {
    .footer-bottom {
        grid-template-columns: minmax(250px, 350px) auto;
    }
}

@media (min-width: 1840px) {
    .footer-items {
        grid-template-columns: minmax(440px, 440px) auto;
        gap: 100px;
    }

    .footer-menus {
        grid-template-columns: minmax(300px, 410px) minmax(500px, 730px);
        gap: 56px;
    }

    .footer-program {
        padding: 0 56px;
    }

    .footer-bottom {
        grid-template-columns: minmax(507px, 507px) auto;
        gap: 56px;
        padding: 40px 0 40px 56px;
        align-items: center;
    }

    .footer-bottom .brand svg {
        width: 100% !important;
        max-width: 507px !important;
    }
}


/* --Btn Style-- */
.btn-fill,
.btn-unfill {
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 20px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.btn-fill {
    border: 1px solid #476169;
    color: #FAFAF8;
    background: #476169;
}

.btn-fill::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:#000;
    transition:0.4s;
    z-index:-1;
}

.btn-fill:hover::before{
    left:0;
}

.btn-fill:hover{
    border-color:#000;
}

.btn-unfill {
    border: 1px solid #000;
    color: #000;
    background: transparent;
}

.btn-unfill::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:#476169;
    transition:0.4s;
    z-index:-1;
}

.btn-unfill:hover::before{
    left:0;
}

.btn-unfill:hover{
    color:#FAFAF8;
    border-color:#476169;
}
.dark-mode-btn .btn-fill::before{
    background:#fff;
}
.dark-mode-btn .btn-fill:hover {
    color:#000 !important;
}
/* --Btn style End-- */
.c-grey {
    color: #6B6B6B;
}

.note {
    display: block;
    font-weight: 500;
    font-style: Italic;
    font-size: 16px;
    line-height: 1.5;
    color: #6B6B6B;
    margin-top: 10px;
}

.listed li {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    line-height: 1.5;
    list-style: none;
}

.listed li::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 3px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M2.47449 2.52849C-0.842732 5.88189 -0.824732 11.3083 2.52849 14.6256C5.88171 17.9428 11.3083 17.9248 14.6256 14.5716C17.9428 11.2183 17.9248 5.79171 14.5716 2.47449C11.2183 -0.842732 5.79171 -0.824732 2.47449 2.52849ZM12.7147 6.90951L8.06331 11.6147C7.66659 12.0114 7.01751 12.0114 6.62097 11.6147L6.44079 11.4347L5.89989 10.8936L4.38555 9.39729C3.98883 9.00075 3.98883 8.35167 4.38555 7.95513C4.78227 7.55859 5.43117 7.55841 5.82771 7.95513L7.34205 9.45147L11.2723 5.48517C11.6689 5.08863 12.318 5.08863 12.7145 5.48517C13.1112 5.86389 13.1114 6.51297 12.7147 6.90951Z" fill="%23476169"/></svg>');
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}




/* --About Section-- */
.about .about-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.about-content h2 {
    text-align: left;
}

.about-paragraph p {
    margin-bottom: 16px;
}

.about-paragraph p:last-child {
    margin-bottom: 0;
}

.about-paragraph {
    padding: 10px 0 24px;
}

.about-content .about-image {
    margin-top: 24px;
}

.about-media .about-image {
    margin-bottom: 24px;
}

.stats-box {
    background-color: #E5E2DD;
    border-radius: 6px;
    padding: 24px;
}

.stats-box h4 {
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
    margin-top: 24px;
}

.stats-card {
    background-color: #FAFAF8;
    border-radius: 6px;
    padding: 16px 16px 0;
}

.stats-reletive {
    position: relative;
    padding-bottom: 48px !important;
}

.stats-card__header {
    display: flex;
    gap: 10px;
    padding-bottom: 16px;
}

.stats-card__icon {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    overflow: hidden;
}

.stats-card__handle {
    align-self: center;
    line-height: 1.5;
}

.stats-card__content {
    border-top: 1px solid #D9D6D1;
    padding: 10px 0 16px;
}

.stats-card .stats-card__value {
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
}

.stats-card .strong-card__label {
    font-weight: 800;
    font-size: 18px;
    color: #7C7C7C;
    margin: 6px 0;
}

.stats-card__action .btn-fill {
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 6px 6px;
    position: absolute;
    bottom: 0;
    left: -3px;
    width: calc(100% + 6px);
}

/* --App-promo Style-- */
.app-promo {
    background-color: #E5E2DD;
    background-image: url('/wp-content/uploads/2025/12/TIFFxDAN-back.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.app-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.app-promo__content h2 {
    text-align: left;
}

.app-promo__list {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
}

.app-promo__list li {
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    color: #7C7C7C;
    list-style: none;
}

.app-promo__list li:last-child {
    margin-bottom: 0;
}

.app-promo__list li::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 3px;
    background-image: url('/wp-content/uploads/2025/12/list-arrow.png');
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
}

.app-promo__content .app-buttons {
    margin-bottom: 0 !important;
}

.app-promo__media {
    justify-self: end;
    align-self: center;
}

.app-promo__media img {
    width: 100%;
    max-width: 690px;
    max-height: 417px;
}

/* --Challenges Style-- */
.challenges-grid {
    padding: 40px 0 24px;
}

.challenges-grid .slick-track {
    display: flex;
}

.challenge-card {
    position: relative;
    background-color: #FAFAF8;
    border-radius: 6px;
}

.challenge-label {
    display: none;
}

.challenge-image {
    border-radius: 6px 6px 0 0;
}

.challenge-image img {
    width: 100%;
    border-radius: 6px 6px 0 0;
}

.challenge-overlay h3 {
    font-weight: 700;
    font-size: 24px;
    text-transform: capitalize;
}

.challenges-btn {
    text-align: center;
}

.challenges-section .slider-btn {
    margin: 0 0 24px;
}

/* ---Meal-section-- */
.meal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.meal-left h2 {
    text-align: left;
    margin-bottom: 8px;
}

.meal-buttons {
    margin-top: 16px;
}

.meal-buttons .btn-unfill {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.meal-buttons .btn-unfill:last-child {
    margin-bottom: 0;
}

.meal-tab-btn.active .btn-icon {
    border-color: #E5E2DD;
    background-color: #E5E2DD;
    box-shadow: inset 0px 0px 0px 3px #9b8a68;
}

.meal-tab-btn.active .btn-icon svg path {
    fill: #9b8a68;
}

.meal-right h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
}

.meal-right p {
    margin-bottom: 16px;
}

.meal-right p:last-child {
    margin-bottom: 0;
}

.meal-image {
    background-color: #FAFAF8;
    border-radius: 6px;
    place-self: center;
}

.meal-right {
    place-self: center;
}

.meal-tab-content.active {
    display: block;
    overflow: auto;
    padding-right: 16px;
}

/* --Blog section-- */
.blogs-section {
    background-color: #E5E2DD;
}

.blog-header h2 {
    margin-bottom: 8px;
}

.blog-header p {
    text-align: center;
}

.blogs-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 24px;
    padding: 24px 0 24px;
}

.blog-card.blog-card--large {
    grid-column: auto;
    grid-row: auto;
}

.blog-card {
    background-color: #FAFAF8;
    border-radius: 6px;
    padding: 16px 16px 24px;
}

.blog-card .image {
    border-radius: 6px;
}

.blog-image {
    max-height: 300px;
}

.blog-image img {
    width: 100% !important;
    min-height: 300px !important;
    max-height: 300px !important;
    object-fit: cover;
}

.blog-card__content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
}

.blog-card__content .btn-fill {
    margin-top: 24px;
    width: auto;
}

.blog-card--large .blog-card__content {
    padding-top: 24px;
}

.blog-card--small {
    display: block
}

.blog-card--small:last-child {
    grid-column: auto;
}

.blog-card--small .blog-card__content {
    padding-left: 0;
    padding-top: 24px;
}

.blog-btn {
    text-align: center;
}

/* --CTA style-- */
.cta-section {
    background-color: #D9D6D1;
}

.cta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto 1fr;
    place-items: center;
}

.cta-media--right {
    grid-column: 3 / 5;
    grid-row: 2;
}

.cta-content {
    grid-column: 1 / 5;
    grid-row: 1;
}

.cta-media--left {
    grid-column: 1/3;
    grid-row: 2;
}

.cta-content h2 {
    padding-bottom: 10px;
    text-align: center;
}

.cta-content p {
    text-align: center;
}

.cta-media {
    align-self: end;
}

.cta-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    padding-top: 40px;
}

.cta-buttons .btn-unfill .btn-icon {
    background-color: #9B8A68;
    border: 1px solid #9B8A68;
    box-shadow: inset 0px 0px 0px 3px #d9d6d1;
}

.cta-buttons .btn-unfill:hover .btn-icon {
    background-color: #E5E2DD;
    border: 1px solid #E5E2DD;
    box-shadow: inset 0px 0px 0px 3px #9B8A68;
}

.cta-buttons .btn-unfill .btn-icon svg path {
    fill: #fff;
}

.cta-buttons .btn-unfill:hover .btn-icon svg path {
    fill: #9B8A68;
}

/* --Plan Style-- */
.plan-section {
    position: relative;
    background-color: #FAFAF8;
}

.plan-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 0;
    position: relative;
}

.plan-media {
    border-radius: 6px;
    background-color: #FAFAF8;
    grid-row: 2 / 3;
}

.plan-content h2 {
    max-width: 700px;
    text-align: left;
    padding-bottom: 10px;
}

.plan-form .form-row {
    padding: 24px 0 0;
}

.plan-form .form-row p {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-submit-btn {
    margin-top: 8px;
    cursor: pointer;
}

.plan-form .form-row br {
    display: none;
}

.plan-form .form-row span input {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #6B6B6B;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    color: #6B6B6B;
    outline: none;
    margin-bottom: 16px;
}

.plan-form .form-row span input::placeholder {
    color: #6B6B6B;
}

.plan-form .wpcf7-not-valid-tip {
    font-size: 14px !important;
    width: 100% !important;
    margin: 4px 1px 0 !important;
}

.plan-form .wpcf7-response-output {
    margin: 16px 0 0 !important;
    border-color: red !important;
    font-size: 14px;
    padding: 8px !important;
}

.home-submit-btn .wpcf7-submit {
    line-height: 32px;
    cursor: pointer;
    width: 100%;
    padding: 9px !important;
}

.home-submit-btn p {
    position: relative;
}

.home-submit-btn .wpcf7-spinner {
    display: none;
}

.home-submit-btn .btn-icon {
    position: relative;
    margin: -40px 24px 0 auto !important;
}

.home-submit-btn:hover .btn-icon {
    box-shadow: inset 0px 0px 0px 3px #fff;
}

/* --Result Section-- */
.results-section {
    display: none;
}

.results-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.result-card {
    position: relative;
    margin-bottom: 30px;
}

.result-card:last-child {
    margin-bottom: 0;
}

.result-card:before,
.result-video:before {
    content: '';
    width: 100%;
    height: 170px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(180deg, rgba(28, 28, 28, 0) 0%, #1C1C1C 81.18%);
    position: absolute;
    bottom: 0;
}

.result-video:before {
    z-index: 1;
}

.result-image,
.result-video {
    background-color: #FAFAF8;
    border-radius: 6px;
}

.result-image img {
    width: 100%;
}

.result-labels {
    display: flex;
    justify-content: space-between;
    margin-top: -35px;
    position: relative;
}

.result-label {
    background: #C4573A;
    padding: 8px 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.result-label.before {
    border-radius: 0 0 0 6px;
}

.result-label.after {
    border-radius: 0 0 6px 0;
}

.results-btn {
    text-align: center;
    padding: 40px 0 56px 0;
}

.result-video-box {
    display: grid;
}

.result-video {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.result-video-box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center -250px;
}

.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: #FAFAF8;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    display: grid;
    place-items: center;
}

.video-play-btn svg {
    width: 20px;
}

.video-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.08);
}

.mobile-results-section .results-btn {
    padding: 24px 0 0;
}

.mobile-results-section .results-heading {
    padding-bottom: 16px;
}

.mobile-results-section .result-video {
    display: none;
}

.mobile-results-section .slider-btn {
    margin: 0;
}

.mobile-results-section .result-card img {
    width: 100%;
}

.mobile-results-section .result-card:last-child {
    margin-bottom: 30px;
}

/* --Faq Style-- */
.faq-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding-top: 24px;
}

.faq-item {
    background: #FAFAF8;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
}

.faq-list {
    align-self: center;
}

.faq-item:last-child {
    margin-bottom: 0;
}

.faq-question {
    width: 100%;
    padding: 16px;
    background: none;
    border: none;
    color: #1C1C1C;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}

.faq-item .btn-icon {
    transition: transform 0.3s ease;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
    font-size: 20px;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 24px;
    font-size: 16px;
    line-height: 1.6;
    color: #7C7C7C;
    transition: all 0.35s ease;
}

.faq-item.active .faq-answer {
    max-height: 200px;
    padding: 0 24px 20px;
}

.faq-item.active .btn-icon {
    transform: rotate(90deg);
    background-color: #9b8a68;
    border-color: #9b8a68;
}

.faq-item.active .btn-icon svg path {
    fill: #fff;
}

/* --Marquee Style-- */
.marquee-section {
    overflow: hidden;
}

.marquee-wrap {
    width: 100%;
    background: #fff;
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 20s linear infinite;
    will-change: transform;
}

.marquee-content {
    display: flex;
    align-items: center;
}

.marquee-content span {
    margin: 0 35px;
    font-size: 24px;
    font-weight: 800;
    color: #9B8A68;
    white-space: nowrap;
}

.marquee-content .icon {
    background-image: url('/wp-content/uploads/2025/12/dumble.png');
    background-repeat: repeat;
    background-size: contain;
    width: 31px;
    height: 19px;
}

@keyframes marquee {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

.marquee-wrap:hover .marquee-track {
    animation-play-state: paused;
}

/* --Training Style-- */
.training-titel {
    padding-bottom: 16px;
}

.training-titel h2 {
    margin-bottom: 8px;
}

.training-titel p {
    text-align: center;
}

.training-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

.trainer-left-card {
    background-color: #E5E2DD;
    border-radius: 6px;
    padding: 16px 16px 32px;
}

.trainer-card-image {
    background-color: #FAFAF8;
    border-radius: 6px;
    margin-bottom: 32px;
}

.trainer-card-image img {
    width: 100%;
}

.trainer-left-card h4 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 6px;
}

.trainer-left-card .cta-buttons {
    justify-content: start;
}

.training-slider-wrap {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.training-slider .slick-track {
    display: flex;
}

.training-card {
    background-color: #FAFAF8;
    border-radius: 6px;
}

.training-card .video-thumb img {
    width: 100%;
    border-radius: 6px 6px 0 0;
}

.training-slider .training-inner-sec {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 56px;
    padding: 12px 15px;
}

.training-inner-sec h4 {
    font-weight: 800;
    font-size: 16px;
}

.training-inner-sec .play-btn img {
    max-width: 35px;
}

/* --Workout Slider--- */
.workout-wrapper-grid {
    padding-top: 40px;
}

.workout-card {
    position: relative;
}

.workout-slider .slick-track {
    display: flex;
}

.workout-slider .workout-card img {
    width: 100%;
}

.workout-inner-sec {
    position: absolute;
    bottom: 24px;
    left: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
}

.workout-inner-sec .tag {
    width: max-content;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    background-color: #C4573A;
    color: #fff;
    padding: 8px 24px;
    text-decoration: none !important;
}

.workout-inner-sec h4 {
    width: max-content;
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    padding: 14px 24px;
    background-color: #fff;
}

.slider-btn {
    display: flex;
    gap: 32px;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}

.slider-btn .left-btn-sec,
.slider-btn .right-btn-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #C8D0D2;
    background-color: #C8D0D2;
    box-shadow: inset 0px 0px 0px 3px #fff;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.slider-btn .left-btn-sec svg,
.slider-btn .right-btn-sec svg {
    background-color: transparent;
    transition: all .3s ease-in-out;
}

.slider-btn .right-btn-sec svg {
    transform: rotate(180deg);
    background-color: transparent;
}

.slider-btn .left-btn-sec:hover,
.slider-btn .right-btn-sec:hover {
    border-color: #476169;
    background-color: #476169;
}

.slider-btn .slick-arrow:not(.slick-disabled):not([aria-disabled="true"]) {
    background-color: #476169;
    border-color: #476169;
}

.slider-btn .slick-arrow:not(.slick-disabled):not([aria-disabled="true"]) svg path {
    stroke: #fff;
}

.left-btn-sec:hover svg path,
.right-btn-sec:hover svg path,
.left-btn-sec.slick-disabled svg path,
.right-btn-sec.slick-disabled svg path {
    stroke: #fff;
}

/* ---Video modal Style--- */
.video-thumb {
    position: relative;
    cursor: pointer;
    display: block;
}

.video-thumb img {
    width: 100%;
    display: block;
}

.play-btn img {
    width: 60px;
    height: auto;
    pointer-events: none;
}

.video-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-modal-inner {
    width: 90%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
}

.video-modal iframe {
    width: 100%;
    height: 100%;
}

/* --Slick Dot design-- */
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 24px !important;
    position: static !important;
}

.slick-dots li,
.slick-dots li button {
    width: 0 !important;
    height: 0 !important;
}

.slick-dots li button::before {
    content: "" !important;
    display: block;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background-color: #858585;
    transition: all 0.3s ease;
}

.slick-dots li button:hover::before {
    background-color: #b9af9f;
}

.slick-dots li.slick-active button::before {
    width: 28px;
    border-radius: 20px;
    background-color: #9b8a68;
}

.slick-dots li.slick-active button::before {
    box-shadow: 0 4px 12px rgba(155, 138, 104, 0.4);
}


/* --Responsive-- */

@media (max-width: 767px) {
    .cta-buttons {
        gap: 20px;
    }

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

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

    .blog-card--small {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .blog-card--small .blog-card__content {
        padding-left: 0;
    }

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

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

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

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

    .plan-form .form-row {
        grid-template-columns: 1fr;
    }

    .challenge-overlay {
        background-color: #E5E2DD;
        border-radius: 0 0 6px 6px;
        padding: 16px 24px 24px;
    }

    .challange-btn {
        margin-top: 24px;
    }

    .challange-btn .btn-fill {
        width: auto;
    }

    .about-content .btn-fill {
        width: auto;
    }
}

@media (min-width: 768px) {
    .training-grid {
        grid-template-columns: minmax(250px, 280px) 1fr;
        gap: 24px;
    }

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

    .blog-card.blog-card--large {
        grid-column: 1 / 5;
        grid-row: 2/ 3;
    }

    .blog-card {
        position: relative;
        padding-bottom: 100px;
    }

    .blog-card--small {
        grid-column: 1/3;
    }

    .blog-card--small:last-child {
        grid-column: 3/5;
    }

    .blog-image {
        max-height: 100% !important;
    }

    .blog-image img {
        max-height: 100% !important;
        object-fit: unset;
    }

    .stats-grid .slick-list {
        width: 300px;
    }

    .stats-grid .slick-track {
        display: flex;
    }

    .btn-fill,
    .btn-unfill {
        width: unset;
		padding: 16px 24px;
    }

    .video-box {
        border-radius: 24px;
    }

    .marquee-content span {
        font-size: 32px;
    }

    .challenge-image,
    .challenge-image img {
        border-radius: 6px;
    }

    .challenge-label {
        display: block;
    }

    .challenge-label {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 24px 16px;
        color: #fff;
        font-size: 16px;
        font-weight: 800;
    }

    .challenge-card:before {
        content: '';
        width: 100%;
        height: 170px;
        border-radius: 0 0 6px 6px;
        background: linear-gradient(180deg, rgba(28, 28, 28, 0) 0%, #1C1C1C 81.18%);
        position: absolute;
        bottom: 0;
    }

    .challenge-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: all .3s ease-in-out;
        border-radius: 6px;
        background-color: #E5E2DD;
        padding: 32px 24px 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .challenge-card:hover .challenge-overlay {
        opacity: 1;
    }

    .about-paragraph {
        padding: 24px 0 40px;
    }

    .about-content .about-image {
        margin-top: 56px;
    }

    .about .about-grid {
        display: grid;
        gap: 32px;
    }

    .about-media .about-image {
        margin-bottom: 48px;
    }

    .stats-card {
        padding: 24px 24px 0;
    }

    .stats-card .stats-card__value {
        font-size: 32px;
    }

    .stats-card__content {
        padding: 16px 0 24px;
    }

    .training-titel {
        padding-bottom: 48px;
    }

    .trainer-left-card h4 {
        font-size: 32px;
    }

    .slider-btn {
        margin-top: 48px;
    }

    .blogs-grid {
        padding: 40px 0 48px;
    }

    .blog-card__content .btn-fill {
        position: absolute;
        bottom: 24px;
        margin-top: 0;
    }

    .plan-grid {
        gap: 32px;
        padding: 0;
    }

    .plan-section {
        background-color: #fff;
    }

    .plan-media {
        grid-row: auto;
    }

    .home-submit-btn p {
        display: inline-block !important;
        height: 48px;
    }

    .plan-form .form-row {
        padding: 32px 0 0;
    }

    .app-grid {
        gap: 32px;
    }

    .meal-buttons {
        margin-top: 32px;
    }

    .meal-buttons .btn-unfill {
        margin-bottom: 24px;
    }

    .meal-grid {
        gap: 32px;
    }

    .meal-tab-content.active {
        max-height: 380px;
    }

    .app-promo__list li {
        margin-bottom: 16px;
    }

    .faq-grid {
        gap: 24px;
        padding-top: 48px;
    }

    .home-submit-btn {
        margin-top: 0;
    }

    .faq-item {
        margin-bottom: 16px;
    }

    .faq-question {
        padding: 24px;
        font-size: 20px;
    }

    .challenges-section .slider-btn {
        margin: 0 0 48px;
    }

    .challenges-grid {
        padding: 40px 0 48px;
    }

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

    .meal-left {
        grid-column: 1/3;
    }

    .meal-image {
        grid-column: 3 / 5;
    }

    .meal-right {
        grid-column: 1 / 5;
    }

    .slick-list {
        margin: 0 -8px !important;
    }

    .slick-slide {
        margin: 0 8px;
    }

    .workout-inner-sec h4 {
        font-size: 16px;
        padding: 14px 16px;
    }

    .plan-form .form-row p {
        flex-wrap: nowrap;
        gap: 16px;
    }

    .mobile-results-section .results-heading {
        padding-bottom: 32px;
    }

    .mobile-results-section .slider-btn {
        margin: 32px 0 0;
    }
}

@media (min-width: 992px) {

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

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

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

    .meal-left,
    .meal-image,
    .meal-right {
        grid-column: auto;
    }

    .training-grid {
        grid-template-columns: minmax(300px, 328px) 1fr;
    }

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

    .plan-content {
        padding-bottom: 0;
        align-self: end;
    }

    .plan-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .results-section {
        display: block;
    }

    .mobile-results-section {
        display: none;
    }
}

@media (min-width: 1024px) {
    .blogs-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
    }

    .blog-card.blog-card--large {
        grid-column: auto;
        grid-row: auto;
    }

    .blog-card--small,
    .blog-card--small:last-child {
        grid-column: auto;
    }

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

    .stats-card:last-child {
        grid-row: 2 / 3;
        grid-column: 1/4;
    }

    .blog-image img {
        object-fit: cover;
    }

    .video-play-btn {
        width: 80px;
        height: 80px;
    }

    .video-play-btn svg {
        width: 25px;
    }

    .challenge-label {
        padding: 24px 24px;
        font-size: 20px;
    }
}

@media (min-width:1280px) {
    .training-slider .training-inner-sec {
        padding: 16px 24px;
        gap: 32px;
    }

    .training-inner-sec h4 {
        font-size: 18px;
    }

    .training-inner-sec .play-btn img {
        max-width: 50px;
    }

    .faq-grid {
        gap: 32px;
    }

    .faq-item {
        margin-bottom: 24px;
    }

    .cta-grid {
        display: grid;
        grid-template-columns: minmax(200px, 350px) 1fr minmax(200px, 350px);
        grid-template-rows: auto;
        gap: 24px;
    }

    .cta-media--right {
        grid-column: auto;
        grid-row: auto;
    }

    .cta-content {
        grid-column: auto;
        grid-row: auto;
    }

    .cta-media--left {
        grid-column: auto;
        grid-row: auto;
    }

    .meal-grid {
        gap: 56px;
    }

    .plan-grid {
        gap: 56px;
    }

    .app-grid {
        gap: 56px;
    }

    .about .about-grid {
        gap: 56px;
    }

    .plan-content {
        padding-bottom: 64px;
    }

    .about-media .about-image {
        margin-bottom: 80px;
    }

    .challenge-label {
        font-size: 24px;
    }

    .workout-inner-sec {
        left: 24px;
        right: 24px;
    }
}

@media (min-width: 1440px) {
    .blogs-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .blog-card {
        padding-bottom: 24px;
    }

    .blog-card--small {
        display: grid;
        align-items: center;
        grid-template-columns: minmax(200px, 348px) 1fr;
    }

    .blog-card.blog-card--large {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
    }

    .blog-card--small:last-child {
        grid-column: 2 / 3;
    }

    .blog-card--small .blog-card__content {
        padding-left: 24px;
        padding-top: 0;
    }

    .blog-card__content .btn-fill {
        position: unset;
        margin-top: 40px;
    }

    .stats-box {
        padding: 32px;
    }

    .stats-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        gap: 24px;
    }

    .stats-card:last-child {
        grid-row: auto;
        grid-column: auto;
    }

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

    .stats-card {
        padding: 16px 16px 0;
    }

    .training-slider .training-inner-sec {
        padding: 23px 32px;
        gap: 56px;
    }

    .training-inner-sec h4 {
        font-size: 24px;
    }

    .training-inner-sec .play-btn img {
        max-width: 64px;
    }

    .faq-grid {
        gap: 56px;
    }

    .faq-item {
        margin-bottom: 32px;
    }

    .video-play-btn {
        width: 100px;
        height: 100px;
    }

    .video-play-btn svg {
        width: 35px;
    }

    .slick-list {
        margin: 0 -16px !important;
    }

    .slick-slide {
        margin: 0 16px;
    }

    .workout-inner-sec h4 {
        font-size: 20px;
        padding: 14px 24px;
    }

    .plan-section:before {
        content: '';
        background-color: #FAFAF8;
        width: calc(100% - 45%);
        height: calc(100% - 64px);
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .plan-form .form-row span input {
        padding: 14px 24px;
        font-size: 16px;
    }

    .btn-fill,
    .btn-unfill {
        font-size: 16px;
    }
}

@media (min-width: 1550px) {
    .stats-card__header {
        flex-wrap: nowrap;
    }
}

@media (min-width: 1840px) {
    .workout-inner-sec h4 {
        min-width: 250px;
    }

    .challenges-grid {
        gap: 32px;
    }

    .challenges-section .slider-btn {
        display: none;
    }

    .results-grid {
        gap: 32px;
    }

    .blogs-grid {
        gap: 32px;
    }

    .plan-grid {
        gap: 80px;
    }

    .meal-grid {
        gap: 80px;
    }

    .faq-grid {
        gap: 80px;
    }

    .about .about-grid {
        gap: 80px;
    }

    .challenges-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
    }

    .stats-card {
        padding: 24px 23px 0;
    }

    .stats-box {
        padding: 40px;
    }

    .video-play-btn {
        width: 132px;
        height: 132px;
    }

    .meal-tab-content.active {
        max-height: 100%;
    }
}



/* -------Free Home Workouts Style--------  */

/* --Free Workout Hero style-- */
.free-workout-hero {
    background-color: #FAFAF8;
}

.free-workout-hero .hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px 0 40px;
}

.free-workout-hero h1 {
    margin: 0;
}

.free-workout-hero .hero-tagline {
    display: inline-block;
    margin: 8px 0;
}

.free-workout-hero .hero-right .hero-btns {
    margin-top: 32px;
}

/* --Free Workouts Style-- */
.free-workout-banner {
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
}

/*--Goal Section Style--*/
.goal-card-grid {
    margin-top: 16px;
}

.goal-card-grid .slick-arrow {
    display: none !important;
}

.goal-card-grid .slick-track {
    display: flex;
}

.goal-box {
    position: relative;
    background-color: #FAFAF8;
    border-radius: 6px;
    padding: 16px 16px 24px;
}

.goal-box.slick-slide {
    height: auto;
}

.goal-image {
    background-color: #fff;
    margin: -16px;
    margin-bottom: 16px;
    border-radius: 6px 6px 0 0;
}

.goal-image img {
    width: 100%;
    border-radius: 6px 6px 0 0;
}

.goal-title {
    font-weight: 800;
    font-size: 18px;
}

.goal-content {
    padding: 16px 0 24px;
}

#workout-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.workout-modal-content {
    background: #fff;
    width: calc(100% - 25px);
    max-height: calc(100% - 32px);
    border-radius: 6px;
    position: relative;
}

#workout-modal .popup-inner-content {
    padding: 48px 16px 32px 16px;
    text-align: center;
    align-self: center;
}

#workout-modal h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
}

#workout-modal .popup-image {
    border-radius: 0;
    display: none;
}

#workout-modal .popup-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

#modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 50px;
    line-height: 35px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

#modal-close:hover {
    color: #9B8A68;
}

#workout-modal .main-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

#workout-modal form {
    margin-top: 16px;
}

#workout-modal form p {
    font-size: 18px;
    font-weight: 600;
    color: #1c1c1c;
}

#workout-modal .wpcf7-form-control-wrap[data-name="training-frequency"] {
    display: inline-block;
    padding: 8px 0 16px;
}

#workout-modal input[type="radio"] {
    accent-color: #9B8A68;
}

.plan-form.modal-new-form .form-row {
    padding: 16px 0 0;
}

.plan-form.modal-new-form .form-row span input {
    padding: 14px 16px;
    font-size: 14px;
}

.plan-form.modal-new-form .form-row span {
    margin-bottom: 24px;
}

#workout-modal .main-wrapper-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

/*--Creators Video Style--*/
.creators-results-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}

.creators-results-card {
    border-radius: 6px;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 32px 16px;
    margin-top: 16px;
}

.creators-results-left {
    background-image: url('/wp-content/uploads/2026/01/creators01.png');
}

.creators-results-right {
    background-image: url('/wp-content/uploads/2026/01/creators02.png');
}

.creators-results-channel {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    padding: 24px;
    width: 100%;
    max-width: 347px;
}

.creators-results-channel {
    padding-bottom: 48px;
}

.creators-results-header {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 10px;
    padding-bottom: 16px;
}

.creators-results-icon {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    overflow: hidden;
}

.creators-results-handle {
    align-self: center;
    font-weight: 800;
    font-size: 18px;
}

.creators-results-content {
    border-top: 1px solid #D9D6D1;
    padding: 16px 0 24px;
}

.creators-results-value {
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.creators-results-action .btn-fill {
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 6px 6px;
    position: absolute;
    bottom: 0;
    left: -3px;
    width: calc(100% + 6px);
    background-color: #FF0000;
    border-color: #FF0000;
}

.creators-results-action .btn-icon {
    box-shadow: inset 0px 0px 0px 3px #ff0000;
}

.creators-results-action .btn-icon svg path {
    fill: #ff0000;
}

.creators-results-action .btn-fill:hover {
    color: #FF0000;
    background-color: #fff;
    border-color: #FF0000;
}

.creators-results-action .btn-fill:hover .btn-icon {
    box-shadow: inset 0px 0px 0px 3px #fff;
    border-color: #FF0000;
    background-color: #ff0000;
}

.creators-results-action .btn-fill:hover .btn-icon svg path {
    fill: #fff;
}

/* --Exercise Video Style-- */
.exercise-video-wrapper {
    background-color: #FAFAF8;
    border-radius: 12px;
    padding: 24px 16px;
}

.exercise-header {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 24px;
}

.exercise-section-subtitle strong {
    font-weight: 700;
}

.exercise-video-left {
    place-items: start;
}

.exercise-video-right {
    place-self: auto;
}

.exercise-section-title {
    font-weight: 800;
    font-size: 32px;
    line-height: 100%;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.exercise-video-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}

.exercise-video-box {
    position: relative;
    border: 1px solid #D9D6D1;
    border-radius: 6px;
    padding: 8px 8px 16px;
}

.challenges-box-pb .exercise-video-box {
    padding-bottom: 88px;
}

.exercise-video-thumb {
    position: relative;
    border-radius: 6px;
    background-color: #E5E2DD;
    margin-bottom: 16px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.exercise-video-thumb img {
    margin: 0 auto;
}

.exercise-video-thumb .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.exercise-video-thumb .play-btn img {
    width: 100%;
    max-width: 50px;
}

.exercise-video-thumb video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.exercise-video-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.exercise-video-meta {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.exercise-video-btn {
    position: absolute;
    bottom: 16px;
}

/* --Abs Style-- */
.abs-wrapper {
    border-radius: 16px;
    background-color: #FAFAF8;
    position: relative;
    padding-bottom: 500px;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

.abs-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abs-hero-overlay {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #E5E2DD;
    border-radius: 0 0 24px 24px;
    border-top: 4px solid #9B8A68;
    box-shadow: 0px 4px 10px 0px #0000001A;
    padding: 32px 24px;
    width: 100%;
    max-width: calc(100% - 10%);
    margin: 0 auto;
}

.abs-hero-overlay h2 {
    text-transform: uppercase;
}

.abs-hero-btn {
    text-align: center;
    margin-top: 24px;
}


/* --Weekly Workout Style-- */
.weekly-workout-grid {
    background-color: #E5E2DD;
    border-radius: 6px;
    padding: 24px 16px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.weekly-workout-image {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.weekly-workout-image img {
    width: 100%;
    height: 100%;
}

.weekly-workout-title {
    text-align: left;
    margin-bottom: 16px;
}

.weekly-workout-subtitle {
    font-weight: 800;
    color: #9B8A68;
    font-size: 16px;
}

.weekly-workout-quote {
    font-weight: 800;
    font-style: Italic;
    font-size: 18px;
    color: #1C1C1C;
}

.weekly-workout-trust {
    background-color: #fff;
    padding: 16px;
    border-radius: 6px;
    margin-top: 32px;
}

.weekly-workout-trust h5 {
    font-weight: 800;
    font-size: 18px;
}

.kickstart-section .weekly-workout-title {
    margin-bottom: 0;
}

/* --Beginner Section Style-- */
.beginner-card {
    background-image: url('/wp-content/uploads/2026/01/beginners.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 24px 16px;
    border-radius: 6px;
}

.weekly-workout-content {
    align-self: center;
}

.beginner-content {
    background-color: #E5E2DD;
    border-radius: 6px;
    padding: 24px;
    width: 100%;
    min-width: 100%;
    max-width: 910px;
    margin: 0 0 0 auto;
}

.weekly-workout-form .form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0;
    margin: 24px 0 16px;
}

.weekly-workout-form .form-row p {
    display: block;
}

.beginner-label {
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    color: #7C7C7C;
    padding-bottom: 20px;
}

.beginner-wrapper {
    text-align: left;
    margin-bottom: 32px;
}

.beginner-title {
    text-align: left;
    text-transform: uppercase;
}

.beginner-grid {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 16px;
}

.beginner-bottom-label {
    font-size: 16px;
    font-weight: 600;
    color: #1c1c1c;
}

.beginner-banner-mobile {
    width: 100%;
    min-height: 200px;
    margin-bottom: 20px;
    object-fit: cover;
    object-position: left;
}

.beginner-content .weekly-workout-subtitle {
    padding: 16px 0;
}

/* --Mobility Style-- */
.mobility-card-grid {
    background-color: #E5E2DD;
    border-radius: 6px;
    padding: 24px 16px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.mobility-image {
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
}

.mobility-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobility-content {
    align-self: center;
}

.mobility-wrapper {
    margin-bottom: 32px;
}

.mobility-content .mobility-hero-title {
    text-align: left;
    text-transform: uppercase;
}

.mobility-wrapper .weekly-workout-subtitle {
    margin: 16px 0 24px;
}

/* ----------Free Home Workout Challenges Page Style---------------- */

/* --Work section Style-- */
.work-grid,
.featured-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.work-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.work-grid h2,
.featured-grid h2 {
    text-align: left;
}

.work-content .subtitle {
    margin-top: 10px;
}

.work-image {
    background-color: #fafaf8;
    border-radius: 6px;
    margin-top: 24px;
}

.work-image img {
    width: 100%;
    height: 100%;
}

.info-card {
    background-color: #FAFAF8;
    border-radius: 8px;
    padding: 16px;
}

.info-card h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.info-card.full,
.work-link.full {
    grid-column: 1/3;
}

.work-link {
    font-size: 18px;
    font-weight: 800;
    color: #9B8A68;
}

/* --Filter section design-- */
.work-filter-sec h2 {
    text-align: left;
}

.fillter-grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.fillter-grid .main-heading {
    flex: 1;
}

.filter-toggle-wrap {
    width: 100%;
}

.filter-toggle-btn {
    width: 100%;
    min-width: 240px;
    border: 1px solid #7C7C7C;
    background-color: #fff;
    border-radius: 6px;
    padding: 9px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #7C7C7C;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.filter-toggle-btn:hover,
.filter-toggle-btn.active {
    background-color: #9B8A68;
    border-color: #9B8A68;
    color: #fff;
}

.filter-toggle-btn:hover .filter-icon svg path,
.filter-toggle-btn:hover .filter-icon svg circle,
.filter-toggle-btn.active .filter-icon svg path,
.filter-toggle-btn.active .filter-icon svg circle {
    stroke: #fff;
    fill: #fff;
}

.exercise-filters {
    padding: 16px 0;
}

#workout-filter-form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.applied-filters-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

.applied-filters {
    flex: 1;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.applied-filters .filter-tag {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #7C7C7C;
    background-color: #fff;
    border-radius: 100px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #7C7C7C;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.applied-filters .filter-tag:hover {
    background-color: #9b8a68;
    border-color: #9b8a68;
    color: #fff;
}

.applied-filters .filter-tag span {
    min-width: 17px;
    max-width: 17px;
    min-height: 17px;
    max-height: 17px;
    font-size: 9px;
    font-weight: 700;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #7C7C7C;
    border-radius: 20px;
    transition: all .3s ease-in-out;
}

.applied-filters .filter-tag:hover span {
    border-color: #fff;
    background-color: #fff;
    color: #000;
}

.reset-filters-btn {
    width: auto;
    min-width: 13px;
    max-height: 48px;
    border: 1px solid #7C7C7C;
    background-color: #fff;
    border-radius: 6px;
    padding: 8px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #7C7C7C;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.reset-filters-btn:hover {
    background-color: #9B8A68;
    border-color: #9B8A68;
    color: #fff;
}

/* ---selector design--- */
#workout-filter-form {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

/* Base dropdown style */
.workout-filter-dropdown {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 100px;
    padding: 8px 30px 8px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #7C7C7C;
    border-radius: 6px;
    border: 1px solid #7C7C7C;
    background-color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99999 15.1953C9.88627 15.1954 9.77365 15.173 9.66859 15.1295C9.56353 15.086 9.46812 15.0221 9.38781 14.9416L0.729037 6.28279C0.390695 5.94445 0.390695 5.39657 0.729037 5.05844C1.06738 4.72032 1.61526 4.7201 1.95339 5.05844L9.99999 13.105L18.0466 5.05844C18.3849 4.7201 18.9328 4.7201 19.2709 5.05844C19.6091 5.39679 19.6093 5.94467 19.2709 6.28279L10.6122 14.9416C10.5319 15.0221 10.4364 15.086 10.3314 15.1295C10.2263 15.173 10.1137 15.1954 9.99999 15.1953Z' fill='%237C7C7C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px;
}

.workout-filter-dropdown:hover {
    border-color: #9B8A68;
}

.workout-filter-dropdown:focus {
    outline: none;
    border-color: #9B8A68;
}

.workout-filter-dropdown option[value=""] {
    color: #98A2B3;
}

/* --Selector end-- */

/* --Featured section Style-- */

/* --Home workout challenge section Style-- */
.home-workout-challenge-section {
    background-color: #FAFAF8;
}

.home-workout-challenge-section .hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 24px 0 32px;
}

.free-trusted-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 16px;
}

.featured-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.anytime {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #1c1c1c;
    margin-bottom: 8px;
}

.free-trusted-grid p {
    color: #7C7C7C;
    line-height: 1.5;
}

.free-trusted-grid p strong {
    font-weight: 700;
}

.featured-text {
    margin-top: 20px;
}

.featured-btn {
    margin: 40px 0 32px;
}

.featured-testimonial {
    background-color: #FAFAF8;
    padding: 24px;
    border-radius: 8px;
}

.testimonial-header {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #D9D6D1;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.testimonial-section .slider-btn {
    gap: 24px;
    margin-top: 16px;
}

.avatar-box {
    display: grid;
    grid-template-columns: minmax(40px, 40px) auto;
    align-items: center;
    gap: 16px;
}

.avatar-box .avatar {
    width: 40px;
    height: 40px;
    background: #D9D6D1;
    border-radius: 100px;
    display: grid;
    place-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #1C1C1C;
}

.avatar-box .name {
    font-size: 18px;
    font-weight: 700;
    color: #1c1c1c;
}

.stars {
    display: flex;
    gap: 6px;
    font-size: 24px;
    color: #476169;
    justify-content: center;
}

.featured-image {
    background-color: #fafaf8;
    border-radius: 6px;
}

.featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --Box shadow section style-- */
.bannerTopShadow {
    border-top: 1px solid var(--card-section-bg-warmsand, #E5E2DD);
    background: #FFF;
    box-shadow: 0 -2px 8px 0 rgba(155, 138, 104, 0.08);
    padding-top: 48px;
    border-radius: 24px 24px 0 0;
}

/* ---Blog card style--- */
.article-header {
    margin-bottom: 36px;
}

.article-fillters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding-top: 36px;
}

.article-fillters .btn-unfill {
    width: calc(50% - 8px);
    padding: 7px 16px;
}

.articles-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.article-image {
    background-color: #E5E2DD;
    border-radius: 6px;
    margin-bottom: 32px;
}

.article-image img {
    width: 100%;
    max-height: 460px;
}

.articles-slider .article-image img {
    width: 100%;
    height: 100%;
    max-height: 300px;
}

.article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.article-tags span {
    display: inline-block;
    border: 1px solid #1C1C1C;
    padding: 8px 12px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 500;
    color: #1C1C1C;
}

.article-title,
.article-title a {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    margin: 16px 0;
    color: #1c1c1c;
    text-decoration: none;
}

.article-meta {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #7C7C7C;
}

.blog-pagination-wrapper {
    gap: 8px;
}

.blog-pagination .pagination-number {
    border: 1px solid #F1F1F1;
    background-color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    color: #1c1c1c;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.pagination-number.active {
    border-color: #9B8A68;
    background-color: #9B8A68;
    color: #ffffff;
}

/* ------Responsive Free workout pages-------- */
@media (max-width: 767px) {
    .beginner-card {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .free-workout-hero .hero-grid {
        gap: 24px;
        padding: 32px 0 40px;
    }

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

    .work-grid,
    .featured-grid {
        gap: 24px;
    }

    .exercise-header {
        grid-template-columns: auto minmax(153px, 153px);
        gap: 24px;
        margin-bottom: 24px;
    }

    .exercise-video-right {
        place-self: center;
    }

    .creators-results-grid {
        grid-template-columns: 1fr 1fr;
    }

    .creators-results-card {
        padding: 40px 24px;
        margin-top: 32px;
    }

    .fillter-grid {
        flex-direction: row;
        gap: 48px;
    }

    .weekly-workout-grid {
        padding: 32px 32px;
        border-radius: 16px;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .beginner-card {
        padding: 48px 32px;
        border-radius: 16px;
    }

    .beginner-content {
        padding: 32px;
        border-radius: 16px;
        min-width: 600px;
    }

    .mobility-card-grid {
        border-radius: 16px;
        padding: 32px;
        gap: 24px;
    }

    .exercise-video-wrapper {
        padding: 32px 32px;
    }

    .goal-box .btn-fill {
        position: absolute;
        bottom: 24px;
    }

    .goal-card-grid {
        margin-top: 32px;
    }

    .goal-box {
        padding: 24px 24px 72px;
    }

    .goal-image {
        margin: -24px;
        margin-bottom: 24px;
    }

    .goal-content {
        padding: 24px 0 40px;
    }

    .exercise-video-box {
        border-radius: 12px;
    }

    .creators-results-header {
        grid-template-columns: 60px 1fr;
    }

    .creators-results-icon {
        min-width: 60px;
        max-width: 60px;
        height: 60px;
    }

    .bannerTopShadow {
        border-radius: 48px 48px 0 0;
    }

    .free-workout-banner {
        border-radius: 24px;
    }

    .abs-hero-overlay {
        max-width: calc(100% - 15%);
        padding: 40px;
    }

    .abs-hero-overlay p {
        text-align: center;
    }

    .abs-hero-btn {
        margin-top: 40px;
    }

    .fillter-grid {
        gap: 32px;
    }

    .filter-toggle-wrap {
        width: auto;
    }

    .filter-toggle-btn {
        padding: 11px 24px;
    }

    .workout-modal-content {
        width: calc(100% - 10%);
        height: auto;
    }

    .creators-results-value {
        font-size: 32px;
    }

    #workout-modal .popup-image {
        display: block;
    }

    #workout-modal .popup-inner-content {
        padding: 42px 16px 32px 0;
    }

    #workout-modal .main-section {
        grid-template-columns: minmax(250px, 1fr) 1fr;
        gap: 32px;
    }

    .plan-form.modal-new-form .form-row span:first-child {
        margin-bottom: 0;
    }

    .abs-wrapper {
        padding-bottom: 600px;
    }

    .plan-form.modal-new-form p {
        flex-wrap: wrap;
    }

    .info-card h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .testimonial-header {
        grid-template-columns: 1fr minmax(120px, 130px);
        gap: 32px;
        margin-bottom: 24px;
    }

    .avatar-box .name {
        font-size: 24px;
    }

    .testimonial-section .slider-btn {
        margin-top: 32px;
    }

    .articles-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .article-fillters {
        gap: 12px;
    }

    .article-fillters .btn-unfill {
        width: auto;
        padding: 7px 24px;
    }

    .workout-filter-dropdown {
        min-width: 150px;
        padding: 12px 38px 12px 16px;
        font-size: 14px;
        background-position: right 12px center;
        background-size: 14px;
    }

    .applied-filters .filter-tag {
        padding: 10px 16px;
        font-size: 14px;
    }

    .applied-filters .filter-tag span {
        min-width: 20px;
        max-width: 20px;
        min-height: 20px;
        max-height: 20px;
        font-size: 11px;
    }

    .reset-filters-btn {
        min-width: 150px;
        padding: 13px 16px;
        font-size: 16px;
    }

    .beginner-banner-mobile {
        display: none;
    }
}

@media (min-width: 992px) {
    .home-workout-challenge-section .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        padding: 48px 0;
    }

    .mobility-card-grid {
        padding: 40px 40px;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .free-trusted-grid {
        gap: 16px;
        margin-top: 32px;
    }

    .free-workout-hero .hero-grid {
        grid-template-columns: auto minmax(540px, 540px);
        gap: 48px;
        padding: 48px 0;
    }

    .weekly-workout-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .work-grid,
    .featured-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .creators-results-handle {
        font-size: 24px;
    }

    .plan-form.modal-new-form p {
        flex-wrap: nowrap;
    }

    .beginner-grid {
        grid-template-columns: minmax(219px, 238px) auto;
        gap: 24px;
    }
}

@media (min-width: 1024px) {
    .exercise-video-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .exercise-header {
        gap: 50px;
    }

    .creators-results-grid {
        gap: 40px;
    }

    .weekly-workout-grid {
        padding: 40px 40px;
    }

    .beginner-card {
        padding: 64px 48px;
    }

    .beginner-content {
        padding: 56px;
        width: max-content;
    }

    .abs-hero-overlay {
        max-width: calc(100% - 64px);
    }

    .workout-modal-content {
        width: calc(100% - 15%);
    }

    .exercise-video-thumb .play-btn img {
        max-width: 40px;
    }

    .goal-title {
        font-size: 20px;
    }

    #workout-modal h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .weekly-workout-subtitle {
        font-size: 18px;
    }
}

@media (min-width: 1280px) {
    .home-workout-challenge-section .hero-grid {
        gap: 48px;
    }

    .exercise-header {
        gap: 32px;
    }

    .exercise-video-grid {
        gap: 24px;
    }

    .exercise-video-title {
        font-size: 24px;
        line-height: 32px;
    }

    .creators-results-card {
        padding: 70px 40px;
        margin-top: 40px;
    }

    .weekly-workout-grid {
        gap: 56px;
    }

    .mobility-card-grid {
        gap: 56px;
    }

    .work-grid,
    .featured-grid {
        gap: 56px;
    }

    .goal-card-grid {
        margin-top: 40px;
    }

    .abs-hero-overlay {
        max-width: 1000px;
    }

    .workout-modal-content {
        width: calc(100% - 35%);
    }

    .weekly-workout-form .form-row {
        grid-template-columns: auto minmax(240px, 260px);
    }

    .exercise-video-thumb .play-btn img {
        max-width: 50px;
    }

    .weekly-workout-trust {
        padding: 24px;
        margin-top: 40px;
    }

    .weekly-workout-trust h5 {
        font-size: 24px;
    }

    .info-card {
        padding: 24px;
    }

    .testimonial-section .slider-btn {
        gap: 32px;
        margin-top: 48px;
    }

    .beginner-wrapper {
        margin-bottom: 40px;
    }

    .article-fillters {
        gap: 16px;
    }
}

@media (min-width: 1440px) {
    .exercise-video-grid {
        gap: 32px;
    }

    .exercise-video-wrapper {
        padding: 40px 40px;
    }

    .goal-title {
        font-size: 24px;
    }

    .info-card h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .work-cards {
        gap: 24px;
    }

    .home-workout-challenge-section .hero-grid {
        grid-template-columns: 1fr 560px;
    }

    .free-trusted-grid {
        grid-template-columns: 242px auto;
        gap: 24px;
    }

    .article-tags span {
        padding: 11px 15px;
        font-size: 14px;
    }
}

@media (min-width: 1550px) {}

@media (min-width: 1840px) {
    .weekly-workout-grid {
        gap: 80px;
    }

    .work-grid,
    .featured-grid {
        gap: 80px;
    }

    .exercise-video-thumb .play-btn img {
        max-width: 60px;
    }

    .mobility-card-grid {
        gap: 80px;
    }

    .article-fillters {
        gap: 20px;
    }
}


/* ------10 Days defined abs----------- */

/* ---Eligibility Section Style---- */
.eligibility-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.eligibility-content h2 {
    text-align: left;
}

.eligibility-image {
    border-radius: 6px;
    background-color: #fafaf8;
}

.eligibility-image img {
    width: 100%;
}

/* ---Social proof Section Style---- */
.social-proof-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.social-proof-content h2 {
    text-align: left;
    margin-bottom: 8px;
}

.social-proof-image {
    border-radius: 6px;
    background-color: #fafaf8;
}

.social-proof-image img {
    width: 100%;
    height: 100%;
}

.social-proof-content {
    overflow: hidden;
}

.social-proof-cards {
    margin-top: 32px;
}

.social-proof-cards .slick-track {
    display: flex;
}

.social-proof-card {
    background-color: #FAFAF8;
    border-radius: 8px;
    padding: 24px;
    height: auto !important;
}

.social-proof-header {
    display: grid;
    grid-template-columns: minmax(48px, 48px) auto;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #D9D6D1;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.social-proof-card h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}

.social-proof-profile,
.social-proof-profile img {
    width: 48px;
    max-width: 48px;
    height: 48px;
    max-height: 48px;
    border-radius: 100%;
    background-color: #E5E2DD;
}

.proof-card-content .stars {
    justify-self: start;
    margin-top: 8px;
}

/* ---Guide section Style-- */
.guide-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 40px;
}

.guide-card {
    background-color: #FAFAF8;
    border-radius: 6px;
    padding: 24px;
}

.guide-icon {
    border-bottom: 1px solid #D9D6D1;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.guide-icon img {
    width: 48px;
    height: 48px;
}

.guide-card h3 {
    font-weight: 800;
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

/* ---Day Plan Section Style---- */
.day-plan-section {
    background-color: #FAFAF8;
    padding: 64px 0;
}

.day-plan-header {
    text-align: center;
}

.day-tabs {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.day-workout {
    position: relative;
}

.day-workout:after {
    content: '';
    background-color: #00000050;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.day-workout-info {
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 1;
    width: calc(100% - 48px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.day-plan-cta {
    text-align: center;
}

.day-plan-cta h3 {
    font-weight: 800;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    padding: 40px 0 48px;
}

.day-label {
    display: block;
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 12px;
}

.day-workout-content p {
    color: #fff;
}

/* ---Proof Section Style---- */
.proof-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.proof-content-box {
    background-color: #FAFAF8;
    border-radius: 6px;
    padding: 40px;
}

.proof-content-box h2 {
    text-align: left;
    margin-bottom: 12px;
}

.proof-list li {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    list-style: none;
    color: #9B8A68;
}

.comment-card {
    border: 1px solid #E5E2DD;
    border-radius: 6px;
    padding: 24px;
    margin-top: 24px;
}

.comment-source {
    border-bottom: 1px solid #D9D6D1;
    padding-bottom: 10px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ---Guide Overview Style---- */
.guide-overview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.guide-overview-content h2 {
    text-align: left;
}

.guide-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding: 24px 0 48px;
}

.guide-feature {
    background-color: #FAFAF8;
    padding: 24px;
    border-radius: 6px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.proof-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 20px 0 32px;
}

.feature-icon {
    border-right: 1px solid #D9D6D1;
    padding-right: 16px;
    width: 80px;
}

.guide-feature span {
    font-weight: 800;
    font-size: 18px;
    line-height: 1.5;
}

/* ------------------Abs Workouts at Home--------------------------------------- */

/* --Abs Core Section-- */
.abs-core-section .exercise-video-wrapper {
    padding: 0;
    background-color: #fff;
}

.work-main-challenges-section .work-left-image h2 {
    margin-bottom: 10px;
}

.work-main-challenges-section .work-right-content {
    align-self: end;
}

.work-main-challenges-section .work-cards {
    padding: 16px 0 24px;
}

/* --Workouts Benefits Style-- */
.workouts-benefits {
    background-color: #FAFAF8;
}

.workouts-benefits-header {
    text-align: center;
    margin-bottom: 48px;
}

.workouts-benefits-header h2 {
    margin-bottom: 10px;
}

.workouts-benefits-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}

.workouts-fits-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 16px;
}

.benefit-card {
    border: 1px solid #9B8A68;
    border-radius: 6px;
    padding: 24px;
}

.benefit-card h3 {
    font-weight: 800;
    font-size: 22px;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.benefit-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --Abs Mistakes Style-- */
.abs-mistakes-content h2 {
    text-align: left;
}

.abs-mistakes-intro {
    margin: 12px 0 24px;
}

.abs-mistakes-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 16px;
    column-gap: 16px;
    align-items: normal;
}

.mistake-item h3 {
    font-weight: 800;
    font-size: 20px;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 8px;
}

.mistake-item h3:first-child {
    margin-top: 0;
}

/* --Nutrition Recovery Style-- */
.nutrition-recovery-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    background-color: #FAFAF8;
    padding: 24px;
    border-radius: 6px;
}

.nutrition-recovery-content h2 {
    text-align: left;
}

.nutrition-recovery-content .weekly-workout-subtitle {
    margin: 20px 0 10px;
}

.nutrition-card {
    border: 1px solid #E5E2DD;
    border-left: 6px solid #E5E2DD;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 24px;
}

.nutrition-card h3 {
    font-weight: 800;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.nutrition-image {
    margin-top: 64px;
}

/* --Cta Core Style-- */
.cta-core-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    background-color: #FAFAF8;
    padding: 24px;
    border-radius: 6px;
}

.cta-core-content h2 {
    text-align: left;
    margin-bottom: 24px;
}

.cta-core-content p {
    margin-bottom: 12px;
}

.cta-core-highlight {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #1c1c1c;
    margin: 16px 0 8px;
}

.cta-core-highlight strong {
    font-weight: 700;
}

.cta-core-highlight p {
    color: #1c1c1c;
}

.cta-core-button {
    margin: 32px 0 16px;
}

.cta-core-note {
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    color: #1c1c1c;
}

/* --Core Recovery Style-- */
.core-recovery-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.core-recovery-content h2 {
    text-align: left;
}

.core-recovery-intro p {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    color: #1C1C1C;
    margin-top: 16px;
}

.core-recovery-content .app-promo__list {
    margin: 24px 0 24px;
}


/* ----------Membership page------------ */

/* ----Consistency Style----- */
.consistency-header {
    margin: 0 auto 40px;
}

.consistency__right h2 {
    text-align: left;
}

.consistency-header p {
    text-align: center;
    padding-top: 16px;
}

.consistency-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}

.consistency-card {
    background-color: #FAFAF8;
    border-radius: 6px;
    padding: 20px;
}

.consistency-card h3 {
    font-weight: 800;
    font-size: 18px;
    line-height: 1.4;
    margin: 16px 0 8px;
}

.consistency-card p {
    font-weight: 500;
}

/* ----Programs Style----- */
.programs {
    background-color: #FAFAF8;
}

.programs-header {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto 40px;
}

.programs-header p {
    text-align: center;
    margin-top: 10px;
}

.program-tag {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    background-color: #C4573A;
    color: #fff;
    padding: 4px 12px;
}

.programs-grid .slick-track {
    display: flex;
}

.program-card {
    position: relative;
    border: 1px solid #D9D6D1;
    border-radius: 6px;
    padding: 16px 16px 215px;
    height: auto !important;
}

.program-card p {
    font-weight: 400;
    margin-bottom: 16px;
}

.program-button a {
    width: 100%;
}

.program-image {
    position: relative;
    margin-bottom: 24px;
}

.program-tags {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.program-card h3 {
    font-weight: 800;
    font-size: 18px;
    line-height: 1.4;
}

.program-card ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 10px;
    color: #7C7C7C;
    margin: 12px 0 16px;
}

.program-card ul li {
    list-style: none;
}

.program-card ul li {
    border-right: 1px solid #C4573A;
    padding-right: 10px;
}

.program-card ul li:last-child {
    border-right: 0;
}

.program-footer {
    position: absolute;
    bottom: 24px;
    width: calc(100% - 32px);
}

.program-footer>p {
    font-weight: 600;
    color: #1C1C1C;
}

.program-prices {
    display: flex;
    justify-content: space-between;
    margin: 16px 0 32px;
}

.program-price {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
    text-transform: uppercase;
    color: #1C1C1C;
    border-left: 1px solid #00000033;
    padding: 0 20px;
}

.program-price:first-child {
    padding-left: 0;
    border-left: 0;
}

.program-prices .price {
    display: block;
    font-weight: 800;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: #C4573A;
    margin-right: 0;
    margin-bottom: 8px;
}

/* ----Pricing Style----- */
.pricing {
    background-color: #FAFAF8;
}

.pricing-header {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 40px;
}

.pricing-header {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 40px;
}

.pricing-header p {
    text-align: center;
    padding-top: 16px;
}

.pricing-fotter {
    text-align: center;
    margin-top: 32px;
}

.membership-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    max-width: 100%;
    margin: 0 auto;
}

.membership-card {
    border-radius: 16px;
    padding: 0 16px 32px;
    text-align: center;
}

.membership-card-annual {
    background-color: #E5E2DD;
}

.membership-card-annual p,
.membership-card-annual ul li {
    color: #1c1c1c;
}

.membership-card-monthly {
    border: 1px solid #9B8A68;
}

.membership-badge {
    display: inline-block;
    min-width: 255px;
    padding: 12px 32px;
    background-color: #FAFAF8;
    border-radius: 0 0 16px 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #C4573A;
}

.membership-badge.monthly {
    color: #FAFAF8;
    background-color: #C4573A;
}

.membership-value {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 0;
}

.membership-price {
    margin-bottom: 16px;
    color: #9B8A68;
}

.membership-card-monthly .membership-price {
    color: #1c1c1c;
}

.membership-subtext strong {
    display: inline-block;
    margin-top: 8px;
}

.amount {
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
}

.period {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
}

.membership-description {
    border-top: 1px solid #0000003D;
    border-bottom: 1px solid #0000003D;
    padding: 16px 0;
}

.membership-features {
    display: inline-block;
    text-align: left;
}

.membership-footer {
    margin-top: 24px;
}

.cancel-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    padding: 12px;
    min-height: 80px;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #1C1C1C;
    background-color: #E5E2DD;
    margin-top: 24px;
}

.cancel-footer.dark {
    color: #fff;
    background-color: #1C1C1C;
}

.pricing-fotter h3 {
    font-weight: 800;
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 8px;
}

/* ----Schedulefit Style---- */
.schedule-fit-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.schedule-fit-content {
    align-self: center;
}

.schedule-fit-content h2 {
    text-align: left;
    margin-bottom: 24px;
}

.page-id-1133 .video-box video,
.page-id-1133 .video-thumbnai {
    max-height: 560px;
}

.page-id-1133 .about-media .about-image {
    margin-bottom: 0;
}

.page-id-1133 .app-promo {
    background-color: #fff;
}

.page-id-1133 .about-media {
    grid-row: 1/2;
}

.page-id-1133 .beginner-content {
    background-color: #FAFAF8;
}

.page-id-1133 .app-promo__content h2 {
    text-align: left;
    margin-bottom: 8px;
}

@media (min-width: 768px) {

    .core-recovery-grid,
    .cta-core-grid,
    .abs-mistakes-grid {
        gap: 24px;
    }

    .workouts-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

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

    .nutrition-recovery-grid {
        padding: 32px;
    }

    .cta-core-grid {
        padding: 32px;
    }

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

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

    .schedule-fit-grid {
        grid-template-columns: 1fr;
    }

    .membership-grid {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        max-width: 1396px;
    }

    .membership-card {
        position: relative;
        padding: 0 24px 260px;
    }

    .membership-value {
        min-height: 215px;
    }

    .membership-footer {
        margin-top: 0;
        position: absolute;
        bottom: 24px;
        width: calc(100% - 48px);
    }
}

@media (min-width: 992px) {
    .workouts-benefits-grid {
        grid-template-columns: repeat(3, 1fr);
    }

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

    .abs-mistakes-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 24px;
    }

    .nutrition-recovery-grid {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .core-recovery-grid,
    .cta-core-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mistake-item h3 {
        font-size: 24px;
        margin-top: 24px;
        margin-bottom: 16px;
    }

    .benefit-card h3 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 16px;
    }

    .nutrition-card h3 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .guide-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }

    .eligibility-grid {
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }

    .social-proof-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

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

    .schedule-fit-grid {
        grid-template-columns: 1fr 1fr;
        gap: 56px;
    }

    .amount {
        font-size: 56px;
    }

    .membership-description {
        padding: 24px 0;
    }

    .program-card {
        padding: 16px 16px 200px;
    }

    .page-id-1133 .about-media {
        grid-row: auto;
    }
}

@media (min-width: 1280px) {

    .core-recovery-grid,
    .cta-core-grid,
    .abs-mistakes-grid {
        gap: 32px;
    }

    .nutrition-recovery-grid {
        gap: 32px;
    }

    .mistake-item h3 {
        margin-top: 32px;
    }

    .abs-mistakes-intro {
        margin: 12px 0 32px;
    }

    .guide-card {
        padding: 32px;
    }

    .guide-icon img {
        width: 56px;
        height: 56px;
    }

    .social-proof-header {
        grid-template-columns: minmax(70px, 70px) auto;
        margin-bottom: 24px;
    }

    .social-proof-profile,
    .social-proof-profile img {
        width: 70px;
        max-width: 70px;
        height: 70px;
        max-height: 70px;
    }

    .social-proof-card h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .social-proof-grid {
        grid-template-columns: 1fr 1fr;
        gap: 56px;
    }

    .membership-card {
        padding: 0 32px 225px;
    }

    .membership-footer {
        width: calc(100% - 64px);
    }

    .program-card h3 {
        font-size: 24px;
        line-height: 1.5;
    }

    .program-prices .price {
        font-size: 24px;
    }

    .consistency-card h3 {
        font-size: 24px;
        margin: 24px 0 16px;
    }

    .program-tags {
        gap: 12px;
    }

    .program-tag {
        font-size: 14px;
        padding: 5px 12px;
    }
}

@media (min-width: 1440px) {

    .core-recovery-grid,
    .cta-core-grid,
    .abs-mistakes-grid {
        gap: 56px;
    }

    .workouts-benefits-grid {
        gap: 32px;
    }

    .workouts-fits-grid {
        gap: 32px;
        margin-top: 32px;
    }

    .nutrition-recovery-grid {
        gap: 48px;
    }

    .benefit-card {
        padding: 32px;
    }

    .benefit-card h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .nutrition-footer {
        padding-top: 24px;
    }

    .social-proof-grid {
        grid-template-columns: minmax(640px, 670px) auto;
    }

    .membership-description {
        padding: 32px 0;
    }
}

@media (min-width: 1840px) {

    .core-recovery-grid,
    .cta-core-grid,
    .abs-mistakes-grid {
        gap: 80px;
    }

    .cta-core-grid,
    .benefit-card,
    .nutrition-recovery-grid {
        padding: 40px;
    }

    .abs-mistakes-grid {
        align-items: center;
    }

    .mistake-item h3 {
        margin-top: 40px;
    }

    .abs-mistakes-intro {
        margin: 12px 0 40px;
    }

    .guide-card {
        padding: 40px;
    }

    .guide-card h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .guide-icon img {
        width: 64px;
        height: 64px;
    }

    .social-proof-grid {
        gap: 64px;
    }

    .program-prices .price {
        display: inline-block;
        margin-right: 8px;
        margin-bottom: 0;
    }

    .amount {
        font-size: 62px;
    }
}


/* ----New Home Style----- */
/* --hero Section-- */
.hero {
    position: relative;
    min-height: auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #000;
}

.hero video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	min-height:400px;
    object-fit: cover;
    z-index: -2;
}

.hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(44.51% 34.25% at 48.93% 48.18%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.496) 100%);
    z-index: -1;
}

.hero .hero-content {
    text-align: center;
}

.hero .hero-content h1 {
    max-width: 1080px;
}

.hero-content p {
	font-weight: 500;
    max-width: 700px;
    color: #000;
    margin: 8px auto 24px;
}

.hero-content .btns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 8px;
    max-width: 595px;
    margin: 0 auto;
}

.hero-content .btns .btn-fill {
    order: 1;
}
.hero-content .btns .note {
    width: 100%;
    max-width: 100%;
    text-align: center;
    color: #000;
    margin: 0 auto 8px;
    order: 2;
}
.hero-content .btns .btn-unfill {
    order: 3;
}
/*--consistency Section---*/
.consistency-wrapper-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: center;
}

.consistency__title {
    text-align: left;
}

.consistency__left {
    display: grid;
    grid-template-columns: repeat(3, auto);
}

.consistency-left-images {
    display: grid;
    grid-template-columns: 1fr;
    align-self: center;
    gap: 24px;
    padding-bottom: 0;
}

.consistency-left-images .consistency-left-top {
    right: -15px;
    z-index: 1;
}

.consistency-left-images .consistency-left-bottom {
    right: -10px;
}

.consistency__left .consistency__card {
    position: relative;
}

.consistency-right-images {
    display: grid;
    grid-template-columns: 1fr;
    align-self: center;
    gap: 24px;
    padding-bottom: 0;
}

.consistency-right-images .consistency-right-top {
    left: -15px;
}

.consistency-right-images .consistency-right-bottom {
    left: -25px;
}

.consistency-phone_image {
    animation: floatUpDown 3s ease-in-out infinite alternate;
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-25px);
    }

    100% {
        transform: translateY(0);
    }
}

.consistency__right ul li {
    margin-top: 12px;
}

.consistency__right .consistency__text {
    margin: 8px 0 16px;
}

.consistency__right .btns {
    margin-top: 34px;
}

/* --journey-start Style-- */
.journey-start {
    background: #F5F5F5;
    text-align: center;
    padding-bottom: 20px;
}
.journey-start h2 {
    max-width: 750px;
    margin: 0 auto;
}
.journey-start p {
    max-width: 700px;
    margin: 16px auto 0;
}

/* --start-guidance-- */
.start-guidance {
    display: grid;
    place-content: center;
    position: relative;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
	padding-top:0;
}

.start-guidance::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 40px;
    background: #F5F5F5;
    clip-path: ellipse(55% 100% at 50% 0%);
    z-index: 1;
}
.start-guidance:after {
    content: '';
    background-image: url('https://dev.tiffxdan.com/wp-content/uploads/2026/03/Rectangle-53.png');
    background-repeat: no-repeat;
    background-size: contain;
	background-position: bottom;
    width: 100%;
    max-width: 300px;
    height: 100%;
    position: absolute;
    left: 50%;
	transform:translatex(-50%);
}
.start-guidance .wrapper {
    position: relative;
    z-index: 2;
	padding-top: 80px;
	padding-bottom:370px;
}

.start-guidance h2 {
	max-width: 700px;
    color: #fff;
}

.start-guidance p {
    color: #fff;
	text-align: center;
    margin: 24px auto 36px;
}

.start-guidance .btns {
    text-align: center;
}

.start-guidance .btn-fill {
    border-color: #fff;
}

.start-guidance .btn-fill:hover {
    color: #fff;
}


/* --workout-anytime-- */
.workout-anytime {
    background-color: #F5F5F5;
}

.workout-anytime-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    place-items: center;
}

.workout-anytime__right h2 {
    text-align: left;
}

.workout-anytime__right p {
    margin: 8px 0 36px;
}

/* --clear-direction--- */
.clear-direction h2 {
    max-width: 1020px;
    margin: 0 auto;
}
.clear-direction p {
    text-align: center;
	margin-top:8px;
}

/* ---real consistency --- */
.real-consistency p {
    max-width: 800px;
    text-align: center;
    margin: 8px auto 0;
}

.real-consistency-reviews {
    margin-top: 50px;
}

.real-consistency-reviews .testimonial-slider-new .slick-track {
    display: flex;
}

.real-consistency-reviews .featured-testimonial-reviews {
    position: relative;
    background-color: #F5F5F5;
    height: auto;
    padding: 32px 32px 100px;
}
.real-consistency-reviews .featured-testimonial-reviews .testimonial-header-new {
    text-align: center;
}
.real-consistency-reviews .featured-testimonial-reviews p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #6B6B6B;
    margin: 24px auto 36px;
}

.real-consistency-reviews .featured-testimonial-reviews .name-new {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #476169;
    text-align: center;
}

/* --life-fit-plan-- */
.life-fit-plan {
    background-color: #F5F5F5;
}

.life-fit-plan-grid {
    display: grid;
    grid-template-columns: 1fr;
    place-content: space-between;
    gap: 30px;
}

.life-fit-plan__left h2 {
    text-align: left;
    margin-bottom: 8px;
}

.life-fit-plan__right .form-row {
    padding: 0;
}

.life-fit-plan__right .plan-form .form-row p {
    display: block !important;
    text-align: center;
}

.life-fit-plan__right .form-row input {
    text-transform: uppercase;
    text-align: center;
}

/* --ready-to-begin Style-- */
.ready-to-begin {
    display: grid;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 100%;
	padding-bottom: 30px;
}

.ready-to-begin-grid {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    gap: 30px;
}
.ready-to-begin-left {
    align-self: center;
    margin-top: 0;
}
.ready-to-begin-right img {
    width: 100%;
    max-width: 570px;
}
.ready-to-begin-grid h2 {
    text-align: left;
    color: #fff;
}

.ready-to-begin-grid p {
    text-align: left;
    color: #fff;
    margin: 8px 0 36px;
}

.ready-to-begin-grid .btn-fill {
    border-color: #fff;
}

.ready-to-begin-grid .btn-fill:hover {
    color: #fff;
}

.ready-to-begin-grid .note {
    color: #fff;
}

@media (min-width: 768px) {
    .hero,.start-guidance {
        min-height: 600px;
    }
	.hero-content p {
		margin: 24px auto 36px;
	}
    .consistency-wrapper-grid,
    .workout-anytime-grid,
    .life-fit-plan-grid {
        gap: 50px;
    }

    .life-fit-plan-grid {
        grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
    }

    .workout-anytime-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hero-content .btns {
        row-gap: 0;
    }
    .start-guidance::before {
        height: 60px;
    }

	.consistency-wrapper-grid {
		grid-template-columns: 1fr 1fr;
	}	
	.hero-content .btns .btn-fill {
		order: 1;
	}
	.hero-content .btns .note {
		order: 3;
        max-width: 306px;
		margin: 0 auto 0 0;
	}
	.hero-content .btns .btn-unfill {
		order: 2;
	}
	.start-guidance:after {
		max-width: 400px;
		left: 50px;
		transform: unset;
	}	
	.start-guidance .wrapper {
		position: relative;
		z-index: 2;
		padding-top: 130px;
		padding-bottom:0;
	}	
	.ready-to-begin-grid {
		grid-template-columns: 1fr 1fr;
		gap: 50px;
	}
	.ready-to-begin-left {
		margin-top: -50px;
	}
	.hero-content .btns {
		column-gap: 24px;
		row-gap: 16px;
	}
	
}

@media (min-width: 992px) {
		.consistency-left-images {
		gap: 100px;
	}
	.consistency-right-images {
		align-self: end;
		Padding-bottom: 30px;
	}
	.consistency-right-images .consistency-right-top {
		left: -30px;
	}
	.consistency-left-images {
		padding-bottom: 30px;
	}
	.consistency-right-images .consistency-right-bottom {
		left: -50px;
	}
	.consistency-left-images .consistency-left-top {
		right: -30px;
	}
}

@media (min-width: 1280px) {
    .life-fit-plan-grid {
        grid-template-columns: minmax(200px, 1fr) minmax(200px, 500px);
    }
	.real-consistency-reviews .featured-testimonial-reviews .name-new {
		font-size: 16px;
	}
	.real-consistency-reviews .featured-testimonial-reviews p {
		font-size: 18px;
	}
}

@media (min-width: 1440px) {

    .consistency-wrapper-grid,
    .workout-anytime-grid,.life-fit-plan-grid,.ready-to-begin-grid {
        gap: 100px;
    }

    .life-fit-plan-grid {
        grid-template-columns: minmax(400px, 730px) minmax(200px, 500px);
    }
	 .hero,.start-guidanc {
        min-height: 700px;
    }
	.start-guidance::before {
        height: 100px;
    }
	.real-consistency-reviews .featured-testimonial-reviews .name-new {
		font-size: 18px;
	}
	.ready-to-begin-left {
		margin-top: -100px;
	}
	.ready-to-begin-grid {
		grid-template-columns: minmax(auto, 620px) minmax(300px, 570px);
	}
}

@media (min-width: 1840px) {
    .consistency-wrapper-grid {
        gap: 140px;
    }
	 .hero,.start-guidance {
        min-height: 800px;
    }
	 .start-guidance::before {
        height: 120px;
    }
   .start-guidance:after {
		max-width: 480px;
	}
}