p,h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
    margin: 0;
}

.flex-row {
    display: flex;
}

.back-to-top {
    padding: 4px 8px;
    text-align: center;
    border-radius: 6px 6px 0px 0px;
    border: none;
    background: var(--Action-Action-secondary, #E8CAC2);
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.1);
    color: var(--Text-text-primary, #16384E);
    font-family: Prompt, sans-serif;
    font-size: 1.1875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    position: fixed;
    bottom: 0;
    right: 12%;
    z-index: 10000;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb>li a {
    color: #16384E;
    font-family: Prompt, sans-serif;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    text-wrap: nowrap;
    text-decoration: none;
}

.breadcrumb>li a.active {
    color: #0881C7;
}

.bc-container {
    background: #fff;
    padding-right: 0;
    padding-left: 0;
}

.breadcrumb {
    margin: 0;
    display: flex;
    padding: 10px 10px;
    align-items: center;
    gap: 1.5rem;
}

.hero {
    background: url(https://www.jennycraig.com/media/jc/whyjenny/04302024/whyjenny_hero-bg_mob.webp)#FFFAF1 0 0 no-repeat;
    background-size: 100%;
    height: 103.466667vw;
    padding: 24px 0 0;
}

.hero h1 {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.1;
}

.hero h2 {
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 17px;
    max-width: 340px;
}

#app .btn-default {
    font-size: 1.188rem;
    padding: 8px 16px;
}

.hero .flex-row {
    flex-direction: column;
    gap: 47px;
}

.hero .txt-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.call-out {
    background: var(--Background-background-dark, #16384E);
    padding: 16px 0;
}

.call-out h3 {
    color: #fff;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 1.1;
}

.expertise {
    text-align: center;
    margin: 24px 0;
}

.expertise h2 {
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 0 8px;
}

.expertise p.h3 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.expertise h3 {
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 1.3;
}

.expertise p.h4 {
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.3;
}

.expertise img {
    width: 140px;
    margin: 18px auto 8px;
}

.expertise .quote {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: 2rem 1rem;
}

.expertise p.h5 {
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
}

.expertise .quote .by {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: center;
}

.expertise .quote img {
    width: 3.5rem;
    margin: 0;
}

.expertise .quote .by p {
    color: var(--Text-text-brand_color, #0881C7);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}

.meals {
    background: url(https://www.jennycraig.com/media/jc/whyjenny/12162024/ChefCrafted-mob.webp)#fbf7f4 no-repeat;
    background-size: 100%;
    background-position: bottom -68vw center;
    padding: 24px 0 0;
}

.meals h2 {
    text-align: center;
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.18;
}

.meals p {
    margin: 1rem 0 0;
    line-height: 1.5;
}

.meals p strong {
    font-size: 1.1875rem;
    font-weight: 500;
}

.meals .cta-wrapper {
    text-align: center;
}

.meals .btn {
    margin: 24px 0;
    font-size: 1.188rem;
    padding: 8px 16px;
}

.meals .spacer-mob {
    height: 45vw;
    width: 100%;
}

.options {
    margin: 2rem 0;
}

.options h2 {
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.18;
    margin: 0 0 .8px;
    text-align: center;
}

.options p.h3 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 16px;
    text-align: center;
}

.options .boxes {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

.options .box {
    border-radius: .5rem;
    background: rgba(8, 117, 181, 0.10);
    padding: 1rem 1.5rem;
}

.options .b2 {
    background: rgba(22, 56, 78, 0.10);
}

.options .b3 {
    background: rgba(189, 53, 122, 0.10);
}

.options h3 {
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 16px;
    text-align: center;
}

.options ul {
    margin: 0 0 16px;
    padding: 0 0 0 18px;
}

.options li {
    font-size: .8125rem;
    margin: 0 0 8px;
}

.options .cta-wrapper {
    text-align: center;
}

.resources {
    padding-top: 32px;
    padding-bottom: 16px;
    background: var(--Background-background-secondary, #FAF7F4);
}

.resources h2 {
    font-size: 1.4375rem;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.1;
}

.resources .support-card {
    color: #16384e;
    text-align: center;
    background-color: #fff;
    padding: 24px 0 0;
    border-radius: 8px;
}

.resources .support-card img {
    width: 100%;
    border-radius: 0 0 8px 8px
}

.resources .support-card {
    margin-bottom: 16px;
}

.resources .support-card .title {
    padding: 0 16px 8px;
    font-size: 1.1875rem;
    font-weight: 500;
    line-height: 1.1;
}

.resources .support-card .copy {
    padding: 0 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.resources .support-card .copy a {
    font-size: .8125rem;
    text-decoration: underline;
    margin-top: 8px;
    display: inline-block;
}

.start {
    padding: 24px 0;
}

.start h3 {
    font-size: 1.188rem;
    font-weight: 500;
    line-height: 1.1;
}

.start p {
    margin-bottom: 16px;
}

.start .btn {
    width: 280px;
}

.hero .btn {
    width: 186px;
}

.expertise .btn {
    width: 186px;
}

.options .new {
    height: 1.1rem;
    width: auto;
}

section.container.banner-container {
    padding: 0;
    max-width: 100%;
}

.btn-default {
    background-color: #D4422B;
    border-color: #D4422B;
}

@media(max-width:767px) {

    .expertise .container,
    .meals .container,
    .options .container,
    .resources .container,
    .start .container {
        max-width: none;
    }
}

@media(max-width: 374px) {
    .breadcrumb {
        gap: 15px;
    }

    .breadcrumb>li {
        font-size: 12px;
        text-align: center;
        line-height: 1
    }

    .hero h2 {
        padding: 0;
    }
}

@media(min-width: 411px) {
    .breadcrumb {
        gap: 24px;
    }

    .hero {
        height: 425px;
        background-position: bottom center;
    }
}

@media(min-width: 768px) {
    .breadcrumb>li a {
        font-size: 1rem;
    }

    .breadcrumb>li+li:before {
        content: "";
    }

    .hero {
        background: url(https://www.jennycraig.com/media/jc/whyjenny/12162024/whyjenny_hero-bg_dt.webp)#FFFAF1 right 0 no-repeat;
        background-size: 975px 100%;
        height: 302px;
        padding: 10px 0 0;
    }

    .hero .flex-row {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 47px;
        width: 100%;
    }

    .hero .txt-col {
        align-items: flex-start;
        width: 44%;
        max-width: 597px;
    }

    .hero h1 {
        font-size: 2.25rem;
        text-align: left;
        margin-top: 1.4rem;
    }

    .hero h2 {
        font-size: 1rem;
        text-align: left;
        padding: 0;
    }

    .call-out {
        padding: 24px 0;
    }

    #app .btn-default {
        font-size: 1.4375rem;
        padding: 16px 24px;
    }

    #app .options .btn-default {
        font-size: 1.188rem;
        padding: 8px 16px;
    }

    .call-out h3 {
        font-size: 1.4375rem;
    }

    .expertise {
        text-align: center;
        margin: 64px 0;
    }

    .expertise h2 {
        font-size: 2.0625rem;
        font-weight: 400;
    }

    .expertise p.h3 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.2;
    }

    .expertise h3 {
        font-size: 1.1875rem;
        font-weight: 500;
        line-height: 1.3;
    }

    .expertise p.h4 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
    }

    .expertise img {
        width: 180px;
        margin: 32px auto 24px;
    }

    .expertise .quote {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }

    .expertise p.h5 {
        font-size: 1rem;
    }

    .expertise .quote img {
        width: 3.5rem;
    }

    .expertise .quote .by p {
        font-size: 1rem;
    }

    .meals {
        background: url(https://www.jennycraig.com/media/jc/whyjenny/12162024/ChefCrafted-dt.webp)#fbf7f4 no-repeat;
        background-size: 755px;
        background-position: top left calc(50% + -400px);
    }

    .meals h2 {
        text-align: left;
        font-size: 1.4375rem;
        font-weight: 400;
    }

    .meals p {
        line-height: 1.5;
        font-size: 1rem;
    }

    .meals p strong {
        font-size: 1.1875rem;
    }

    .meals .cta-wrapper {
        text-align: left;
    }

    .meals .btn-primary {
        font-size: 1.211rem;
        padding: 16px 24px;
    }

    .meals .spacer-mob {
        display: none;
    }

    .options h2 {
        font-size: 2.0625rem;
        font-weight: 400;
        margin-bottom: .5rem;
    }

    .options p.h3 {
        font-size: 1rem;
    }

    .options .boxes {
        gap: 16px;
        flex-direction: row;
    }

    .options .box {
        width: 50%;
        display: flex;
        flex-direction: column;
    }

    .options h3 {
        font-size: 1.1875rem;
    }

    .options li {
        font-size: 1rem;
    }

    .options .cta-wrapper {
        height: 52px;
        margin-top: auto;
    }

    .options .btn {
        font-size: 1.1875rem;
        padding: 8px 16px;
    }

    .resources h2 {
        font-size: 2.0625rem;
        margin-bottom: 24px;
        font-weight: 400;
    }

    .resources .support-card .title {
        font-size: 1.1875rem;
    }

    .resources .support-card .copy {
        font-size: 1rem;
        height: 285px;
        padding: 0 24px;
    }

    .resources .support-card .copy a {
        font-size: 1rem;
    }

    .resources .support-card:not(.app-card) img {
        margin-top: 8px;
    }

    .start h3 {
        font-size: 2.0625rem;
        font-weight: 400;
    }

    .start p {
        font-size: 1.1875rem;
    }

    .start .btn {
        width: 357px;
    }

    .hero .btn {
        width: 234px;
    }

    .start .btn {
        width: 330px;
    }

    .expertise .btn {
        width: 234px;
    }
}

@media(min-width: 992px) {
    .breadcrumb>li a:hover {
        color: #0881C7;
        text-decoration: none;
    }

    .breadcrumb {
        overflow-x: auto;
        margin-left: 180px;
    }

    .hero {
        background-size: 1200px;
        height: 360px;
        padding: 25px 0 0;
    }

    .hero h1 {
        font-size: 2.5rem;
    }

    .hero h2 {
        max-width: none;
    }

    .meals {
        background-size: 735px;
        background-position: top left calc(50% - 380px);
        padding: 48px 0;
    }

    .meals h2 {
        font-size: 1.8rem;
    }

    .options .boxes {
        gap: 24px;
        justify-content: center;
    }

    .options .b1,
    .options .b2,
    .options .b3 {
        width: 30rem;
    }

    .resources .support-card .copy {
        height: 215px;
    }

    .resources .support-card:not(.app-card) img {
        margin-top: 11px;
    }

    .start {
        padding: 40px 0;
    }
}

@media(min-width: 1200px) {
    .breadcrumb {
        margin-left: 195px;
    }

    .hero .txt-col {
        width: 38%;
    }

    .hero {
        background-size: 1440px;
        height: 433px;
        padding: 90px 0 0;
    }

    .meals {
        background-size: 660px;
        background-position: top left calc(50% - 385px);
    }

    .meals h2 {
        font-size: 2.0625rem;
    }

    .resources {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .resources .support-card .copy {
        height: 190px;
    }

    .resources .support-card:not(.app-card) img {
        margin-top: 13px;
    }

    .options p.h3 {
        margin: 0 0 2.5rem;
    }
}

@media(min-width: 1440px) {
    .breadcrumb {
        margin-left: 325px;
    }

    .hero {
        background-size: 100%;
        background-position: right bottom;
    }

    .hero .flex-row {
        margin: 0 auto;
        width: 87%;
    }

    .hero .txt-col {
        width: 35%;
    }

    .meals {
        background-size: 43.75vw;
        background-position: top left;
    }

    .expertise .container {
        width: 1260px;
    }

    .resources .support-card .copy {
        height: 170px;
    }

    .resources .support-card:not(.app-card) img {
        margin-top: 17px;
    }
}