/*LANDING*/

/*BASE SET*/
body {
    margin: 0;
    padding: 0;
    font-family:"Inter";
    color:#FFFFFF;
}
#landingpage h3{
    font-family: 'Roboto';
    font-size: 32px;
    line-height: 34px;
    color:#830051;
}


#landingpage h6{
    font-size: 16px;
    font-family: 'Roboto';
    color: #293852;
    font-weight: bold;
    line-height: 18px;
    text-decoration: underline;
    margin-bottom: 22px;
    margin-top: 25px;
}

/*DESKTOP-STYLES START*/
/*MAX-WIDTH*/
#landingpage #lP-mAin-bodyWrapper{
    width:100%;
    max-width:1024px;
    margin:0 auto;
}
#lP-mAin-bodyWrapper .image{
    margin-top:20px;
}
#landingpage .x-large{
    font-size:64px;
    font-family:"Lexia";
    line-height:60px;
    font-weight:700;
    margin:65px auto;
    color:#830051;
    text-align:center;
    max-width:78%;
}
#landingpage .mobile-hr{
  display:none;
  border-top:1px dashed #000;
}
#landingpage #lP-mAin-bodyWrapper .fLX-seCtion{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
}

#lP-mAin-bodyWrapper .fLX-seCtion .card{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
}

#lP-mAin-bodyWrapper .fLX-seCtion .card .circle-img{
    width:100%;
    max-width:258px;
    height:auto;
    margin:0 auto;
}

#lP-mAin-bodyWrapper .fLX-seCtion .card .circle-img img{
    width:100%;
    height:auto;
    display:block;
}

#lP-mAin-bodyWrapper .fLX-seCtion .card h3{
    margin-top:25px;
    margin-bottom:30px;
}
#landingpage .fLX-seCtion .fLx-para{
    font-size:16px;
    line-height:19px;
    font-weight:400;
}
#lP-mAin-bodyWrapper .fLX-seCtion .card .btn{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:20px;
    
    padding:20px 34px;
    border:1px solid #23272B;
    border-radius:6px;
    
    margin:30px 0 40px 0;
    
    text-decoration:none;
    width:fit-content;
    color:#23272B;
    background-color:#E6CCDC;
}

#lP-mAin-bodyWrapper .fLX-seCtion .card .btn:hover{
    background-color:#830051;
    /*color:#FFFFFF !important;*/
}

#lP-mAin-bodyWrapper .fLX-seCtion .card .btn:hover span{
    color:#FFFFFF !important;
}

#lP-mAin-bodyWrapper .fLX-seCtion .card .btn:hover img{
    content:url("/content/dam/intelligentcontent/unbranded/cancercare2040/us/en/image/global/white_arrow_icon.png");
}

#lP-mAin-bodyWrapper .fLX-seCtion .card .btn:active{
    color:#7A7E83;
}
#lP-mAin-bodyWrapper .fLX-seCtion .card .btn:active img{
     content:url("/content/dam/intelligentcontent/unbranded/cancercare2040/us/en/image/global/grey_arrow_icon.png");
}
    



#lP-mAin-bodyWrapper .fLX-seCtion .card .btn span{
    font-style:italic;
    font-size:24px;
    line-height:24px;
    font-weight:400;
    letter-spacing:1px;
    color:#23272B;
    font-family:"lexia";
}

#lP-mAin-bodyWrapper .fLX-seCtion .card .btn img{
    width:100%;
    max-width:57px;
    height:auto;
}

/*DESKTOP STYLES ENDS*/

/*MOBILE -STYLES STARTS */

@media screen and (max-width:991px){
    #landingpage #lP-mAin-bodyWrapper{
        width:90%;
        max-width:991px;
        margin:0 auto;
    }
     #landingpage .x-large{
      font-size:40px;
      line-height:48px;
      font-weight:600;
      margin: 20px auto;
    }
    #landingpage .mobile-hr{
        display:block;
        margin: 40px auto;
    }
    #landingpage #lP-mAin-bodyWrapper .fLX-seCtion{
      display:flex;
      flex-direction:column;
      gap:20px;
    }
    #landingpage .x-large{
        max-width:100%;
        text-align:left;
    }
}