/*****  Understanding Clinical  *****/
/*****  Understanding Clinical *****/
/*mobile*/

.last-list {
    font: 400 22px / 30px "Open Sans", sans-serif;
}
#understanding-clicnical-trails #main-section #banner-main-border #banner-main-text span
{
    font: 400 45px / 55px "Open Sans", sans-serif;
    letter-spacing: 0px;
}
#understanding-clicnical-trails #main-section {
    padding-top: 0px;
}
#main-card-grid #card-section .content-card-section .content-text-section {
    margin-top: 25px;
}
#understanding-clicnical-trails #main-section #banner-main-border .container:has(> #content-section-banner)
   {
       order:1;
       
   }
   #understanding-clicnical-trails #main-section #banner-main-border .container:has(> #understanding-banner1)
   {
      order:2;
       
   }
   
    #understanding-clicnical-trails #main-section #banner-main-border .container:last-child:has(.banner-text-wrapper)  {
   order:unset;  
   padding: 0px 20px 25px 20px;
}
#understanding-clicnical-trails #main-section #banner-content #banner-main-border {
    padding: 150px 16px 25px 16px;
}
#understanding-clicnical-trails .content-card-section .content-text-section ul
{
    margin-left: 35px;
}
#understanding-clicnical-trails #main-section #banner-main-border .container:has(> #content-section-banner)
{
    padding:25px 20px 0px 20px;
}
#understanding-clicnical-trails #background-image-section #clinical .content-card-section .card-text
{
    letter-spacing: 0.2px;
}

#understanding-clicnical-trails #card-1 .content-card-section {
    margin-bottom: 25px;
    padding: 0px 8px 0px 8px;
}

#understanding-clicnical-trails #main-card-grid #card-section .content-card-section .content-text-section > .card-text
{
        font: 400 22px / 30px "Open Sans", sans-serif;
}

#understanding-clicnical-trails #card-2.content-card-section.border-image-right {
    padding: 0px 20px 0px 20px;
    margin-bottom:0px;
}
#understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid >  #lady-img.cmp-container > .aem-Grid {
        flex-direction: column-reverse;
        border-radius: 0 152px 56px 56px;
        margin-bottom: 25px;
    }
    
   #understanding-clicnical-trails  #main-card-grid #card-section > .aem-Grid > .container.responsivegrid >  #card-3.cmp-container > .aem-Grid {
        flex-direction: column-reverse;
        border-radius: 150px 0 56px 56px;
        margin-bottom:25px;
    }
    
  #understanding-clicnical-trails .content-card-section.border-image-right {
    margin-bottom: 0px;
    padding:0px 19px 25px 19px;
}
#understanding-clicnical-trails #background-image-section
{
    padding:35px 16px 0px 16px;
}
#understanding-clicnical-trails #previous-btn
{
    min-width: 333px;
}
#understanding-clicnical-trails .cmp-container__backgroundImage--enabled
{
    margin:0;
}
#understanding-clicnical-trails #button-last-section .aem-Grid .button a
{
    padding: 5px 9px;
}
#understanding-clicnical-trails #tripple .content-card-section {
    padding: 25px 29px 25px 28px;
}
#understanding-clicnical-trails #typical .content-card-section {
    padding: 25px 21px 25px 19px;
    letter-spacing: 0.1px;
}
#understanding-clicnical-trails #clinical .content-card-section {
    padding: 25px 20px 25px 20px;
}


#understanding-clicnical-trails  #background-image-section #typical .content-card-section .card-text,
#understanding-clicnical-trails  #background-image-section #tripple .content-card-section .card-text.title
{
    letter-spacing: 0px;
}

#understanding-clicnical-trails #clinical #background-image-section .content-card-section .card-text {
    letter-spacing: -0px;
}
#understanding-clicnical-trails #button-last-section .button.pink-gradient
{
    margin:0 auto;
}
#understanding-clicnical-trails #display-buttons
{
    margin-top:25px;
}
.mbl-break
{
    display:block;
}

#understanding-clicnical-trails .health_icon
{
    position: relative;
    top:3px;
    
}
#understanding-clicnical-trails #banner-main-text .cmp-title__text {
       
        margin-bottom: 10px;
    }
    
    #understanding-clicnical-trails .button:has(#download-button) {
        margin-top:25px;
        padding: 5px 15px;
    }
    
        #understanding-clicnical-trails #tripple .title {
        padding-bottom: 20px;
    }
    #understanding-clicnical-trails #banner-content img.cmp-image__image.cmp-image--mobile
{
    border: 3px solid #ED9499;
    border-radius: 314.5px 315.5px 40px 40px;
}
/* desktop start here */


@media screen and (min-width: 992px)
{
    #understanding-clicnical-trails #main-section 
{
    padding-top:0px;
}
    #understanding-clicnical-trails #banner-main-text .cmp-title__text {
       
        margin-bottom: 5px;
    }
    
   #understanding-clicnical-trails  #banner-content #banner-main-border > .aem-Grid
   {
       align-items: start;
       flex-wrap: wrap;
       justify-content: space-between;
       gap: 0;
   }
   
   #understanding-clicnical-trails #main-section #banner-main-border .container:has(> #content-section-banner)
   {
       max-width: 776px;
       order:0;
       
   }
   #understanding-clicnical-trails #main-section #banner-main-border .container:has(> #understanding-banner1)
   {
       max-width: 475px;
       order:0;
       
   }
   
    #understanding-clicnical-trails #main-section #banner-main-border .container:last-child:has(.banner-text-wrapper)  {
   max-width: 100%;
    padding: 5px 90px 0px 60px; 
    order: 0;
}

 #understanding-clicnical-trails .button:has(#download-button) {
    padding: 15px;
    min-width: 327px;
margin-bottom: 40px;
margin-top:0;
}  
#understanding-clicnical-trails #main-section .banner-sub-text
{
    max-width: none;
}
#understanding-clicnical-trails #main-section #banner-main-border #banner-main-text span
{
    font: 400 64px / 70px "Open Sans", sans-serif;
    
}
#understanding-clicnical-trails .cmp-container__backgroundImage--enabled
{
    background-size: contain;
}
#understanding-clicnical-trails #main-section #banner-content #banner-main-border
{
    padding:0px;
}
#main-card-grid #card-section .content-card-section .content-text-section {
    margin-top: 0px;
}
#understanding-clicnical-trails #lady-img .image.aem-GridColumn {
    max-width: 389px;
}

#understanding-clicnical-trails .health_icon
{
    position: relative;
    top:6px;
    
}
#understanding-clicnical-trails #button-last-section .aem-Grid .button a {
    padding: 5px 15px;
}
#understanding-clicnical-trails #previous-btn
{
    min-width: 338px;
}
#understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid >  #lady-img.cmp-container > .aem-Grid {
        flex-direction: row;
        border-radius: 56px 250px 56px 56px;
        max-height: 325px;
        
    }
    
   #understanding-clicnical-trails  #main-card-grid #card-section > .aem-Grid > .container.responsivegrid >  #card-3.cmp-container > .aem-Grid {
        flex-direction: row-reverse;
        border-radius: 246px 0 0 52px;
        
    }
.mbl-break
{
    display:none;
}
#understanding-clicnical-trails .content-card-section.border-image-right
{
    margin-bottom: 0px;
    padding: 0px;
}

#main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container > .aem-Grid {
    border-radius: 0 255px 52px 0;
}


#understanding-clicnical-trails #main-card-grid #card-section .content-card-section .content-text-section > .card-text {
    font: 400 27px / 40px "Open Sans", sans-serif;
}

#understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid >  #card-3.cmp-container > .aem-Grid {
        flex-direction: row-reverse;
        margin: 60px 0px;
    }
   #understanding-clicnical-trails #main-card-grid #card-section #card-1 .content-card-section .content-text-section {
        padding: 0px 40px 0px 40px;
    }
#understanding-clicnical-trails #card-1 .content-card-section
{
    margin:60px 0px;
    padding:0px;
}

 #understanding-clicnical-trails  #main-section
    {
        padding-top: 0px;
    }
    #understanding-clicnical-trails #banner-content
{
    padding-top:200px !important;
}

#understanding-clicnical-trails #background-image-section
{
        padding: 60px 16px 0px 16px;
}

#understanding-clicnical-trails #main-card-grid #card-section #card-2 .content-card-section .content-text-section {
    padding: 25px 0px 0px 40px;
}

#understanding-clicnical-trails #main-card-grid #card-section #lady-img .content-card-section .content-text-section {
    margin-top: 0px;
}
#understanding-clicnical-trails #main-card-grid #card-section #lady-img .aem-Grid
{
    max-height: 403px;
}

#understanding-clicnical-trails #main-card-grid #card-section #card-3 .image.aem-GridColumn.aem-GridColumn--default--12
{
    max-width: 517px;
    max-height: 429px;
}

#understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-3.cmp-container > .aem-Grid
{
   border-radius: 250px 56px 56px 56px; 
}

#understanding-clicnical-trails #main-card-grid #card-section #card-3 .content-card-section .content-text-section {
    padding: 30px 40px 0px 0px;
}

#understanding-clicnical-trails #main-card-grid #card-section #card-3 .content-card-section .content-text-section {
     margin-top: 0px; 
}

/*#understanding-clicnical-trails #card-3 .aem-Grid*/
/*{*/
/*    max-height:433px;*/
/*}*/

#understanding-clicnical-trails #background-image-section #tripple .content-card-section .content-text-section {
        padding: 32px 37px;
    }
    
    #understanding-clicnical-trails #tripple .title {
        padding-bottom: 20px !important;
    }
    #understanding-clicnical-trails #background-image-section .content-card-section .card-text {
        font: 400 27px / 40px "Open Sans", sans-serif;
    }
     #understanding-clicnical-trails #background-image-section .content-card-section .card-text.title {
        font: 400 45px / 48px "Open Sans", sans-serif;
    }
    
        #understanding-clicnical-trails #background-image-section #typical .content-card-section .content-text-section {
        padding: 35px;
    }
    
     #understanding-clicnical-trails #background-image-section #clinical .content-card-section .content-text-section {
        padding: 32px 38px;
    }
    
        #understanding-clicnical-trails .content-card-section .content-text-section ul li {
        font-size: 27px;
        line-height: 40px;
    }
    
    .last-list {
    font: 400 27px / 40px "Open Sans", sans-serif;
}

#understanding-clicnical-trails  #tripple .content-card-section {
    margin-bottom: 60px;
     padding: 0px;
}
#understanding-clicnical-trails #typical .content-card-section {
    padding: 0px;
    margin-bottom: 60px;
}

#understanding-clicnical-trails .content-card-section .content-text-section ul
{
    margin-left: 40px;
}

#understanding-clicnical-trails .cmp-container__backgroundImage--enabled
{
    margin:0px;
}

 #understanding-clicnical-trails  #clinical .content-card-section {
    margin-bottom: 40px;
     padding: 0px;
}

#understanding-clicnical-trails #button-last-section #pink-btn .aem-Grid
{
    display:flex;
}
#understanding-clicnical-trails #button-last-section .button.pink-gradient
{
    margin:0;
}
#understanding-clicnical-trails #display-buttons
{
    margin-top:0px;
}

.mb-30
{
    margin-bottom: 30px;
}
  #understanding-clicnical-trails #main-section #banner-main-border .container:has(> #content-section-banner){
       padding: 3px 20px 0px 20px;
    }
}

/*global*/
#understanding-clicnical-trails #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;
    letter-spacing: 0px;
}
#understanding-clicnical-trails .cmp-text
{
    padding:0px;
}
.mb-15
{
    margin-bottom:15px !important;
}

#understanding-clicnical-trails .pinktext a {
    color: #AD5C6D;
    text-decoration:underline;
}

/*compatiblity*/

@media screen and (min-width:320px) and  (max-width:385px){
    #understanding-clicnical-trails #main-section #banner-main-border #banner-main-text span
    {
        font-size: clamp(37px, 2vw, 45px) !important;
    }
    #understanding-clicnical-trails #background-image-section .content-card-section .card-text.title
    {
        font-size: clamp(42px, 2vw, 45px) !important;
    }
    #understanding-clicnical-trails #previous-btn
    {
        min-width: unset !important;
    }
    
    #understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container > .aem-Grid,
    #understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-3.cmp-container > .aem-Grid
    {
        overflow: hidden;
    }
    
    
    #understanding-clicnical-trails .pinktext a
    {
        word-wrap: break-word !important;
    }
}

@media screen and (min-width:600px) and  (max-width:991px){
#understanding-clicnical-trails #banner-content img.cmp-image__image.cmp-image--mobile {
    border: 3px solid #ED9499;
    border-radius: 480px 480px 50px 50px !important;
}
}

@media screen and (min-width:992px) and (max-width: 1400px)
{
    #understanding-clicnical-trails #main-card-grid #card-section #lady-img .aem-Grid {
         max-height: unset; 
         padding-bottom: 20px;
    }
    
    #understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container > .aem-Grid
    
    
    {
        max-height: unset;
    }
    
    #understanding-clicnical-trails #main-card-grid #card-section #card-3 .content-card-section .content-text-section
    {
        padding-bottom: 20px;
    }
    
}


@media screen and (min-width:992px) and (max-width:1400px) {
    
    #understanding-clicnical-trails #main-section #banner-main-border .container:has(> #content-section-banner) {
        max-width: 45vw;
    }
 
    #understanding-clicnical-trails #main-section #banner-main-border .container:has(> #understanding-banner1) {
        max-width: 40vw;
    }
}


@media screen and (min-width: 631px) and (max-width:991px)
{
#understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container > .aem-Grid
{
   border-top-right-radius: 485px !important;
   overflow: hidden;
}
#understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-3.cmp-container > .aem-Grid
{
    border-top-left-radius: 450px !important;
   overflow: hidden;
}
}


@media screen and (min-width: 400px) and (max-width:630px)
{
#understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #lady-img.cmp-container > .aem-Grid
{
   border-top-right-radius: 250px !important;
   overflow: hidden;
}
#understanding-clicnical-trails #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > #card-3.cmp-container > .aem-Grid
{
   border-top-left-radius: 250px !important;
   overflow: hidden; 
}
}