/* ==========================================
EXPRESS FAT BURNER
HERO + DREAM BODY CSS
========================================== */

/* RESET */

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

html,
body{
width:100%;
height:100%;
overflow-x:hidden;
scroll-behavior:smooth;
}

body{
font-family:Arial, Helvetica, sans-serif;
background:#ffffff;
color:#333333;
}

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

a{
text-decoration:none;
}

.container-fluid{
width:100%;
max-width:1200px;
margin:0 auto;
padding:0 20px;
}

/* ==========================================
COLORS
========================================== */

:root{
--pink:#ff2d75;
--pink-dark:#e61b63;
--white:#ffffff;
}

/* ==========================================
HERO SECTION
========================================== */

.block_1{
position:relative;
width:100%;
height:100vh;
min-height:700px;
overflow:hidden;
}

/* VIDEO */

.background_video{
position:absolute;
inset:0;
z-index:1;
}

.background_video video{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* DARK OVERLAY */

.block_1::before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
z-index:2;
}

/* HERO CONTENT */

.hero-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
max-width:900px;

```
text-align:center;
z-index:3;
```

}

/* LOGO */

.logo{
color:#ffffff;

```
font-size:72px;
font-weight:900;
line-height:1.1;

text-shadow:
    0 3px 12px rgba(0,0,0,.5);
```

}

/* LOCATION */

.sublogo_text{
margin-top:15px;

```
color:#ffffff;

font-size:26px;
font-weight:600;

text-shadow:
    0 3px 12px rgba(0,0,0,.5);
```

}

/* MAIN HEADLINE */

.block_1-title{
margin-top:35px;

```
color:#ffffff;

font-size:72px;
font-weight:900;

line-height:1.05;

text-transform:uppercase;

text-shadow:
    0 3px 12px rgba(0,0,0,.5);
```

}

.block_1-title span{
display:block;
color:#ffffff;
}

/* SUBTITLE */

.block_1-subtitle{
margin-top:20px;

```
color:#ffffff;

font-size:28px;
font-weight:500;

text-shadow:
    0 3px 12px rgba(0,0,0,.5);
```

}

/* ORDER BUTTON */

.hero-btn{
display:inline-block;

```
margin-top:40px;

background:var(--pink);
color:#ffffff;

padding:24px 70px;

border-radius:60px;

font-size:28px;
font-weight:900;

letter-spacing:1px;

box-shadow:
    0 10px 30px rgba(255,45,117,.45);

transition:.3s;
```

}

.hero-btn:hover{
background:var(--pink-dark);
transform:translateY(-3px);
}

/* ==========================================
DREAM BODY SECTION
========================================== */

.dream-body-section{
padding:70px 20px;
background:#ffffff;
}

.dream-title{
text-align:center;

```
color:var(--pink);

font-size:52px;
font-weight:900;

text-transform:uppercase;

margin-bottom:30px;
```

}

.dream-image-wrap{
max-width:900px;
margin:0 auto;
}

.dream-image{
width:100%;
border-radius:20px;
}

/* ==========================================
MOBILE
========================================== */

@media(max-width:768px){

```
.block_1{
    min-height:650px;
}

.logo{
    font-size:42px;
}

.sublogo_text{
    font-size:18px;
}

.block_1-title{
    font-size:42px;
    line-height:1.1;
}

.block_1-subtitle{
    font-size:20px;
}

.hero-btn{
    width:90%;
    max-width:350px;

    font-size:22px;
    padding:20px 25px;
}

.dream-title{
    font-size:34px;
}
```

}
/* ==========================================
BETTER HERO LAYOUT
========================================== */

.hero-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:90%;
    max-width:850px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
    z-index:999;
}

/* Brand */

.logo{
    font-size:72px;
    font-weight:900;
    line-height:1;
    margin-bottom:10px;

    color:#fff;
    text-align:center;
}

/* Location */

.sublogo_text{
    font-size:24px;
    font-weight:600;
    color:#fff;

    margin-bottom:35px;
    text-align:center;
}

/* Headline */

.block_1-title{
    color:#fff !important;

    font-size:78px;
    font-weight:900;
    line-height:1.05;

    max-width:800px;
    margin:0 auto;

    text-align:center;
    text-transform:uppercase;
}

.block_1-title span{
    display:block;
}

/* Subtitle */

.block_1-subtitle{
    margin-top:25px;

    font-size:30px;
    font-weight:500;

    max-width:700px;

    color:#fff;
    text-align:center;
}

/* CTA */

.hero-btn{
    margin-top:35px;

    min-width:320px;

    padding:24px 70px;

    font-size:30px;
    font-weight:900;

    border-radius:60px;
}

/* ==========================================
MOBILE
========================================== */

@media (max-width:768px){

    .hero-content{
        width:92%;
        top:50%;
    }

    .logo{
        font-size:42px;
        margin-bottom:8px;
    }

    .sublogo_text{
        font-size:18px;
        margin-bottom:22px;
    }

    

    .block_1-subtitle{
        font-size:20px;
        line-height:1.4;
        margin-top:20px;
    }

    .hero-btn{
        width:100%;
        max-width:320px;

        font-size:24px;
        padding:20px 20px;

        margin-top:25px;
    }
}
.block_1-title{
    font-size:54px;
    line-height:1.1;
    max-width:700px;
}

@media (max-width:768px){

    .block_1-title{
        font-size:34px;
        line-height:1.15;
    }

}
/* Center Order Button Below Dream Image */
.dream-order-wrap {
    text-align: center;
    margin: 25px auto 10px;
}

/* Same Pink Theme as Hero Button */
.dream-order-btn {
    display: inline-block;
    background: linear-gradient(180deg, #ff4fa3 0%, #ff1f7a 100%);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
    padding: 18px 40px;
    border-radius: 60px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 8px 25px rgba(255, 31, 122, 0.4);
    transition: all 0.3s ease;
    border: none;
    text-align: center;
}

.dream-order-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(255, 31, 122, 0.5);
}

.dream-order-btn:active {
    transform: translateY(0);
}

/* Mobile */
@media (max-width: 767px) {
    .dream-order-wrap {
        padding: 0 15px;
        margin: 20px auto 10px;
    }

    .dream-order-btn {
        width: 100%;
        max-width: 420px;
        font-size: 18px;
        padding: 16px 20px;
        line-height: 1.3;
    }
}

/* Desktop */
@media (min-width: 768px) {
    .dream-order-btn {
        min-width: 420px;
    }
}
/* =====================================
   FATBURNER BENEFITS SECTION
===================================== */

.fatburner-benefits-section {
    padding: 60px 15px;
    background: #fff;
}

.fatburner-benefits-container {
    max-width: 1200px;
    margin: 0 auto;
}

.fatburner-grid {
    display: flex;
    align-items: center;
    gap: 50px;
}

.fatburner-image-column {
    flex: 0 0 38%;
}

.fatburner-content-column {
    flex: 1;
}

.fatburner-image {
    width: 100%;
    display: block;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.fatburner-benefits-title {
    font-size: 42px;
    font-weight: 900;
    line-height: 1.15;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #222;
}

.fatburner-benefits-title span {
    display: block;
    color: #ff1f7a;
}

.fatburner-benefits-text {
    font-size: 18px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 18px;
}

.fatburner-benefits-list {
    margin-top: 25px;
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
}

.benefit-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    background: #ff1f7a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* MOBILE */

@media (max-width: 768px) {

    .fatburner-grid {
        flex-direction: column;
        gap: 25px;
    }

    .fatburner-image-column {
        width: 100%;
    }

    .fatburner-benefits-title {
        font-size: 28px;
        text-align: center;
    }

    .fatburner-benefits-text {
        font-size: 16px;
        text-align: left;
    }

    .benefit-item {
        font-size: 16px;
        align-items: flex-start;
    }
}
/* ====================================
   FULL WIDTH IMPORTANT DISCLAIMER
==================================== */

.important-notice-section {
    position: relative;
    width: 100vw;
    margin: 60px 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
}

.important-notice-overlay {

    background:
        linear-gradient(
            rgba(228, 87, 148, 0.88),
            rgba(228, 87, 148, 0.88)
        ),
        url('block_6-title-bg.jpg');

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    padding: 45px 20px;

    text-align: center;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.2);
}

.important-notice-content {
    max-width: 1400px;
    margin: 0 auto;
}

.important-notice-title {
    margin: 0 0 12px;
    padding: 0;

    color: #ffffff;

    font-size: 60px;
    font-weight: 900;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: 1px;

    text-shadow:
        0 3px 8px rgba(0,0,0,0.25);
}

.important-notice-text {

    margin: 0 auto;

    color: #ffffff;

    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;

    text-shadow:
        0 2px 6px rgba(0,0,0,0.25);
}

.important-notice-text strong {
    font-weight: 900;
}

/* ==========================
   DESKTOP LARGE SCREENS
========================== */

@media (min-width: 1400px) {

    .important-notice-overlay {
        padding: 55px 30px;
    }

    .important-notice-title {
        font-size: 70px;
    }

    .important-notice-text {
        font-size: 36px;
    }
}

/* ==========================
   TABLET
========================== */

@media (max-width: 991px) {

    .important-notice-overlay {
        padding: 35px 20px;
    }

    .important-notice-title {
        font-size: 42px;
    }

    .important-notice-text {
        font-size: 24px;
    }
}

/* ==========================
   MOBILE
========================== */

@media (max-width: 767px) {

    .important-notice-section {
        width: 100%;
        margin: 35px 0;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
    }

    .important-notice-overlay {
        padding: 20px 15px;
    }

    .important-notice-content {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .important-notice-title {
        font-size: 32px;
        line-height: 1.1;
        margin-bottom: 10px;
    }

    .important-notice-text {
        font-size: 18px;
        line-height: 1.45;
        width: 100%;
        max-width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}
/* ===========================
   MID PAGE CTA
=========================== */

.midpage-cta-wrap {
    text-align: center;
    padding: 20px 15px 40px;
}

.midpage-cta-btn {
    display: inline-block;
    background: linear-gradient(180deg,#ff5ba8 0%,#ff1f7a 100%);
    color: #fff !important;
    text-decoration: none !important;

    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;

    padding: 20px 45px;
    border-radius: 60px;

    box-shadow:
        0 8px 25px rgba(255,31,122,0.45),
        inset 0 2px 0 rgba(255,255,255,0.25);

    transition: all .3s ease;
}

.midpage-cta-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow:
        0 12px 35px rgba(255,31,122,0.55),
        inset 0 2px 0 rgba(255,255,255,0.25);
}

.midpage-cta-subtext {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #666;
}

/* Mobile */

@media (max-width: 767px) {

    .midpage-cta-wrap {
        padding: 15px 15px 30px;
    }

    .midpage-cta-btn {
        width: 100%;
        max-width: 420px;

        font-size: 18px;
        line-height: 1.3;

        padding: 16px 20px;
    }

    .midpage-cta-subtext {
        font-size: 13px;
    }
}
/* =====================================
   HOW IT WORKS SECTION
===================================== */

.how-it-works-section {
    padding: 70px 15px;
    background: #fff;
}

.works-container {
    max-width: 1200px;
    margin: 0 auto;
}

.works-pretitle {
    text-align: center;
    color: #ff1f7a;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.works-title {
    text-align: center;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 900;
    color: #222;
    margin-bottom: 20px;
}

.works-subtitle {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 50px;
    font-size: 20px;
    line-height: 1.7;
    color: #666;
}

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

.work-card {
    background: #fff;
    border-radius: 24px;
    padding: 30px 20px;
    text-align: center;
    border-top: 5px solid #ff1f7a;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    transition: all .3s ease;
}

.work-card:hover {
    transform: translateY(-5px);
}

.step-badge {
    display: inline-block;
    background: #ff1f7a;
    color: #fff;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 18px;
}

.work-icon {
    width: 110px;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

.work-card h3 {
    font-size: 24px;
    font-weight: 800;
    color: #222;
    margin-bottom: 15px;
}

.work-card p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    margin: 0;
}

.works-cta {
    text-align: center;
    margin-top: 50px;
}

.works-note {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #666;
}

/* ==========================
   TABLET
========================== */

@media (max-width: 991px) {

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

    .works-title {
        font-size: 38px;
    }
}

/* ==========================
   MOBILE
========================== */

@media (max-width: 767px) {

    .how-it-works-section {
        padding: 50px 15px;
    }

    .works-pretitle {
        font-size: 14px;
    }

    .works-title {
        font-size: 30px;
        line-height: 1.25;
    }

    .works-subtitle {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .works-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .work-card {
        padding: 25px 18px;
    }

    .work-icon {
        width: 90px;
    }

    .work-card h3 {
        font-size: 22px;
    }

    .work-card p {
        font-size: 15px;
    }

    .works-cta {
        margin-top: 35px;
    }
}
/* ====================================
   SKIN SUPPORT BANNER
==================================== */

.skin-support-banner {
    position: relative;
    width: 100%;
    margin: 50px 0;
    overflow: hidden;
}

.skin-support-overlay {

    background:
        linear-gradient(
            rgba(255,31,122,0.88),
            rgba(220,60,130,0.88)
        ),
        url('block_6-title-bg.jpg');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    padding: 50px 20px;
    text-align: center;
}

.skin-support-content {
    max-width: 1100px;
    margin: 0 auto;
}

.skin-support-title {
    margin: 0 0 15px;

    color: #fff;

    font-size: 56px;
    font-weight: 900;
    line-height: 1.1;

    text-transform: uppercase;

    text-shadow:
        0 3px 8px rgba(0,0,0,0.25);
}

.skin-support-text {

    max-width: 900px;
    margin: 0 auto 15px;

    color: #fff;

    font-size: 24px;
    line-height: 1.6;
    font-weight: 500;

    text-shadow:
        0 2px 6px rgba(0,0,0,0.2);
}

.skin-support-text:last-child {
    margin-bottom: 0;
}

/* ==========================
   TABLET
========================== */

@media (max-width: 991px) {

    .skin-support-title {
        font-size: 42px;
    }

    .skin-support-text {
        font-size: 20px;
    }

}

/* ==========================
   MOBILE
========================== */

@media (max-width: 767px) {

    .skin-support-banner {
        margin: 35px 0;
    }

    .skin-support-overlay {
        padding: 30px 15px;
    }

    .skin-support-title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .skin-support-text {
        font-size: 17px;
        line-height: 1.5;
    }

}
/* =====================================
   EXPERT SECTION
===================================== */

.expert-section {
    padding: 80px 15px;
    background: #fff;
}

.expert-container {
    max-width: 1200px;
    margin: 0 auto;
}

.expert-header {
    text-align: center;
    margin-bottom: 50px;
}

.expert-label {
    color: #ff1f7a;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.expert-title {
    font-size: 48px;
    font-weight: 900;
    color: #222;
    line-height: 1.2;
    margin: 0;
}

.expert-card {
    display: flex;
    align-items: center;
    gap: 50px;

    background: #fff;
    border-radius: 30px;
    padding: 40px;

    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    border-top: 6px solid #ff1f7a;
}

.expert-image-wrap {
    flex: 0 0 320px;
}

.expert-image {
    width: 100%;
    display: block;
    border-radius: 24px;
}

.expert-content {
    flex: 1;
}

.expert-name {
    font-size: 34px;
    font-weight: 900;
    color: #222;
    margin-bottom: 8px;
}

.expert-role {
    color: #ff1f7a;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}

.expert-quote p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 18px;
}

.expert-cta {
    text-align: center;
    margin-top: 40px;
}

/* Tablet */

@media (max-width: 991px) {

    .expert-card {
        flex-direction: column;
        text-align: center;
    }

    .expert-image-wrap {
        flex: none;
        max-width: 300px;
    }

    .expert-title {
        font-size: 38px;
    }

}

/* Mobile */

@media (max-width: 767px) {

    .expert-section {
        padding: 50px 15px;
    }

    .expert-title {
        font-size: 30px;
    }

    .expert-card {
        padding: 25px 20px;
        gap: 25px;
    }

    .expert-image-wrap {
        max-width: 220px;
    }

    .expert-name {
        font-size: 26px;
    }

    .expert-role {
        font-size: 16px;
    }

    .expert-quote p {
        font-size: 16px;
        line-height: 1.7;
        text-align: left;
    }
}
/* ====================================
   CHEBET TRANSFORMATION SECTION
==================================== */

.transformation-section{
    padding:80px 20px;
    background:#fff7fb;
}

.transformation-container{
    max-width:1100px;
    margin:0 auto;
    text-align:center;
}

.transformation-title{
    font-size:60px;
    font-weight:900;
    line-height:1.05;
    color:#222;
    margin:0 auto 25px;
    max-width:900px;
}

.transformation-title span{
    display:block;
    color:#ff1f7a;
}

.transformation-subtitle{
    max-width:850px;
    margin:0 auto 45px;
    font-size:24px;
    line-height:1.7;
    color:#666;
}

.transformation-image-wrap{
    max-width:950px;
    margin:0 auto 50px;
}

.transformation-image{
    width:100%;
    display:block;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.transformation-hook{
    max-width:850px;
    margin:0 auto 35px;
    font-size:34px;
    line-height:1.5;
    font-weight:800;
    color:#222;
}

.transformation-hook span{
    display:block;
    margin:18px 0;
    color:#ff1f7a;
}

.transformation-quote{
    max-width:800px;
    margin:0 auto 40px;
    font-size:30px;
    line-height:1.5;
    font-weight:700;
    color:#ff1f7a;
    font-style:italic;
}

.transformation-cta{
    margin-top:20px;
}

/* ==========================
   TABLET
========================== */

@media (max-width:991px){

    .transformation-title{
        font-size:46px;
    }

    .transformation-subtitle{
        font-size:20px;
    }

    .transformation-hook{
        font-size:28px;
    }

    .transformation-quote{
        font-size:24px;
    }

}

/* ==========================
   MOBILE
========================== */

@media (max-width:767px){

    .transformation-section{
        padding:50px 15px;
    }

    .transformation-title{
        font-size:38px;
        line-height:1.15;
        margin-bottom:20px;
    }

    .transformation-subtitle{
        font-size:18px;
        line-height:1.7;
        margin-bottom:25px;
    }

    .transformation-image-wrap{
        margin-bottom:30px;
    }

    .transformation-image{
        border-radius:16px;
    }

    .transformation-hook{
        font-size:24px;
        line-height:1.45;
        margin-bottom:25px;
    }

    .transformation-hook span{
        margin:15px 0;
    }

    .transformation-quote{
        font-size:20px;
        line-height:1.5;
        margin-bottom:30px;
    }
}
/* ====================================
   HEALTH & SAFETY BANNER
==================================== */

.health-banner-section{
    width:100%;
    margin:50px 0;
    overflow:hidden;
}

.health-banner-overlay{

    background:
        linear-gradient(
            rgba(255,31,122,0.92),
            rgba(221,61,131,0.92)
        ),
        url('block_6-title-bg.jpg');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    padding:50px 20px;
    text-align:center;
}

.health-banner-content{
    max-width:1100px;
    margin:0 auto;
}

.health-banner-title{
    color:#fff;
    font-size:54px;
    font-weight:900;
    line-height:1.1;
    text-transform:uppercase;
    margin-bottom:20px;
}

.health-banner-text{
    color:#fff;
    font-size:22px;
    line-height:1.7;
    margin-bottom:15px;
}

.health-highlight{
    font-size:26px;
    font-weight:800;
    margin-top:20px;
}

/* MOBILE */

@media(max-width:767px){

    .health-banner-overlay{
        padding:30px 15px;
    }

    .health-banner-title{
        font-size:28px;
    }

    .health-banner-text{
        font-size:17px;
        line-height:1.6;
    }

    .health-highlight{
        font-size:19px;
    }

}
/* ====================================
   REVIEWS SECTION
==================================== */

.reviews-section{
    padding:70px 15px;
    background:#fff;
}

.reviews-container{
    max-width:1200px;
    margin:0 auto;
}

.reviews-pretitle{
    text-align:center;
    color:#ff1f7a;
    font-size:15px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.reviews-title{
    text-align:center;
    font-size:48px;
    font-weight:900;
    line-height:1.15;
    color:#222;
    margin-bottom:20px;
}

.reviews-subtitle{
    max-width:850px;
    margin:0 auto 45px;
    text-align:center;
    font-size:20px;
    color:#666;
    line-height:1.7;
}

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

.review-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.review-image{
    width:100%;
    display:block;
}

.review-weight{
    background:#ff1f7a;
    color:#fff;
    text-align:center;
    padding:12px;
    font-size:24px;
    font-weight:900;
}

.review-name{
    text-align:center;
    font-size:20px;
    font-weight:800;
    color:#222;
    margin:20px 0 10px;
}

.review-text{
    text-align:center;
    padding:0 20px 25px;
    font-size:16px;
    line-height:1.7;
    color:#666;
}

.reviews-cta{
    text-align:center;
    margin-top:40px;
}

/* TABLET */

@media(max-width:991px){

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

}

/* MOBILE */

@media(max-width:767px){

    .reviews-title{
        font-size:30px;
    }

    .reviews-subtitle{
        font-size:16px;
    }

    .reviews-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .review-weight{
        font-size:20px;
    }

}
/* ====================================
   CONFIDENCE SECTION
==================================== */

.confidence-section{
    padding:80px 20px;
    background:linear-gradient(
        180deg,
        #fff7fb 0%,
        #ffffff 100%
    );
    overflow:hidden;
}

.confidence-container{
    max-width:1200px;
    margin:0 auto;

    display:flex;
    align-items:center;
    gap:60px;
}

.confidence-content{
    flex:1;
}

.confidence-pretitle{
    color:#ff1f7a;
    font-size:18px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

.confidence-title{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    color:#222;
    margin-bottom:25px;
}

.confidence-title span{
    display:block;
    color:#ff1f7a;
}

.confidence-text{
    font-size:22px;
    line-height:1.8;
    color:#555;
    margin-bottom:20px;
}

.confidence-cta{
    margin-top:35px;
}

.confidence-image-wrap{
    flex:0 0 42%;
    position:relative;
}

.confidence-image{
    width:100%;
    display:block;
    border-radius:30px;

    box-shadow:
        0 25px 60px rgba(0,0,0,.12);
}

/* ==========================
   TABLET
========================== */

@media (max-width:991px){

    .confidence-container{
        gap:40px;
    }

    .confidence-title{
        font-size:48px;
    }

    .confidence-text{
        font-size:19px;
    }

}

/* ==========================
   MOBILE
========================== */

@media (max-width:767px){

    .confidence-section{
        padding:50px 15px;
    }

    .confidence-container{
        flex-direction:column;
        text-align:center;
        gap:25px;
    }

    .confidence-content{
        order:1;
    }

    .confidence-image-wrap{
        order:2;
        flex:none;
        width:100%;
        max-width:450px;
    }

    .confidence-pretitle{
        font-size:15px;
    }

    .confidence-title{
        font-size:38px;
        line-height:1.1;
    }

    .confidence-text{
        font-size:17px;
        line-height:1.7;
    }

    .confidence-cta{
        margin-top:25px;
    }

}
/* ====================================
   GLOBAL CTA BUTTON FIX
==================================== */

/* All CTA Wrappers */

.hero-btn,
.dream-order-btn,
.midpage-cta-btn {

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    max-width: 100% !important;

    text-align: center !important;
    box-sizing: border-box;
}

/* CTA Containers */

.hero-btn,
.dream-order-btn,
.midpage-cta-btn {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ====================================
 

    .hero-btn{

        display:inline-flex !important;

        justify-content:center !important;
        align-items:center !important;

        width:auto !important;
        max-width:90vw !important;

        margin:0 auto !important;

        box-sizing:border-box !important;
    }

}
@media (max-width:767px){

    .works-cta,
    .confidence-cta,
    .expert-cta,
    .reviews-cta,
    .transformation-cta,
    .dream-order-wrap,
    .midpage-cta-wrap{

        display:block !important;
        text-align:center !important;
        width:100% !important;
    }

    .works-note,
    .midpage-cta-subtext{

        display:block !important;
        width:100% !important;

        text-align:center !important;

        margin-top:12px !important;
    }

}
@media (max-width:767px){

    .works-note,
    .midpage-cta-subtext{
        clear:both;
        display:block;
        text-align:center;
        margin-top:12px;
    }

}


    /* ALL BUTTONS */

    .hero-btn,
    .dream-order-btn,
    .midpage-cta-btn{

        display:inline-block !important;

        width:auto !important;
        max-width:92% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        text-align:center !important;

        white-space:normal !important;
        word-break:normal !important;

        box-sizing:border-box !important;
    }

    /* SUBTEXT UNDER BUTTONS */

    .works-note,
    .midpage-cta-subtext{

        display:block !important;
        width:100% !important;

        text-align:center !important;

        margin-top:12px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

}
/* ====================================
   HOW TO ORDER SECTION
==================================== */

.order-process-section{
    padding:80px 20px;
    background:#fff7fb;
}

.order-process-container{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
}

.order-process-pretitle{
    color:#ff1f7a;
    font-size:16px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.order-process-title{
    font-size:52px;
    font-weight:900;
    color:#222;
    line-height:1.15;
    margin-bottom:15px;
}

.order-process-subtitle{
    font-size:22px;
    color:#666;
    margin-bottom:50px;
}

/* STEPS */

.order-process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.order-step-card{

    background:#fff;
    border-radius:28px;

    padding:35px 25px;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:.3s;
}

.order-step-card:hover{
    transform:translateY(-5px);
}

.order-step-icon{

    width:95px;
    height:95px;

    margin:0 auto 20px;

    background:#ff1f7a;

    color:#fff;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:42px;
}

.order-step-number{
    color:#ff1f7a;
    font-weight:900;
    font-size:15px;
    margin-bottom:12px;
}

.order-step-card h3{
    font-size:28px;
    font-weight:900;
    color:#222;
    margin-bottom:15px;
}

.order-step-card p{
    font-size:18px;
    line-height:1.7;
    color:#666;
}

/* TRUST ITEMS */

.trust-strip{

    margin-top:40px;

    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
}

.trust-item{

    background:#fff;

    padding:14px 24px;

    border-radius:50px;

    font-weight:700;
    font-size:16px;

    color:#222;

    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.green-check{
    color:#22c55e;
    font-size:22px;
    font-weight:900;
    margin-right:8px;
}

/* CTA */

.order-process-cta{
    margin-top:40px;
}

/* ====================================
   TABLET
==================================== */

@media(max-width:991px){

    .order-process-grid{
        gap:20px;
    }

    .order-process-title{
        font-size:42px;
    }

    .order-step-card h3{
        font-size:24px;
    }

}

/* ====================================
   MOBILE
==================================== */

@media(max-width:767px){

    .order-process-section{
        padding:50px 15px;
    }

    .order-process-title{
        font-size:34px;
    }

    .order-process-subtitle{
        font-size:17px;
        margin-bottom:30px;
    }

    .order-process-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .order-step-card{
        padding:25px 20px;
    }

    .order-step-icon{
        width:80px;
        height:80px;
        font-size:36px;
    }

    .order-step-card h3{
        font-size:22px;
    }

    .order-step-card p{
        font-size:16px;
    }

    .trust-strip{
        flex-direction:column;
        align-items:center;
    }

    .trust-item{
        width:100%;
        max-width:320px;
    }

}
/* ====================================
FINAL OFFER SECTION
==================================== */

.final-offer-section{
padding:70px 20px;
background:#fff7fb;
}

.final-offer-container{
max-width:1100px;
margin:0 auto;
text-align:center;
}

.final-offer-notice{

```
display:flex;
justify-content:center;
align-items:center;
gap:10px;

margin-bottom:25px;
```

}

.notice-dot{

```
width:12px;
height:12px;

border-radius:50%;

background:#22c55e;

box-shadow:0 0 12px rgba(34,197,94,.5);
```

}

.notice-text{

```
color:#666;
font-size:17px;
font-weight:700;
```

}

.final-offer-title{

```
font-size:58px;
font-weight:900;
line-height:1.1;

color:#222;

margin-bottom:15px;
```

}

.final-offer-subtitle{

```
max-width:850px;
margin:0 auto 40px;

font-size:22px;
line-height:1.7;

color:#666;
```

}

.final-offer-image{

```
width:100%;
max-width:850px;

display:block;
margin:0 auto;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.12);


}
/* =========================================
PREMIUM CHECKOUT SECTION
========================================= */

.checkout-section{

    padding:70px 15px;

    background:
    linear-gradient(
        180deg,
        #fff7fb 0%,
        #ffffff 100%
    );
}

.checkout-container{

    max-width:1000px;
    margin:0 auto;
    text-align:center;
}

/* NOTICE */

.checkout-notice{

    display:inline-block;

    background:#fff;

    border:2px solid #ffe0ef;

    color:#444;

    font-size:15px;

    font-weight:800;

    padding:12px 22px;

    border-radius:50px;

    margin-bottom:25px;

    box-shadow:
    0 8px 20px rgba(0,0,0,.05);
}

/* TITLE */

.checkout-title{

    font-size:58px;

    font-weight:900;

    line-height:1.1;

    color:#222;

    margin-bottom:15px;
}

.checkout-subtitle{

    max-width:750px;

    margin:0 auto 35px;

    font-size:22px;

    line-height:1.7;

    color:#666;
}

/* IMAGE */

.checkout-image-wrap{

    margin-bottom:40px;
}

.checkout-image{

    width:100%;

    max-width:1000px;

    display:block;

    margin:0 auto;
}

/* OFFER CARD */

.offer-card{

    max-width:620px;

    margin:0 auto;

    background:#fff;

    border-radius:32px;

    padding:40px 28px;

    border:4px solid #ffe0ef;

    box-shadow:
    0 25px 70px rgba(0,0,0,.12);
}

/* RIBBON */

.offer-ribbon{

    display:inline-block;

    background:#22c55e;

    color:#fff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:900;

    letter-spacing:.5px;

    margin-bottom:22px;
}

/* PRICE */

.price-section{

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #fff6fa 100%
    );

    border-radius:24px;

    padding:28px 20px;

    margin-bottom:25px;

    box-shadow:
    inset 0 0 0 2px #ffe3f0;
}

.old-price{

    color:#999;

    text-decoration:line-through;

    font-size:22px;

    font-weight:800;
}

.second-price{

    margin-top:8px;

    font-size:30px;
}

.today-label{

    margin-top:18px;

    color:#ff1f7a;

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;
}

.today-price{

    margin-top:12px;

    color:#ff1f7a;

    font-size:76px;

    line-height:1;

    font-weight:900;
}

.save-today{

    margin-top:12px;

    color:#22c55e;

    font-size:20px;

    font-weight:900;
}

/* DELIVERY */

.delivery-row{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:25px;
}

.delivery-pill{

    background:#f8f8f8;

    border:2px solid #ececec;

    border-radius:50px;

    padding:14px 20px;

    font-size:15px;

    font-weight:900;

    color:#222;
}

/* FORM */

.checkout-form{

    display:flex;

    flex-direction:column;

    gap:15px;
}

.checkout-form input{

    width:100%;

    height:68px;

    padding:0 22px;

    border:3px solid #d8d8d8;

    border-radius:16px;

    background:#fff;

    color:#222;

    font-size:18px;

    font-weight:600;

    box-sizing:border-box;

    transition:.3s;
}

.checkout-form input::placeholder{

    color:#777;

    font-weight:600;
}

.checkout-form input:focus{

    border-color:#ff1f7a;

    outline:none;

    box-shadow:
    0 0 0 5px rgba(255,31,122,.12);
}

/* BUTTON */

.checkout-btn{

    height:74px;

    margin-top:5px;

    border:none;

    border-radius:60px;

    background:#ff1f7a;

    color:#fff;

    font-size:24px;

    font-weight:900;

    letter-spacing:.3px;

    cursor:pointer;

    box-shadow:
    0 15px 35px rgba(255,31,122,.35);

    transition:.3s;
}

.checkout-btn:hover{

    transform:translateY(-2px);
}

/* TRUST */

.trust-note{

    margin-top:20px;

    font-size:14px;

    font-weight:600;

    color:#666;

    line-height:1.6;
}

/* MOBILE */

@media(max-width:767px){

    .checkout-section{
        padding:50px 15px;
    }

    .checkout-title{
        font-size:36px;
    }

    .checkout-subtitle{
        font-size:17px;
        margin-bottom:25px;
    }

    .offer-card{
        padding:25px 18px;
        border-radius:24px;
    }

    .today-price{
        font-size:52px;
    }

    .checkout-form input{
        height:62px;
        font-size:16px;
    }

    .checkout-btn{
        height:65px;
        font-size:18px;
    }

    .delivery-row{
        flex-direction:column;
    }

    .delivery-pill{
        width:100%;
    }

}
/* ====================================
FREE CONSULTATION NOTICE
==================================== */

.consultation-notice{

    max-width:700px;

    margin:25px auto 0;

    padding:22px;

    background:#f8fff9;

    border:2px solid #d6f5dd;

    border-radius:20px;

    display:flex;

    align-items:flex-start;

    gap:15px;

    text-align:left;
}

.consultation-icon{

    width:55px;
    height:55px;

    min-width:55px;

    border-radius:50%;

    background:#22c55e;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;
}

.consultation-content h3{

    margin:0 0 8px;

    font-size:20px;

    font-weight:900;

    color:#222;
}

.consultation-content p{

    margin:0;

    font-size:15px;

    line-height:1.7;

    color:#555;
}

/* MOBILE */

@media(max-width:767px){

    .consultation-notice{

        padding:18px;

        gap:12px;
    }

    .consultation-icon{

        width:45px;
        height:45px;

        min-width:45px;

        font-size:22px;
    }

    .consultation-content h3{

        font-size:17px;
    }

    .consultation-content p{

        font-size:14px;
    }

}
/* =====================================
CONSULTATION NOTICE
===================================== */

.consultation-notice{

    max-width:1000px;

    margin:50px auto 80px;

    padding:25px;

    background:#f8fff9;

    border:2px solid #d6f5dd;

    border-radius:24px;

    display:flex;

    align-items:flex-start;

    gap:20px;

    text-align:left;
}

.consultation-icon{

    width:70px;
    height:70px;

    min-width:70px;

    border-radius:50%;

    background:#22c55e;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;
}

.consultation-content h3{

    margin:0 0 10px;

    font-size:20px;

    font-weight:900;

    color:#222;
}

.consultation-content p{

    margin:0;

    font-size:15px;

    line-height:1.8;

    color:#555;
}

/* =====================================
PREMIUM FOOTER
===================================== */

.site-footer{

    width:100%;

    background:
    linear-gradient(
        135deg,
        #171717 0%,
        #222222 100%
    );

    padding:70px 20px;

    text-align:center;
}

.footer-top-line{

    width:120px;

    height:5px;

    background:#ff1f7a;

    border-radius:50px;

    margin:0 auto 35px;
}

.footer-container{

    max-width:1000px;

    margin:0 auto;
}

.footer-logo{

    color:#fff;

    font-size:42px;

    font-weight:900;

    letter-spacing:1px;

    line-height:1.1;
}

.footer-tagline{

    margin-top:15px;

    color:#cfcfcf;

    font-size:18px;

    line-height:1.6;
}

.footer-badges{

    margin-top:30px;

    color:#d9d9d9;

    font-size:16px;

    font-weight:700;

    line-height:2;
}

.footer-separator{

    color:#ff1f7a;

    font-weight:900;

    margin:0 10px;
}

.footer-divider{

    width:100%;

    max-width:450px;

    height:1px;

    background:
    rgba(255,255,255,.15);

    margin:35px auto;
}

.footer-copyright{

    color:#9c9c9c;

    font-size:14px;
}

/* =====================================
MOBILE
===================================== */

@media(max-width:767px){

    .consultation-notice{

        margin:40px auto 60px;

        padding:18px;

        gap:12px;
    }

    .consultation-icon{

        width:50px;
        height:50px;

        min-width:50px;

        font-size:24px;
    }

    .consultation-content h3{

        font-size:17px;
    }

    .consultation-content p{

        font-size:14px;

        line-height:1.7;
    }

    .site-footer{

        padding:55px 15px;
    }

    .footer-logo{

        font-size:30px;
    }

    .footer-tagline{

        font-size:15px;
    }

    .footer-badges{

        font-size:14px;

        line-height:2.2;
    }

    .footer-separator{

        display:none;
    }

}
/* =====================================================
EXPRESS FATBURNER
GREEN + PINK PREMIUM OVERRIDE V2
PASTE AT VERY BOTTOM OF CSS
===================================================== */


/* =====================================================
GLOBAL ACCENT COLORS
===================================================== */

:root{

    --efb-pink:#ff1f7a;
    --efb-green:#22c55e;
    --efb-green-light:#73e04f;
    --efb-green-bg:#f5fff7;
}


/* =====================================================
ALL CTA BUTTONS
===================================================== */

.hero-btn,
.order-btn,
.checkout-btn,
.submit-order-btn,
.transformation-btn,
.cta-btn,
.dream-order-btn,
.offer-btn,
.final-offer-btn,
button[type="submit"]{

    background:
    linear-gradient(
    135deg,
    #73e04f 0%,
    #22c55e 100%
    ) !important;

    color:#fff !important;

    border:none !important;

    box-shadow:
    0 12px 35px rgba(34,197,94,.35) !important;
}


/* =====================================================
HEADLINE ACCENTS
===================================================== */

h1 span,
h2 span,
h3 span,
.green-accent{

    color:#22c55e !important;
}


/* =====================================================
HERO SECTION
===================================================== */

.sublogo_text{

    color:#73e04f !important;

    font-weight:800 !important;
}

.logo{

    text-shadow:
    0 0 15px rgba(34,197,94,.20);
}


/* =====================================================
BENEFITS SECTION
===================================================== */

.benefit-item,
.benefit-card,
.step-card{

    background:#f5fff7 !important;

    border-left:5px solid #22c55e !important;

    box-shadow:
    0 8px 25px rgba(34,197,94,.08) !important;
}


/* =====================================================
GREEN TICKS
===================================================== */

.benefit-icon,
.checkmark,
.green-tick,
.tick-icon{

    color:#22c55e !important;
}


/* =====================================================
STEP LABELS
===================================================== */

.step-label,
.step-number,
.step-badge{

    background:
    linear-gradient(
    135deg,
    #73e04f,
    #22c55e
    ) !important;

    color:#fff !important;
}


/* =====================================================
HOW IT WORKS SECTION
===================================================== */

.how-it-works-section,
.steps-section{

    background:
    linear-gradient(
    180deg,
    #ffffff 0%,
    #f5fff7 100%
    ) !important;
}


/* =====================================================
IMPORTANT BANNERS
===================================================== */

.important-banner,
.disclaimer-banner{

    background:
    linear-gradient(
    135deg,
    #ff1f7a 0%,
    #ff5ca1 100%
    ) !important;
}


/* =====================================================
CONSULTATION BOX
===================================================== */

.consultation-notice{

    background:
    linear-gradient(
    180deg,
    #f5fff7 0%,
    #ffffff 100%
    ) !important;

    border:2px solid #bdecc8 !important;

    box-shadow:
    0 15px 35px rgba(34,197,94,.08) !important;
}

.consultation-icon{

    background:
    linear-gradient(
    135deg,
    #73e04f,
    #22c55e
    ) !important;
}


/* =====================================================
ORDER FORM CARD
===================================================== */

.offer-card,
.order-form-container{

    border:3px solid #d6f4de !important;

    box-shadow:
    0 20px 50px rgba(34,197,94,.08) !important;
}


/* =====================================================
PRICE BOX
===================================================== */

.price-section{

    background:
    linear-gradient(
    180deg,
    #ffffff 0%,
    #f5fff7 100%
    ) !important;

    border:2px solid #d6f4de !important;

    box-shadow:
    0 10px 30px rgba(34,197,94,.08) !important;
}

.today-price,
.price-now{

    color:#ff1f7a !important;
}

.save-today{

    color:#22c55e !important;

    font-size:24px !important;

    font-weight:900 !important;
}


/* =====================================================
FORM FIELDS
===================================================== */

.checkout-form input,
.order-form input{

    border:3px solid #cfd8cf !important;

    background:#fff !important;

    font-weight:600 !important;
}

.checkout-form input:focus,
.order-form input:focus{

    border-color:#22c55e !important;

    box-shadow:
    0 0 0 5px rgba(34,197,94,.15) !important;
}


/* =====================================================
DELIVERY TEXTS
===================================================== */

.delivery-pill,
.shipping-pill,
.trust-pill{

    background:#f5fff7 !important;

    border:1px solid #d6f4de !important;

    color:#222 !important;
}


/* =====================================================
FOOTER
===================================================== */

.site-footer{

    background:
    linear-gradient(
    135deg,
    #141414 0%,
    #222222 100%
    ) !important;
}

.footer-top-line{

    background:
    linear-gradient(
    90deg,
    #73e04f,
    #22c55e
    ) !important;
}

.footer-separator{

    color:#22c55e !important;
}


/* =====================================================
PRODUCT IMAGES
===================================================== */

.checkout-image,
.transformation-image,
img.product-image{

    filter:
    drop-shadow(
    0 12px 25px rgba(34,197,94,.12)
    );
}


/* =====================================================
LIGHT GREEN SECTION BACKGROUNDS
===================================================== */

.transformation-section,
.reviews-section,
.expert-section{

    background:
    linear-gradient(
    180deg,
    #ffffff 0%,
    #f9fffa 100%
    ) !important;
}


/* =====================================================
MOBILE
===================================================== */

@media(max-width:767px){

    .hero-btn,
    .checkout-btn,
    .submit-order-btn,
    button[type="submit"]{

        width:100% !important;

        max-width:100% !important;

        margin-left:auto !important;

        margin-right:auto !important;
    }

}
html{
    scroll-behavior:smooth;
}

#order{
    scroll-margin-top:30px;
}

/* =====================================================
EXPRESS FATBURNER
MASTER CTA ALIGNMENT OVERRIDE
PASTE AS THE LAST CSS IN THE FILE
===================================================== */

/* ALL CTA WRAPPERS */

.dream-order-wrap,
.midpage-cta-wrap,
.works-cta,
.confidence-cta,
.expert-cta,
.transformation-cta,
.reviews-cta,
.order-process-cta,
.hero-cta,
.cta-wrap,
.order-btn-wrap{

    width:100% !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    flex-direction:column !important;

    text-align:center !important;

    margin-left:auto !important;

    margin-right:auto !important;
}

/* ALL ORDER BUTTONS */

.hero-btn,
.dream-order-btn,
.midpage-cta-btn,
.order-btn,
.cta-btn,
.checkout-btn,
.submit-order-btn,
.final-offer-btn,
.offer-btn,
a[href="#order"],
a[href="#order-form"]{

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    text-align:center !important;

    box-sizing:border-box !important;

    margin-left:auto !important;

    margin-right:auto !important;

    float:none !important;

    position:relative !important;

    left:auto !important;

    right:auto !important;

    transform:none !important;
}

/* DESKTOP */

@media(min-width:768px){

    .hero-btn,
    .dream-order-btn,
    .midpage-cta-btn,
    .order-btn,
    .cta-btn,
    .checkout-btn,
    .submit-order-btn,
    .final-offer-btn,
    .offer-btn,
    a[href="#order"],
    a[href="#order-form"]{

        width:auto !important;

        max-width:none !important;

        margin-left:auto !important;

        margin-right:auto !important;
    }

}

/* MOBILE */

@media(max-width:767px){

    .hero-btn,
    .dream-order-btn,
    .midpage-cta-btn,
    .order-btn,
    .cta-btn,
    .checkout-btn,
    .submit-order-btn,
    .final-offer-btn,
    .offer-btn,
    a[href="#order"],
    a[href="#order-form"]{

        width:calc(100% - 30px) !important;

        max-width:380px !important;

        min-width:unset !important;

        margin-left:auto !important;

        margin-right:auto !important;

        padding:18px 20px !important;

        text-align:center !important;

        justify-content:center !important;

        align-items:center !important;

        line-height:1.3 !important;

        white-space:normal !important;

        word-break:normal !important;
    }

}

/* CTA SUBTEXT */

.midpage-cta-subtext,
.works-note,
.order-note{

    width:100% !important;

    text-align:center !important;

    margin-top:12px !important;
}