/* caring-for-yourself starts here */
/* ***********caring-for-yourself.*************************** */
/* mobile */
/*#caring-for-yourself #main-section {*/
/*    padding-top: 58px;*/
/*}*/
#caring-for-yourself #main-section #banner-main-border #banner-main-text span
{
        font: 400 45px / 50px "Open Sans", sans-serif;
}
#caring-for-yourself .pinktext a {
        color: #AD5C6D;
        text-decoration: underline;
    }
   #caring-for-yourself #main-section #banner-main-border #banner-main-text
{
    margin-bottom: 10px;
}
    
    #caring-for-yourself  #main-section #banner-main-border .container:has(> #content-section-banner)
    {
        padding: 25px 20px 25px 20px;
    }
    
   #caring-for-yourself #lady-img {
       margin-top:25px
}

#caring-for-yourself #background-image-section {
    padding: 25px 16px 0px 16px;
    margin-top: 25px;
}

#caring-for-yourself .cmp-container__backgroundImage--enabled
{
    margin:0px;
}

#caring-for-yourself #button-last-section > .aem-Grid 
{
    margin-bottom: 15px;
}

#caring-for-yourself #card-1 .content-card-section.border-image-right
{
margin-bottom:0px;
padding:5px 16px;
}
#caring-for-yourself #card-1 .content-card-section
{
    padding:0px 15px;
}
#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right) 
{
    border-radius: 0 130px 40px 40px;
    flex-direction: column-reverse;
}
#caring-for-yourself #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title {
    font: 400 45px / 50px "Open Sans", sans-serif;
    margin-bottom: 15px;

}
#caring-for-yourself .content-card-section {
    padding: 25px 20px;
}

#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #well-being-card.cmp-container > .aem-Grid {
    flex-direction: column-reverse;
    border: 4px solid #E0E7F0;
    border-radius: 130px 0 40px 40px;
    margin-top:25px;
}

#caring-for-yourself .list-space {
    padding-bottom: 20px;
}
#caring-for-yourself  #emotional-second-buton
{
    max-width: 334px;
}
#caring-for-yourself #background-image-section .content-card-section .card-text.title
{
    margin-bottom:15px;
}

#caring-for-yourself .content-card-section .content-text-section ul
{
    margin-left: 35px;
}
#caring-for-yourself .last-list li::marker
{
    font-size: 22px;
    line-height: 24px;
}
#caring-for-yourself .cmp-container__backgroundImage--enabled:has(>#banner-content){
    background-position: right;
    background-size: 101%;
}
#caring-for-yourself #banner-content img.cmp-image__image.cmp-image--mobile
{
    border: 3px solid #ED9499;
    border-radius: 314.5px 315.5px 40px 40px;
}
/* desktop */
@media screen and (min-width: 992px)
{
   
   #caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #well-being-card.cmp-container > .aem-Grid {
    flex-direction: row;
    border: none;
    border-radius: none;
}

#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #well-being-card.cmp-container > .aem-Grid
{
    margin-top:0px;
}
#caring-for-yourself  #emotional-second-buton
{
    max-width: none;
}
#caring-for-yourself #banner-main-border #content-section-banner .breadcrumb. Pink-text
{
    margin-top: 27px;
}


    #caring-for-yourself #display-buttons > .aem-Grid 
    {
        gap: 0px;
    }
   #caring-for-yourself #main-section #banner-main-border .container:has(> #content-section-banner)
   {
       padding: 0px 20px 0px 20px;
   }
  #caring-for-yourself #banner-main-border #content-section-banner .breadcrumb.pink-text {
        margin-bottom: 30px;
    }
   
 #caring-for-yourself #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button) {
        margin: 30px 0 25px;
    }   
/*#caring-for-yourself #main-section {*/
/*        padding-top: 75px;*/
/*    }*/
    
   #caring-for-yourself #banner-main-text .cmp-title__text {
        margin-bottom: 10px;
    }
    
  #caring-for-yourself #banner-main-border .container:has(> #banner-image) {
        max-height: 556px;
        max-width: 553px;
    }

#caring-for-yourself #main-section #banner-main-border #banner-main-text span
{
        font: 400 64px / 70px "Open Sans", sans-serif;
}
#caring-for-yourself .cmp-container__backgroundImage--enabled
{
    margin:0px;
}

#caring-for-yourself #learn-more-card .content-card-section
{
    padding:40px 40px 25px 40px;
}

#caring-for-yourself #learn-more-card  .content-card-section .content-text-section ul {
    margin-left: 40px;
}

#caring-for-yourself #background-image-section #learn-more-card .content-card-section .card-text.title {
        margin-bottom: 15px;
    }
    
#caring-for-yourself #background-image-section
 {
    padding: 60px 16px 0px 16px;
    margin-top: 60px;
}

#caring-for-yourself .pinktext a
{
    letter-spacing:0.2px;
}

#caring-for-yourself #main-section .banner-sub-text {
        
         max-width: none; 
        letter-spacing: -0.2px;
    }
    
     #caring-for-yourself #caring-section
    {
        margin-top:60px;
    }
    
#caring-for-yourself   #caring-section  #card-1 .content-card-section
   {
       padding: 30px 0px 10px 40px;
       margin-bottom:0px;
   }
 #caring-for-yourself #main-card-grid #card-section .content-card-section .content-text-section {
        padding: 0px;
    }
    
   #caring-for-yourself #lady-img .image.aem-GridColumn {
    max-width: 506px;
    max-height: 549px;
}

#caring-for-yourself #lady-img .content-card-section .content-text-section ul {
    
    margin-left: 40px;
}

#caring-for-yourself #well-being-card
{
    margin-top: 60px;
}
#caring-for-yourself #well-being-card.content-card-section
{
    margin-bottom:0px;
    padding:30px 0px 30px 40px;
}


#caring-for-yourself #main-card-grid #well-being-card
{
    margin-top: 60px;
    border-radius: 250px 56px 56px 56px;
    border: 4px solid #E0E7F0;
    background: #FFF;
}
#caring-for-yourself #button-last-section > .aem-Grid {
    margin-bottom: 40px;
}
#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #well-being-card.cmp-container > .aem-Grid {
    flex-direction: row-reverse;
}
#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right) {
    border-radius: 56px 232px 56px 56px;
    flex-direction: row;
    max-height: 515px;
}
 #caring-for-yourself #caring-section #well-being-card .content-card-section {
        padding: 30px 40px 27px 0px;
        margin-bottom: 0px;
    }
    
   #caring-for-yourself #caring-section #well-being-card .content-card-section .content-text-section ul
   {
       margin-left:40px;
   }
   #caring-for-yourself #well-being-card .image.aem-GridColumn {
    max-width: 556px;
    max-height: 990px;
}
}

/*compatiblity*/
@media screen and (min-width:600px) and  (max-width:991px){
#caring-for-yourself #banner-image img.cmp-image__image.cmp-image--mobile {
    border: 3px solid #ED9499;
    border-radius: 500px 500px 51px 51px !important;
}

}

@media screen and (min-width: 992px) and (max-width:1400px)
{
    #caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right)
    {
        max-height: none;
    }
}

@media screen and (min-width: 320px) and (max-width:385px)
{
    #caring-for-yourself #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title {
    font-size: clamp(45px, 2vw, 45px) !important;
}

#main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right),
#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #well-being-card.cmp-container > .aem-Grid
{
    overflow: hidden;
}
}

@media screen and (min-width: 631px) and (max-width:991px)
{
#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right) {
    border-top-right-radius:400px !important;
   overflow: hidden;
}

#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #well-being-card.cmp-container > .aem-Grid
{
   border-top-left-radius:400px !important;
   overflow: hidden;  
}

#caring-for-yourself #emotional-second-buton
{
    max-width: unset;
}
}


@media screen and (min-width: 400px) and (max-width:630px)
{
#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right) {
    border-top-right-radius:230px !important;
   overflow: hidden;
}

#caring-for-yourself #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #well-being-card.cmp-container > .aem-Grid
{
  border-top-left-radius:210px !important;
   overflow: hidden;   
}
}