/* MELODY INTRO  CSS HERE  */
.aspect-5-6 {
    aspect-ratio: 5 / 6;
    object-fit: cover;
}

.aspect-6-7 {
    aspect-ratio: 6 / 7;
    object-fit: cover;
}

.bottom-contentt {
    border-top: 1px solid #ededed;
    margin-top: 80px;
    padding-top: 80px;
}

.content-wrapper quote {
    padding: 18px clamp(18px, 3.5vw, 56px) 18px 18px;
    border-left: 4px solid var(--primary);
    color: var(--primary);
    background-color: var(--primary-light);
}

.melody-intro-sec-inner {
    padding: clamp(30px, 3.5vw, 60px) clamp(25px, 3.5vw, 35px);
    border-radius: 20px;
}

.video-play-btn {
    z-index: 1;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;
}

.intro-video {
    cursor: pointer;
    aspect-ratio: 16 / 8.5;
    height: auto;
    border-radius: 20px;
    object-fit: contain;
    display: block;
    background: rgb(0 0 0 / 100%);
}

/* Section to lead to diagnose */

.float-img-left {
    float: left;
    margin-right: clamp(25px, 3.3vw, 50px);
    margin-bottom: clamp(25px, 3.1vw, 27px);
    width: clamp(300px, 32vw, 500px);
    height: auto;
    object-fit: cover;
    display: inline;
}

.float-right {
    float: right;
    margin-left: clamp(25px, 3.3vw, 50px);
    margin-right: 0;
}

.content-wrapper-img>*:not(img, :last-child) {
    margin-bottom: 29px;
}

.page-template-stacey-story-template .content-wrapper-img>*:not(img, :last-child) {
    margin-bottom: 24px;
}

.sec9-inner {
    padding: clamp(25px, 3.5vw, 40px);
    border-radius: 20px;
}

@media (min-width: 992px) {
    .content-wrapper-img>*:not(h2, img) {
        line-height: 1.65;
    }
}

@media (max-width: 991.98px) {
    .float-img-left {
        float: none;
        margin-inline: auto;
        display: block;
        width: 100%;
        max-width: 400px;
    }

    .bottom-contentt {
        margin-top: 50px;
        padding-top: 50px;
    }

    .content-wrapper-img>*:not(img, :last-child) {
        margin-bottom: 24px;
    }
}


/* ///diagnosis css here//// */
.diagnosis-sec-inner {
    padding: clamp(30px, 3.5vw, 50px) clamp(25px, 3.5vw, 40px);
    border-radius: 20px;
}

/* THIRD LINE SECTION CSS  */
.third-treatment-sec-inner {
    box-shadow: 0px 0px 7px #0000001A;
    border-radius: 8px;
    padding: clamp(25px, 3.5vw, 40px);
}

/* miracle CSS START HERE  */
.miracle-sec-inner {
    padding: clamp(30px, 3.5vw, 55px) clamp(25px, 3.5vw, 50px);
    border-radius: 20px;
}

/* life-after-cancer section CSS START HERE  */
.life-after-cancer-sec-inner {
    box-shadow: 0px 0px 7px #0000001A;
    border-radius: 20px;
    padding: clamp(30px, 3.5vw, 65px) clamp(25px, 3.5vw, 45px);
}