:root {
    --primary-color: #FF3063;
    --secondary-color: #121410;
    --tertiary-color: #161616;
    --quaternary-color: #FFFFFF;
    --quinary-color: #21C712;
    --senary-color: #000000;
    --font-primary: 'Fraunces', sans-serif;
    --font-secondary:'Figtree', sans-serif;
    --font-tertiary: 'Montserrat', sans-serif;
}

.cancer-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    overflow: hidden;

    /* Replace with your image */
    background-image: url("../images/cancer-final/cancer-hero-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cancer-story-section .circle-image img {
    width: 100%;
}

/* .cancer-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0.94) 0%,
        rgba(255,255,255,0.90) 28%,
        rgba(255,255,255,0.65) 55%,
        rgba(255,255,255,0.10) 100%
    ); */
/* } */

.cancer-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.cancer-content {
    max-width: 560px;
}

/* Heading */

.cancer-title {
    margin: 0 0 34px;

    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 62px;
    line-height: 114%;
    letter-spacing: 0;

    color: var(--secondary-color);
}

.cancer-title span {
    color: #FF3063;
}

/* Description */

.cancer-description {
    max-width: 500px;
    margin-bottom: 50px;

    font-family:var(--font-secondary);
    font-weight: 500;
    font-size: 18px;
    line-height: 148%;
    letter-spacing: 0;

    color: var(--secondary-color);
}

/* CTA */

.cancer-btn {
    width: 378px;
    height: 62px;

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

    padding: 18px 36px;
    border-radius: 60px;

    background: #FF3063;
    color: var(--quaternary-color);

    text-decoration: none;

    font-family: var(--font-tertiary);
    font-weight: 800;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;

    transition: .3s ease;
}

.cancer-btn:hover {
    transform: translateY(-2px);
}

.cancer-btn-arrow {
    font-size: 20px;
    line-height: 1;
}

/* Features */

.cancer-features {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 19px;
}

.cancer-feature-item {
    display: flex;
    align-items: center;
    gap: 6px;

    font-family: var(--font-secondary);
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--senary-color);
}

/* .cancer-check-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
} */

.cancer-check-icon svg {
    width: 18px;
    height: 18px;
    display: block;
}


.cancer-about-program-section{
    position: relative;
    padding: 120px 20px;
    overflow: hidden;
    background: #fff;
    background-image: url('../images/cancer-final/Cancer-about.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
section.cancer-about-program-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 307px;
    top: -100px;
    /* left: -197px; */
    opacity: 1;
    background: #fff;
    filter: blur(160px);
}
section.cancer-about-program-section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 307px;
    bottom: -100px;
    /* left: -197px; */
    opacity: 1;
    background: #fff;
    filter: blur(160px);
}

.cancer-about-program-container{
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.cancer-about-program-heart{
    margin-bottom: 21px;
}

.cancer-about-program-heart img{
    width: 210px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.cancer-about-program-label{
    font-family: var(--font-tertiary);
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--senary-color);
    margin-bottom: 32px;
}

.cancer-about-program-title{
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 48px;
    line-height: 114%;
    color: var(--senary-color);
    margin: 0 0 35px;
}

.cancer-highlight{
    color: #FF4F7B;
}

.cancer-about-program-description{
    max-width: 760px;
    margin: 0 auto;
}

.cancer-about-program-description p{
    font-family: 'Figtree', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 134%;
    color: var(--senary-color);
    margin-bottom: 25px;
}

.cancer-eligibility-section{
    padding:80px 20px;
}

.cancer-eligibility-container{
    max-width:1240px;
    min-height:558px;
    margin:0 auto;
    background:linear-gradient(180deg,#FF3063 0%,#FF7BA2 134.32%);
    border-radius:40px;
    padding: 71px 80px;
    display:flex;
    justify-content:space-between;
    gap:91px;
    color:#fff;
}

/* Left Column */

.cancer-eligibility-left{
    flex:1;
    max-width:560px;
}

.cancer-eligibility-title{
    font-family:'Fraunces',serif;
    font-weight:600;
    font-size:48px;
    line-height:114%;
    color:#fff;
    margin:0 0 36px;
}

.cancer-eligibility-description{
    font-family:'Figtree',sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:134%;
    color:#fff;
    max-width:430px;
    margin-bottom:34px;
}

.cancer-eligibility-list{
    list-style:none;
    padding:0;
    margin:0;
}

.cancer-eligibility-list li{
    display:flex;
    align-items:start;
    gap:12px;
    margin-bottom:28px;

    font-family:'Figtree',sans-serif;
    font-weight:600;
    font-size:16px;
    line-height:100%;
    color:#fff;
}

/* Right Column */

.cancer-eligibility-right{
    flex:1;
    max-width:520px;
}

.cancer-serves-title{
    font-family:'Fraunces',serif;
    font-weight:600;
    font-size:28px;
    line-height:114%;
    color:#fff;
    margin:0 0 35px;
}

.cancer-location-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:35px;
}

.cancer-location-tag{
    min-width:120px;
    height:42px;

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

    padding:18px 22px;
    border-radius:60px;

    background:#F2F2F2;
    color:#1A1A1A;

    font-family:'Montserrat',sans-serif;
    font-weight:500;
    font-size:15px;
    line-height:100%;
    text-transform:capitalize;
}

.cancer-location-description{
    font-family:'Figtree',sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:134%;
    color:#fff;
    margin-bottom:40px;
}

.cancer-eligibility-btn{


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

    background:#000;
    color:#fff;

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

    text-decoration:none;

    font-family:'Montserrat',sans-serif;
    font-weight:800;
    font-size:18px;
    line-height:100%;
    text-transform:uppercase;

    transition:all .3s ease;
}

.cancer-eligibility-btn:hover{
    transform:translateY(-2px);
}

.cancer-eligibility-btn span{
    font-size:24px;
    line-height:1;
}

.cancer-caregiver-section{
    background:#FEFCE6;
    padding:78px 20px;
    overflow:hidden;
    margin-bottom: 70px;
}

.cancer-caregiver-container{
    max-width:1171px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
}

/* LEFT IMAGE */


/* RIGHT CONTENT */

.cancer-caregiver-content{
    flex:1;
    max-width:500px;
}

.cancer-caregiver-label{
    font-family:'Montserrat',sans-serif;
    font-weight:700;
    font-size:18px;
    line-height:100%;
    text-transform:uppercase;
    color:#000;
    margin-bottom:32px;
}

.cancer-caregiver-title{
    font-family:'Fraunces',serif;
    font-weight:700;
    font-size:48px;
    line-height:114%;
    color:#000;
    margin:0 0 32px;
}

.cancer-caregiver-description{
    font-family:'Figtree',sans-serif;
    font-weight:700;
    font-size:20px;
    line-height:148%;
    color:#000;
    margin-bottom:44px;
}

/* BUTTON */

.cancer-caregiver-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:10px 24px 10px 10px;
    background:#FF3C71;
    border-radius:999px;
    text-decoration:none;
}

.cancer-caregiver-btn img{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #fff;
}

.cancer-caregiver-btn span{
    font-family:'Montserrat',sans-serif;
    font-weight:800;
    font-size:16px;
    line-height:100%;
    color:#fff;
    text-transform:uppercase;
}

.reviews-service-heading p{
    font-family: Figtree;
font-weight: 500;
font-style: Medium;
font-size: 18px;
margin: 40px auto 0 auto;
max-width: 647px;
line-height: 148%;
letter-spacing: 0%;
text-align: center;

}


.cancer-impact-section{
    background:url('../images/cancer-final/cancer-impact-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding:100px 20px;
}

.cancer-impact-container{
    max-width:1240px;
    margin:0 auto;
}

/* Heading */

.cancer-impact-title{
    font-family:'Fraunces',serif;
    font-weight:700;
    font-size:48px;
    line-height:114%;
    text-align:center;
    color:#111111;
    margin:0 0 90px;
}

.cancer-impact-title span{
    color:#FF3063;
}

/* Stats */

.cancer-impact-stats{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:90px;
    gap: 90px;;
}

.cancer-impact-item{
    flex:1;
    text-align:center;
    padding:0 30px;
}

/* Icon Circle */

.cancer-impact-icon{
    width:100px;
    height:100px;
    border-radius:56.11px;
    background:#AFE1DE;
    box-shadow:13.09px 13.09px 28.06px 0px rgba(0,0,0,0.04);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 30px;
}

.cancer-impact-icon img{
    width:54px;
    height:54px;
    object-fit:contain;
}

/* Numbers */

.cancer-impact-number{
    font-family:'Fraunces',serif;
    font-weight:600;
    font-size:54px;
    line-height:1.1;
    color:#111111;
    margin-bottom:18px;
}

/* Labels */

.cancer-impact-label{
    font-family:'Figtree',sans-serif;
    font-weight:600;
    font-size:22px;
    line-height:26px;
    opacity: 80%;
    color:#161616;
}

/* Divider */

.cancer-impact-divider{
    width:1px;
    min-height:240px;
    background:linear-gradient(
        180deg,
        rgba(255,123,162,0) 0%,
        #FF7BA2 52.4%,
        rgba(255,123,162,0) 100%
    );
}

/* Testimonial */

.cancer-impact-testimonial{
    max-width:760px;
    margin:0 auto;
    text-align:center;
}

.cancer-impact-testimonial p{
    font-family:'Figtree',sans-serif;
    font-weight:500;
    font-size:22px;
    line-height:148%;
    color:#161616;
    opacity: 80%;
    margin:0 0 25px;
}

.cancer-impact-author{
    font-family:'Figtree',sans-serif;
    font-weight:600;
    font-size:22px;
    line-height:148%;
    color:#FF3063;
}

.cancer-how-it-works-section{
    padding:100px 20px;
    /* background:#FFF9FC; */
    background-image: url('../images/cancer-final/cancer-how-it-works.png');
}

.cancer-how-it-works-container{
    max-width:1232px;
    margin:0 auto;
}

/* Heading */

.cancer-how-it-works-title{
    font-family:'Fraunces', serif;
    font-weight:700;
    font-size:48px;
    line-height:114%;
    text-align:center;
    color:#111;
    margin:0 0 30px;
}

.cancer-how-it-works-subtitle{
    font-family:'Figtree', sans-serif;
    font-weight:500;
    font-size:18px;
    line-height:148%;
    text-align:center;
    color:#444;
    margin:0 auto 70px;
    max-width:700px;
}

/* Cards */

.cancer-how-it-works-cards{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    margin-bottom:60px;
}

.cancer-step-card{
    position:relative;
    width:355px;
    min-height:409px;
    background:#fff;
    border-radius:14px;
    padding:32px 40px 40px;
    overflow:hidden;
}

/* Background Number */

.cancer-step-number{
    position:absolute;
    top:10px;
    right:20px;

    font-family:'Fraunces', serif;
    font-weight:700;
    font-size:136.47px;
    line-height:114%;

    background:linear-gradient(
        188.55deg,
        #FF7BA2 -14.06%,
        rgba(255,123,162,0) 97.22%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    pointer-events:none;
    opacity: 18%;
}

/* Icon */

.cancer-step-icon{
    width:84px;
    height:84px;
    border-radius:56.11px;
    background:#AFE1DE;
    box-shadow:13.09px 13.09px 28.06px rgba(0,0,0,0.04);

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

    margin-bottom:34px;
    position:relative;
    z-index:2;
}

.cancer-step-icon img{
    width:44px;
    height:44px;
    object-fit:contain;
}

/* Title */

.cancer-step-title{
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:22px;
    line-height:126%;
    color:#111;
    margin:0 0 20px;
    position:relative;
    z-index:2;
}

/* Description */

.cancer-step-description{
    font-family:'Figtree', sans-serif;
    font-weight:400;
    font-size:18px;
    line-height:140%;
    color:#555;
    margin:0;
    position:relative;
    z-index:2;
}

/* Connectors */

.cancer-step-connector{
    width:80px;
    height:1px;
    margin:0 2px;
    background:linear-gradient(
        90deg,
        rgba(255,123,162,0),
        #FF7BA2,
        rgba(255,123,162,0)
    );
}

/* Button */

.cancer-how-it-works-button-wrap{
    text-align:center;
}

.cancer-how-it-works-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    background:#FF3063;
    border-radius:999px;
    padding:8px 26px 8px 8px;
    text-decoration:none;
}

.cancer-how-it-works-btn img{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #fff;
}

.cancer-how-it-works-btn span{
    font-family:'Montserrat', sans-serif;
    font-weight:800;
    font-size:16px;
    text-transform:uppercase;
    color:#fff;
}


.cancer-story-section .signature-wrapper{
    margin-top: 30px;
}
.cancer-story-section {
    margin-bottom: 200px;
}

/* Responsive */

@media (max-width: 991px) {

    .cancer-hero {
        min-height: auto;
        padding: 100px 0;
    }

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

    .cancer-btn {
        width: 100%;
        max-width: 378px;
    }
    .cancer-impact-stats{
        gap:30px;
        margin-bottom: 40px;
    }
    .cancer-impact-testimonial p{
        font-size: 18px;
    }
    .cancer-impact-divider{
        display:none;
    }
    .cancer-how-it-works-section {
        padding: 70px 20px;
    }
    .cancer-step-icon svg {
        width: 30px;
        height: 30px;
    }
    .cancer-step-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 23px;
    }
    .cancer-step-card{
        padding: 32px 20px 40px;
    }
    .cancer-step-description{
        font-size: 15px;
    }
    .cancer-step-number{
        font-size: 90px;
    }

    .cancer-impact-item{
        width:100%;
    }

    .cancer-impact-title{
        font-size:28px;
        margin-bottom: 50px;
    }

    .cancer-impact-number{
        font-size:22px;
        margin-bottom: 10px;
    }
    .cancer-impact-label{
        font-size: 16px;
    }
    .cancer-eligibility-container{
        padding: 50px 40px;
    }
    .cancer-eligibility-title{
        font-size: 28px;
    }
    .cancer-location-description{
        font-size: 16px;
    }
    .cancer-eligibility-btn{
        font-size: 15px;
    }
    .cancer-caregiver-container{
        flex-direction: column;
    }
    .cancer-caregiver-title{
        font-size: 30px;
    }
    .cancer-caregiver-description{
        font-size: 18px;
    }
    .cancer-caregiver-label{
        font-size: 16px;
        margin-bottom: 22px;
    }
    .cancer-caregiver-title{
        margin-bottom: 26px;
    }
    .cancer-caregiver-section{
        margin-bottom: 10px;
    }
    .cancer-impact-section{
        padding: 60px 20px;
    }
    .cancer-impact-icon svg {
        width: 30px;
        height: 30px;
    }
    .cancer-impact-icon {
        width: 70px;
        height: 70px;
        margin: 0 auto 20px;
    }
}

@media (max-width: 767px) {

    .cancer-container {
        padding: 0 20px;
    }

    .cancer-title {
        font-size: 38px;
        margin-bottom: 20px;
    }
    section.cancer-hero::before {
        position: absolute;
        content: "";
/*         background: #ffffff66; */
        /* backdrop-filter: blur(100px); */
        width: 100%;
        height: 100%;
    }
    .cancer-content{
        text-align: center;
    }

    .cancer-description {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .cancer-features {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .cancer-btn {
        width: 100%;
    }


    .cancer-about-program-section{
        padding: 80px 20px;
    }

    .cancer-about-program-title{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .cancer-eligibility-container{
        flex-direction: column;
        padding: 40px 30px;
        gap: 30px;
    }
    .cancer-eligibility-title{
        font-size: 28px;
        margin: 0 0 26px;
    }
    .cancer-eligibility-description{
        margin-bottom: 26px;
    }
    .cancer-location-description{
        font-size: 16px;
    }
    .cancer-caregiver-container{
        flex-direction: column;
        gap: 45px;
    }
    .cancer-caregiver-content{
        text-align: center;
    }
    .cancer-caregiver-label{
        font-size: 16px;    
        margin-bottom: 20px;
    }
    img.cancer-caregiver-image {
        width: 100%;
        height: 100%;
    }
    .cancer-eligibility-list li{
        margin-bottom: 20px;
    }
    .cancer-about-program-heart img{
        width: 160px;
    }

    .cancer-about-program-description p{
        font-size: 16px;
    }

    .cancer-caregiver-section{
        padding:70px 20px;
        margin: 0px;
    }

    .cancer-caregiver-title{
        font-size:28px;
        margin-bottom: 20px;
    }

    .cancer-caregiver-description{
        font-size:16px;
        margin-bottom: 25px;
    }

    .cancer-caregiver-btn{  
        justify-content:center;
    }
   
    .cancer-impact-section{
        background:#FFF9FC;
        padding:70px 20px;
    }
    
    .cancer-impact-container{
        max-width:1240px;
        margin:0 auto;
    }
    
    /* Heading */
    
    .cancer-impact-title{
        font-size:28px;
        margin:0 0 55px;
    }
    
    .cancer-impact-title span{
        color:#FF3063;
    }
    
    /* Stats */
    
    .cancer-impact-stats{
        margin-bottom:40px;
		flex-wrap:wrap;
    }
    
    .cancer-impact-item{
        flex:1;
        text-align:center;
        padding:0 30px;
    }
    
    /* Icon Circle */
    
    .cancer-impact-icon{
        width:80px;
        height:80px;
    }
    .cancer-impact-icon svg {
        width: 40px;
        height: 40px;
    }
    /* Numbers */
    
    .cancer-impact-number{
        font-size:30px;
    }
    
    /* Labels */
    
    .cancer-impact-label{
        font-size:18px;
    }
    
    /* Divider */
    
    .cancer-impact-divider{
        width:1px;
        min-height:240px;
        background:linear-gradient(
            180deg,
            rgba(255,123,162,0) 0%,
            #FF7BA2 52.4%,
            rgba(255,123,162,0) 100%
        );
    }
    
    /* Testimonial */
    
    .cancer-impact-testimonial{
        max-width:760px;
        margin:0 auto;
        text-align:center;
    }
    
    .cancer-impact-testimonial p{
        font-size:16px;
    }
    
    .cancer-impact-author{
        font-size:18px;
    }
    .cancer-how-it-works-section{
        padding: 70px 20px;
    }
    .cancer-how-it-works-title{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .cancer-how-it-works-subtitle{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .cancer-how-it-works-cards{
        flex-direction: column;
        gap: 40px;
    }
    .cancer-step-title{
        font-size: 20px;
    }
    .cancer-step-icon {
        width: 60px;
        height: 60px;
    }
    .cancer-step-connector{
        display: none;
    }
    .cancer-step-description{
        font-size: 16px;
    }
    .cancer-step-card{
        min-height: auto;
    }
}