/*#healty-habits #main-section {*/
/*    padding-top: 59px;*/
/*}*/



#healty-habits .content-card-section.border-top-right{
   background-color: #FAF3F7;
   border: none;
}  
#healty-habits #main-card-grid #card-section #card-1 .content-card-section .content-text-section {
    padding: 15px 20px 33px;
}

#healty-habits #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title{
    font: 400 45px / 50px "Open Sans", sans-serif;
    /*letter-spacing:3px;*/
} 

#healty-habits #main-card-grid #card-section #card-2 .content-card-section .content-text-section,
#healty-habits #main-card-grid #card-section .content-card-section .content-text-section{
        margin-top:0;
    } 
#healty-habits #card-section > .aem-Grid {
        gap: 25px;
        display: flex;
        flex-direction: column;
    }

#healty-habits #main-card-grid #card-section .content-card-section .content-text-section > .card-text,
#healty-habits #main-section .banner-sub-text{
        font: 400 22px / 30px "Open Sans", sans-serif;
       
    }

#healty-habits .list-space {
        padding: 8px 0 10px;
    }
#healty-habits .content-card-section .content-text-section ul {
    margin-left: 32px;
} 
#healty-habits .content-card-section .content-text-section  ul li::marker,
#healty-habits .bullet-columns ul li::marker{
    font-size:18px;
    line-height: 22px;
}
#healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right){
    border: 4px solid #E0E7F0;
}
#healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right) {
    border: 4px solid #e0e7f0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 124px;
    flex-direction: column-reverse;
}

#healty-habits .cmp-text{
    padding: 0;
}

#healty-habits .content-card-section,
#healty-habits #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button){
    margin-bottom: 0;
}
#healty-habits #main-card-grid #card-section #card-2 .content-card-section .content-text-section {
    padding:11px 20px 20px;
}


#healty-habits .content-card-section{
    padding:0;
}  
#healty-habits #lady-img p.card-text.title {
        padding-bottom: 8px;
    }

#healty-habits #main-card-grid #card-section #card-3 .content-card-section .content-text-section {
    padding:13px 20px 12px;
}

#healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(#card-4 .content-card-section.border-image-right){
    border-top-left-radius: 123px; 
     border-top-right-radius: 0; 
}
#healty-habits .content-card-section.border-top-right{
    border-top-right-radius:120px;
}
#healty-habits #card-3 .content-card-section.border-top-right{
    border-top-right-radius:150px;
    border-top-left-radius:56px;
    border-bottom-left-radius:56px;
    border-bottom-right-radius:56px;
}
#healty-habits #main-card-grid #card-section #card-4 .content-card-section .content-text-section,
#healty-habits #main-card-grid #card-section #card-5 .content-card-section .content-text-section{
    padding: 13px 20px 20px;
}

#healty-habits #button-last-section .button:nth-of-type(2).pink-gradient {
    margin-bottom: 0;
}
#healty-habits #main-section #banner-main-border #banner-main-text {
    margin-bottom: 8px;
} 
#healty-habits .bullet-columns{
    padding-top:5px;
    padding-bottom: 9px;
}
/* Desktop CSS start */

@media (min-width: 992px) {
/*#healty-habits #main-section {*/
/*    padding-top: 75px;*/
/*}*/
#healty-habits #banner-main-border .container:has(> #banner-image) {
        max-width: 480px;
        max-height: 737px;
    }
#healty-habits #banner-content #banner-main-border > .aem-Grid {
        gap: 40px;
}
#healty-habits #main-section #banner-main-border #banner-main-text span {
        font: 400 64px / 70px "Open Sans", sans-serif;
}
#healty-habits #main-section .banner-sub-text {
        max-width: none;
    }
    
#healty-habits #main-section #banner-main-border #banner-main-text {
    margin: 0px 0px 12px 0px;
}  
#healty-habits #banner-main-text .cmp-title__text {
        margin-bottom: 0px;
    }            
 
#healty-habits .content-card-section.border-top-right,
#healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(#card-4 .content-card-section.border-image-right),
#healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right) {
    flex-direction: row;
    border-top-right-radius: 250px;
    border-top-left-radius: 56px;
    border-bottom-right-radius:56px;
    border-bottom-left-radius:56px;
    
}    

  
    
#healty-habits #main-card-grid #card-section #card-2 .content-card-section .content-text-section {
        padding: 26px 38px 0px 40px;
    } 

#healty-habits #main-card-grid #card-section #card-5 .content-card-section .content-text-section{
    padding: 32px 40px;
}
#healty-habits #main-card-grid #card-section #card-1 .content-card-section .content-text-section
{
  padding: 32px 75px 32px 40px;   
}

#healty-habits .content-card-section .content-text-section ul {
    margin-left: 42px;
}   
  
#healty-habits .list-space{
  padding:12px 0 20px;  
}    


 #healty-habits #card-section .container.responsivegrid:has(.content-card-section.border-image-right) .image{
     max-width: 481px;
     max-height:354px;
 }
#healty-habits #card-section .container.responsivegrid:has(#card-4 .content-card-section.border-image-right) .image {
        max-width: 508px;
        max-height:394px;
}
#healty-habits #lady-img p.card-text.title{
    padding-bottom:12px;
}



#healty-habits #card-section > .aem-Grid {
        gap: 60px;
        margin-top: 60px;
        /*display: flex;*/
        /*flex-direction: column;*/
    }
#healty-habits .bullet-columns {
    display: flex;
    gap: 108px;
  }
#healty-habits .content-card-section .content-text-section  ul li::marker,
#healty-habits .bullet-columns ul li::marker{
    font-size:25px;
    line-height: 27px;
}


#healty-habits #main-card-grid #card-section #card-3 .content-card-section .content-text-section{
    padding: 29px 40px 10px;
    
}
#healty-habits #main-card-grid #card-section #card-4 .content-card-section .content-text-section {
        padding: 28px 0px 19px 40px;
    }
#healty-habits .bullet-columns.card-text{
   padding-bottom: 8px; 
   padding-top:0;
}
#healty-habits #main-card-grid #card-section #card-5,
#healty-habits #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button){
   margin-bottom: 40px;
    
}

#healty-habits #main-card-grid #card-section .content-card-section .content-text-section > .card-text,
#healty-habits #main-section .banner-sub-text{
    font-size: 27px;
    line-height: 40px;
}
#healty-habits #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title{
    font: 400 45px / 55px "Open Sans", sans-serif;
    /*letter-spacing:3px;*/
} 
}

 @media screen and (min-width:425px) and  (max-width:441px){
#healty-habits #card-3 .content-card-section.border-top-right .content-text-section .card-text.title{
    padding-right:29px!important;
}
#healty-habits #card-1 .content-card-section.border-top-right .content-text-section .card-text.title{
    padding-right:10px!important;
}

 }



@media screen and (min-width:320px) and  (max-width:385px){
     #healty-habits #button-last-section {
   margin-left: 16px;
    margin-right: 16px;
}
 #healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right),
      #healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(#card-4 .content-card-section.border-image-right){
        overflow: hidden;
    }
}
@media screen and (min-width:400px) and  (max-width:600px){
    #healty-habits #main-card-grid #card-section .content-card-section .content-text-section > .card-text.title{
        font-size: clamp(38px, 2vw, 45px) !important;
    }

}
@media screen and (min-width:992px) and  (max-width:1300px){
     #healty-habits #button-last-section {
   margin-left: 25px;
    margin-right: 13px;
}

}
@media screen and (min-width: 631px) and (max-width:767px)
{
     #healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(#card-4 .content-card-section.border-image-right) {
    border-top-left-radius: 249px !important;
    border-top-right-radius: 0 !important;
     overflow: hidden;
}
}
@media screen and (min-width: 631px) and (max-width:991px)
{
#healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right) {
    border-top-right-radius: 485px !important;
    overflow: hidden;
}
}

@media screen and (min-width: 768px) and (max-width:991px)
{
   #healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(#card-4 .content-card-section.border-image-right) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 460px !important;
     overflow: hidden;
} 
}

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

@media screen and (min-width:992px) and  (max-width:1100px){
        #healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right),
      #healty-habits #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(#card-4 .content-card-section.border-image-right){
        overflow: hidden;
    }

}
@media screen and (min-width:992px) and  (max-width:1400px){
        #healty-habits #main-card-grid #card-section #card-2 .content-card-section .content-text-section{
        padding-bottom:20px!important;
    }
}


 @media screen and (min-width:335px) and  (max-width:359px){

#healty-habits #card-1 .content-card-section.border-top-right .content-text-section .card-text.title{
    padding-right:25px!important;
}

 }
 @media screen and (min-width:384px) and  (max-width:385px){

#healty-habits #card-1 .content-card-section.border-top-right .content-text-section .card-text.title{
    padding-right:25px!important;
}

 }
 @media screen and (min-width:442px) and  (max-width:456px){

#healty-habits #card-1 .content-card-section.border-top-right .content-text-section .card-text.title{
    padding-right:25px!important;
}

 }

  @media screen and (min-width:379px) and  (max-width:385px){

#healty-habits #card-3 .content-card-section.border-top-right .content-text-section .card-text.title{
    padding-right:40px!important;
}
}
 @media screen and (min-width:442px) and  (max-width:464px){

#healty-habits #card-3 .content-card-section.border-top-right .content-text-section .card-text.title{
    padding-right:40px!important;
}

 }
 @media screen and (min-width:861px) and  (max-width:885px){
#healty-habits #main-card-grid #card-section #card-1 .content-card-section .content-text-section > .card-text.title{
    padding-right:25px!important;
}
 }
  @media screen and (min-width:1148px) and  (max-width:1183px){
#healty-habits #main-card-grid #card-section #card-1 .content-card-section .content-text-section > .card-text.title{
    padding-right:36px!important;
}
 }
 @media screen and (min-width:1062px) and  (max-width:1097px){
#healty-habits #main-card-grid #card-section #card-1 .content-card-section .content-text-section > .card-text.title{
    padding-right:36px!important;
}
 }