/*****  Understanding MBC subpages  *****/
/** Questions about MBC starts here **/
#questions-about-mbc
  #main-card-grid
  #card-section
  .container.responsivegrid.blue-background
  .content-card-section {
  border-radius: 30px;
}
#understanding-biomarkers .content-text-section {
    padding: 25px 20px;
}

#understanding-mbc #main-section #banner-main-border #banner-main-text {
    margin-bottom: 10px;
}
#understanding-biomarkers #pink-btn .aem-Grid .button {
    margin-left: auto;
    margin-right: auto;
}
.button:has(#download-button)::after
#understanding-biomarkers #main-card-grid #card-section.content-card-section.content-text-section > .card-text {
  font: 400 22px / 30px "Open Sans", sans-serif;
}

#understanding-biomarkers #understanding-card3 .content-text-section
{
  padding: 0px;
}
#understanding-biomarkers #background-image-section {
    padding: 25px 16px 0px 16px;
}
#understanding-biomarkers #main-card-grid {
        padding: 25px 16px 25px 16px;
    }

#understanding-biomarkers .learn-more
{
    margin:20px auto;
}
#understanding-biomarkers #image-border-new .content-text-section {
    padding: 30px 20px 0px 25px;
}
#understanding-biomarkers div#image-border-new
{
  margin-top: 25px;
}

#understanding-biomarkers #image-border-new
{
  background: #fff;
  padding-bottom: 10px;
  border-bottom-left-radius: 56px;
  border-bottom-right-radius: 56px;
  border-top-right-radius: 200px
}
/*#understanding-biomarkers #image-border-new .aem-Grid*/
/*{*/
/*    background: #fff;*/
/*    border-top-right-radius: 200px;*/
    
/*}*/
#understanding-biomarkers p.banner-subhead.banner-sub-text {
    letter-spacing: 0.2px;
} 
.ls-1
{
    letter-spacing: -1.98px;
}

.ls-2
{
  letter-spacing: -0.902px;  
}

.list-space
{
    padding-bottom:30px;
}
#understanding-biomarkers #understanding-card1 p.card-text.title.list-space
     {
        padding-bottom: 25px !important;
     }

#understanding-biomarkers #understanding-card1 p.card-text.title
{
    padding-bottom: 15px;
}

#subtypes-of-mbc .button:has(#download-button)
{
    min-height:45px;
}
#subtypes-of-mbc p.card-text.list-space
{
    letter-spacing:-1.01px;
}
#subtypes-of-mbc #main-section .banner-sub-text #main-card-grid .card-section-grid .card-text-sub
{
    letter-spacing:-2.0px;
}


/*#understanding-biomarkers #understanding-card1 .content-text-section*/
/*{*/
/*    width: 1300px !important;*/
/*    max-width: 1300px !important;*/
/*    height: 382px !important;*/
/*    box-sizing: border-box;*/
/*    padding: 30px 40px;*/
/*}*/


#understanding-biomarkers #image-border-new>.aem-Grid{
    flex-direction:column;
}
#understanding-biomarkers .section-card .content-number-section 
{
    background: linear-gradient(
    to bottom right,
    #ac9162 10%,
    #998f85 50%,
    #748f88 100%
  );
  border-radius: 40px;
    margin:0px;
     min-width: 78px;
    min-height: 96px;
}

 .pb-36 {
        margin-top: 30px;
    }
#understanding-biomarkers #background-image-section .content-card-section .card-text.title {
    margin-bottom:0;
}
#understanding-biomarkers .pb-36{
    padding-bottom: 0 !important;
}
#understanding-biomarkers #understanding-card3 .content-card-section .section-card{
    padding: 20px 16px !important;
}
 
#understanding-biomarkers .content-card-section .content-text-section ul {

    margin-left: 34px;
    margin-top: 15px;

}

#understanding-biomarkers #pink-btn .aem-Grid .button {
    margin-left: auto;
    margin-right: auto;
}
 
#background-image-section {

    padding: 60px 16px 0px 16px;

}

#subtypes-of-mbc #button-last-section .aem-Grid .button a
{
letter-spacing:-0.1px;
}

#subtypes-of-mbc #pink-btn .back-btn
{
margin-left: 15px;
}
#understanding-biomarkers #main-section #banner-main-border #banner-main-text {
    margin: 0px 0px 10px 0px !important;
}
#understanding-biomarkers #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button){
    margin-bottom:0;
}
#questions-about-mbc #banner-image img.cmp-image__image.cmp-image--mobile
{
    border: 3px solid #ED9499;
    border-radius: 314.5px 315.5px 40px 40px;
}

#questions-about-mbc .content-card-section .content-text-section ul {
    margin-left: 25px;
}
#subtypes-of-mbc #main-section .banner-sub-text
{
    padding-top: 10px;
}

@media screen and (min-width: 992px)
{
    #understanding-mbc #main-section #banner-main-border #banner-main-text {
    margin-bottom:0;
}
  #understanding-biomarkers #background-image-section .content-card-section .card-text
  {
  font: 400 27px / 40px "Open Sans", sans-serif;
} 

  #subtypes-of-mbc  #main-section #banner-main-border #banner-main-text span {
       font-size: 64px !important;
       line-height: 70px !important;
       letter-spacing: -2.1px !important;
       font-weight: 400;
    }
#subtypes-of-mbc .mt-40
{
    margin-top:20px !important;
}
#subtypes-of-mbc #pink-btn.cmp-container > *:first-child 
{
margin-left:15px;
}
#understanding-biomarkers ul li::marker {
    font-size: 22px;
    line-height: 30px;
}
#understanding-biomarkers #card-section #image-border-left {
    max-height: 517px;
    overflow: hidden;
}
#understanding-biomarkers #understanding-banner1 .image.aem-GridColumn
{
    max-height:597px;
}
#understanding-biomarkers #main-section #banner-main-border #banner-main-text span
{
    font: 400 64px / 70px "Open Sans", sans-serif;
}

#background-image-section .content-text-section.background {
  background-color: #fff;
  border-radius: 50px;
  max-height:283px;
}
#subtypes-of-mbc #main-card-grid #card-section #card-1 .content-card-section .content-text-section
{
  padding: 37px 40px;
}
#subtypes-of-mbc #tripple .content-card-section {
    max-height: 243px;
    min-width: 1300px;
}

#subtypes-of-mbc #typical .title
{
    padding-bottom: 17px !important;
}
  
  #subtypes-of-mbc #typical .content-card-section {
    max-height: 382px;
}

#subtypes-of-mbc #background-image-section #typical .content-card-section .content-text-section
{
    padding: 35px;
}

#subtypes-of-mbc #tripple .title {
    padding-bottom: 20px !important;
}

#subtypes-of-mbc #background-image-section #tripple .content-card-section .content-text-section {
    padding: 35px 37px;
}
 #understanding-biomarkers #background-image-section #image-border-new .content-card-section .card-text
{
font: 400 27px / 39px "Open Sans", sans-serif;
}
#understanding-biomarkers #background-image-section #image-border-new .content-card-section p.card-text.title
{
font: 400 45px / 45px "Open Sans", sans-serif;
}
#understanding-biomarkers ul.subtypes-list.card-text {
    padding-top: 0px;
}
#understanding-biomarkers #pink-btn .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 {
    display: flex;
    justify-content: end;
}
#understanding-biomarkers #image-border-new .content-text-section
{
    padding: 31px 20px 21px 40px;
}

.mobile-break
{
    display:none;
}
  #understanding-biomarkers #image-border-new>.aem-Grid
   {
      display: flex;
        align-items: stretch;
        flex-direction: row-reverse;
        margin-top: 50px;
   }
  
   #understanding-biomarkers .button:has(#download-button)::after {
    right: 16px;
    top: 13px;
}
  #subtypes-of-mbc .button:has(#download-button)::after {
    right: 16px;
    top: 13px;
}

#types-of-therapy .button:has(#download-button)::after
{
        right: 15px;
        top: 20px;
}

  #questions-about-mbc #banner-content #banner-main-border > .aem-Grid {
    max-height: 557px;
  }
  #questions-about-mbc #banner-main-border .container:has(> #banner-image) {
    max-width: 564px;
    max-height: 559px;
  }
  #questions-about-mbc #main-card-grid #card-section .content-card-section > .content-number-section > .content-card-number
  {
      min-width: 114px;
    font-family: "scotch-display";
    text-align: center;
  }
  #questions-about-mbc #banner-main-border #content-section-banner .breadcrumb.pink-text {
        margin-bottom: 30px;
    }

     #questions-about-mbc #main-section #banner-main-border #banner-main-text span
    {
     font: 400 64px / 70px "Open Sans", sans-serif;
    }
    .list-space
    {
        padding-bottom:20px;
    }
 
}

/** Questions about MBC ends here **/
/**  Subtypes of MBC starts here  **/
/* breadcrumb starts here */
.cmp-breadcrumb--horizantal__hide-mobile {
  display: block !important;
}
#banner-main-border
  #content-section-banner
  .breadcrumb.pink-text
  .cmp-breadcrumb__list {
  padding: 0;
}
.cmp-breadcrumb--horizantal .cmp-breadcrumb__item {
  padding: 0;
}

#banner-main-border #content-section-banner .breadcrumb.pink-text {
  margin-bottom: 18px;
}
.cmp-breadcrumb__list {
  margin: 0;
}

#banner-main-border
  #content-section-banner
  .breadcrumb.pink-text
  .cmp-breadcrumb__item
  > .cmp-breadcrumb__item-link,
#content-section-banner .breadcrumb .cmp-breadcrumb__item {
  padding: 0;
}
.cmp-breadcrumb__item .cmp-breadcrumb__item-link {
  font-size: 20px;
  font-weight: 700;
}

/* breadcrumb ends here  */
/* download button */
#understanding-biomarkers #content-section-banner .button:has(#download-button)
{
min-height:45px;
}

.button:has(#download-button) {
  min-height: 45px;
  min-width: 318px;
  padding: 0 0 0 25px;
  position: relative;
}
.button:has(#download-button) .cmp-button__text {
  font: 600 18px / 30px "Open Sans", sans-serif;
}
.button:has(#download-button)::after {
  background-image: url("/content/dam/intelligentcontent/unbranded/ic-lbp/us/en/images/common/mobile/download-icon-mobile.png");
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  right: 25px;
  top: 14px;
  width: 17px;
}
.button:has(#download-button):hover::after {
  background-image: url("/content/dam/intelligentcontent/unbranded/ic-lbp/us/en/images/common/desktop/download-white-icon.png");
}
/* download button ends here */
#banner-main-border
  #content-section-banner
  .button:has(#download-button)
  .cmp-button {
  padding: 0;
}

#banner-main-border
  #content-section-banner
  .button.pink-gradient:has(#download-button) {
  display: flex;
  align-items: center;
  margin: 25px 0 23px;
}

#questions-about-mbc #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button)
{
    margin:20px 0px 20px 0px;
}


#subtypes-of-mbc #banner-main-border
  #content-section-banner
  .button.pink-gradient:has(#download-button) {
  display: flex;
  align-items: center;
  margin: 25px 0px 0px 0px;
}
#subtypes-of-mbc #banner-main-text .cmp-title__text {
  margin: 0;
}
 
#background-image-section {
  padding: 60px 16px;
}

#subtypes-of-mbc #card-section > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.content-card-section.border-top-right {
  border: 4px solid #e0e7f0;
  border-radius: 40px;
  border-top-right-radius: 70px;
  
}
#subtypes-of-mbc
  #main-card-grid
  #card-section
  .content-card-section
  .content-text-section {
  margin: 0;
}


#subtypes-of-mbc
  #main-card-grid
  #card-section
  .content-card-section
  .content-text-section
  > .card-text.title,
#understanding-biomarkers
  #main-card-grid
  #card-section
  .content-card-section
  .content-text-section
  > .card-text.title {
  font-size: 45px;
  /*letter-spacing: 3px;*/ /* will be active once the proper font family is rendering */
  line-height: 55px;
}



#subtypes-of-mbc
  #main-card-grid
  #card-section
  .content-card-section
  .content-text-section
  > .card-text {
  font-size: 22px;
}



#subtypes-of-mbc .card-text.title {
  margin-bottom: 0px;
}
.content-card-section .content-text-section ul {
  list-style: disc;
  margin-left: 13px;
}
#subtypes-of-mbc .content-card-section .content-text-section ul {
  margin-left: 35px;
}
#subtypes-of-mbc .content-card-section .content-text-section ul li {
  font: 400 22px / 30px "Open Sans", sans-serif;
}
#subtypes-of-mbc  #card-1 .content-card-section .content-text-section ul li,
#subtypes-of-mbc #main-card-grid #card-section #card-1 .content-card-section .content-text-section > .card-text
{
  letter-spacing: 0px;
}
#subtypes-of-mbc #main-section .banner-sub-text{
    max-width: none;
}
#subtypes-of-mbc .content-text-section p:has(.underline) {
  font-size: 22px;
  line-height: 30px;
  margin-top: 30px;
  font-family: "Open Sans";
}
#subtypes-of-mbc .underline {
  color: #ad5c6d;
  text-decoration: underline;
  font-weight: 400;
}
#subtypes-of-mbc .underline:hover {
  text-decoration: none;
}
#subtypes-of-mbc
  #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: 56px;
  border-bottom-right-radius: 56px;
  border-top-right-radius: 150px;
  flex-direction: column-reverse;
}
#card-section #image-border-left {
  border: 4px solid #e0e7f0;
  border-bottom-left-radius: 56px;
  border-bottom-right-radius: 56px;
  border-top-left-radius: 152px;
}

#understanding-biomarkers #card-section #image-border-left
{
   border-radius: 250px 70px 56px 56px; 
}

#subtypes-of-mbc
  #background-image-section
  > .aem-Grid
  > .container.responsivegrid
  > .cmp-container
  > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
#background-image-section .content-card-section {
  background-color: #fff;
  border-radius: 56px;
}
#background-image-section .content-card-section .card-text.title {
  font-size: 45px;
  /*letter-spacing: 3px;*/ /* will be active once the proper font family is rendering */
  line-height: 50px;
}
#background-image-section .content-card-section .card-text {
  font: 400 22px / 30px "Open Sans", sans-serif;
}
#subtypes-of-mbc
  #button-last-section
  > .aem-Grid
  > .container.responsivegrid
  > .cmp-container
  > .aem-Grid {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#button-last-section .button {
  min-height: 40px;
}
#button-last-section .aem-Grid .button a {
  font: 600 18px / 30px "Open Sans", sans-serif;
}
#subtypes-of-mbc #button-last-section {
  margin-left: -14px;
}
#subtypes-of-mbc #display-buttons {
  min-width: 375px;
}
/* Display Three Butons */
#display-buttons > .aem-Grid {
  align-items: center;
  display: flex;
  flex-direction: column;
}
#subtypes-of-mbc .content-card-section
{
    margin-bottom:0px;
    padding: 25px 20px;
}
 #subtypes-of-mbc div#pink-btn
  {
      margin-top:20px;
  }
  
 #subtypes-of-mbc #banner-main-border #content-section-banner .breadcrumb.pink-text
 {
     margin-bottom:0;
 }
 #subtypes-of-mbc div#background-image-section
 {
     margin: 25px 0px 0px 0px;
 }
  
  #subtypes-of-mbc #background-image-section
  {
      padding: 0px 16px 0px 16px;
  }
#understanding-mbc #button-last-section .aem-Grid .button:nth-of-type(2) a {
  padding: 5px 11.5px;
}
#understanding-mbc  #button-last-section .button:nth-of-type(2).pink-gradient {
        margin-bottom:0;
    }
    
    #understanding-biormarkers p.card-text.title {
    margin-bottom: 0px;
}
#questions-about-mbc #button-last-section > .aem-Grid
{
    margin-bottom:0px;
}
#questions-about-mbc #main-section #banner-main-border #banner-main-text
 {
     margin-bottom: 10px;
 }
 
 #subtypes-of-mbc #main-section #banner-main-border #banner-main-text span
{
    font-size: 45px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #000;
}
    
/* Desktop starts here */
@media screen and (min-width: 992px) {
  /*#banner-main-border*/
  /*  #content-section-banner*/
  /*  .breadcrumb.pink-text*/
  /*  .cmp-breadcrumb__item*/
  /*  > .cmp-breadcrumb__item-link,*/
  /*#content-section-banner .breadcrumb .cmp-breadcrumb__item {*/
  /*  padding: 6px;*/
  /*}*/
  #understanding-mbc .button.pink-gradient:has(#what-generic){
    margin-top: 80px;
}


   #subtypes-of-mbc #banner-main-border #content-section-banner .breadcrumb.pink-text
 {
     margin-bottom:26px;
 }
  #subtypes-of-mbc #card-section > .aem-Grid {
    gap: 60px;
    margin-top: 60px;
  }
  #subtypes-of-mbc .content-card-section
  {
      margin-bottom:0;
      padding:0px;
  }
  #understanding-biomarkers #understanding-card3 .content-card-section .section-card {
    padding: 35px 40px;
}
   #subtypes-of-mbc div#background-image-section
 {
     margin: 0px;
 }
 #questions-about-mbc #button-last-section > .aem-Grid
{
    margin-bottom:25px;
}
#questions-about-mbc .content-card-section .content-text-section ul {
    margin-left: 29px;
}
   #subtypes-of-mbc div#pink-btn
  {
      margin-top:20px;
  }
  #subtypes-of-mbc #background-image-section
{
    padding: 0px 16px;
}
 
  #subtypes-of-mbc
    #main-card-grid
    #card-section
    > .aem-Grid
    > .container.responsivegrid
    > .cmp-container
    > .aem-Grid:has(.content-card-section.border-image-right) {
    border-radius: 56px;
    border-top-right-radius: 360px;
    border-bottom-right-radius: 80px;
    flex-direction: row;
    max-height: 298px;
  }
  #subtypes-of-mbc #card-section #image-border-left {
    border-radius: 56px;
    border-bottom-left-radius: 60px;
    border-top-left-radius: 255px;
    margin-bottom: 60px;
  }
  #subtypes-of-mbc
    #button-last-section
    > .aem-Grid
    > .container.responsivegrid
    > .cmp-container
    > .aem-Grid {
    flex-direction: row;
    justify-content: space-between;
  }
  #understanding-biomarkers .container:has(>#understanding-banner1)
{
    max-width:531px;
}
  #subtypes-of-mbc
    #main-card-grid
    #card-section
    .content-card-section.border-list
    .content-text-section {
    padding: 40px 43px 40px 37px;
  }
  #subtypes-of-mbc
    #main-card-grid
    #card-section
    .content-card-section.border-image-right
    .content-text-section {
    padding: 25px 0 40px 29px;
  }
  
  #subtypes-of-mbc .underline b
  {
      font-weight:bold;
  }
  #subtypes-of-mbc #lady-img p.card-text.title
  {
      padding-bottom: 15px !important;
      font-size: 45px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 49px !important;
  }
  
  /*#subtypes-of-mbc #image-border-left .title*/
  /*{*/
  /*  padding-bottom: 29px !important;  */
  /*}*/
  #subtypes-of-mbc #image-border-left .image {
    max-height: 490px;
    max-width: 515px;
  }
  #subtypes-of-mbc #image-border-left .image img {
    min-height: 515px;
  } 
  #subtypes-of-mbc #main-card-grid #card-section #image-border-left .content-card-section .content-text-section
  {
      margin-bottom: 25px;
  }
 
  #subtypes-of-mbc #background-image-section
{
    padding: 40px 70px 40px 70px;
}
  #understanding-biomarkers .section-card .content-number-section {
  background: linear-gradient(
    to bottom right,
    #ac9162 10%,
    #998f85 50%,
    #748f88 100%
  );
  border-radius: 40px;
  margin: 0 0 0 25px;
  min-height: 100px;
  min-width: 81px;
}
#understanding-biomarkers #understanding-card3 .content-text-section {
    padding: 35px 35px 35px 0px;
}
  
  #subtypes-of-mbc
    #main-card-grid
    #card-section
    > .aem-Grid
    > .container.responsivegrid
    > .cmp-container
    > #image-border-left
    > .aem-Grid {
    gap: 42px;
  }
  #subtypes-of-mbc
    #main-card-grid
    #card-section
    .content-card-section.border-image-left
    .content-text-section {
    padding: 0px 40px 0px 0px;
  }
  
  #subtypes-of-mbc
    #main-card-grid
    #card-section
    .content-card-section
    .content-text-section
    > .card-text {
    font-size: 27px;
  }
  #subtypes-of-mbc .content-card-section .content-text-section ul li {
    font-size: 27px;
    line-height: 40px;
  }
  #subtypes-of-mbc
    #background-image-section
    .content-card-section
    .content-text-section {
    padding: 40px;
  }
  #subtypes-of-mbc #background-image-section .content-card-section .card-text {
    font-size: 27px;
    line-height: 40px;
  }
  #subtypes-of-mbc .content-text-section p:has(.underline) {
    font-size: 27px;
    line-height: 40px;
    font-family: 'Open Sans';
  }
  #subtypes-of-mbc
    #background-image-section
    > .aem-Grid
    > .container.responsivegrid
    > .cmp-container
    > .aem-Grid {
    gap: 20px;
  }
  #subtypes-of-mbc
    #button-last-section
    > .aem-Grid
    > .container.responsivegrid
    > .cmp-container
    > .aem-Grid {
    flex-direction: row;
  }
  #subtypes-of-mbc #button-last-section .aem-Grid .button a {
    padding: 9px 15px;
  }
  #display-buttons > .aem-Grid {
    flex-direction: row;
    gap: 12px;
    justify-content: flex-end;
  }
     .pb-36
{
    margin-top:60px;
}
#understanding-biomarkers #understanding-card1 {
    margin: 60px 0px 40px 0px;
}
#understanding-biomarkers #banner-main-border #content-section-banner .button.pink-gradient:has(#download-button){
    margin-bottom:40px;
}
#understanding-biomarkers #understanding-card-4 .content-text-section
{
    padding:30px 40px 30px 40px;
}
#understanding-biomarkers #image-border-left .image
{
  max-width: 520px;
}
#understanding-biomarkers #image-border-left p.card-text.title
{
  padding-bottom: 15px;
}
#understanding-biomarkers #main-card-grid #card-section #image-border-left p.card-text
{
  font: 400 27px / 35px "Open Sans", sans-serif;
  /*letter-spacing: 0.9px;*/
}
#understanding-biomarkers #main-card-grid #card-section #image-border-left p.card-text.title
{
  font: 400 45px / 55px "Open Sans", sans-serif;
}
#understanding-mbc div#understanding-card1 {
    margin: 60px 0px 40px 0px;
   }
  #understanding-mbc #button-last-section .aem-Grid .button:nth-of-type(2) a
  {
  padding: 5px 15.5px;
  }
  .button:has(#download-button) {
    min-height: 60px;
  }
   

  .button:has(#download-button)::after {
    background-image: url("/content/dam/intelligentcontent/unbranded/ic-lbp/us/en/images/common/desktop/download-icon.png");
    background-repeat: no-repeat;
    height: 18px;
    right: 15px;
    top: 20px;
    width: 20px;
  }
  .button:has(#download-button):hover::after {
    background-image: url("/content/dam/intelligentcontent/unbranded/ic-lbp/us/en/images/common/desktop/download-white-icon.png");
    height: 18px;
    width: 20px;
  }
  .button:has(#download-button) .cmp-button__text {
    font-size: 20px;
  }
  .button:has(#download-button) {
    padding: 0 0 0 15px;
  }
  #banner-main-border
    #content-section-banner
    .button.pink-gradient:has(#download-button) {
    margin: 30px 0 40px;
  }
  #banner-main-border
    #content-section-banner
    .button.pink-gradient:has(#download-button) {
    min-width: 327px;
  }
  #banner-main-border #content-section-banner .breadcrumb.pink-text {
    margin-bottom: 40px;
  }
#understanding-biomarkers #banner-main-border #content-section-banner .breadcrumb.pink-text {
        margin-bottom: 29px;
    }
#understanding-clicnical-trails #banner-main-border #content-section-banner .breadcrumb.pink-text {
        margin-bottom: 30px;
    }
  
  #subtypes-of-mbc .content-card-section.border-image-right,
  #subtypes-of-mbc
    .content-card-section.border-image-right
    .content-text-section {
    max-height: 370px;
  }
  
  #subtypes-of-mbc
    #card-section
    .container.responsivegrid:has(.content-card-section.border-image-right)
    .image {
    max-width: 495px;
  }
  #subtypes-of-mbc .card-text.title {
    margin-bottom: 0;
  }
  #subtypes-of-mbc #image-border-left > .aem-Grid {
    max-height: 530px;
  }
  #subtypes-of-mbc #bc-text {
    max-width: 1290px;
  }
  #subtypes-of-mbc .last-list {
    max-width: 1150px;
    margin-left:40px;
  }
  #subtypes-of-mbc #subtypes-of-mbc #button-last-section {
    margin-left: 0;
  }
  
  /*understanding desktop*/
  #understanding-biomarkers #image-border-left #main-card-grid #card-section .content-card-section .content-text-section
    {
        padding: 30px 40px 30px 30px;
    }
   #understanding-biomarkers #image-border-left .content-card-section.border-list
    {
    margin-bottom: 0px;
}
#understanding-biomarkers div#background-image-section
{
margin-top:60px;
}

#understanding-biomarkers p.card-text.title
{
    margin-bottom:0px !important;
}

#understanding-biomarkers .content-card-section.box {
    margin: 0px;
}

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

#understanding-biomarkers .content-card-section.box
{
    height: unset;
}
#understanding-biomarkers
  #main-card-grid
  #card-section
  .content-card-section
  .content-text-section
  > .card-text {
  font: 400 27px / 40px "Open Sans", sans-serif;
}
#understanding-biomarkers #image-border-new .image.aem-GridColumn.aem-GridColumn--default--12 {
    flex: 1;
    max-width: 575px;
}

#understanding-biomarkers #image-border-new .text.aem-GridColumn.aem-GridColumn--default--12
{
  flex: 1;
  background-color: #ffffff;
  border-top-left-radius: 56px;
  border-bottom-left-radius: 56px;
}
#understanding-biomarkers #image-border-new{
    background: transparent;
}
#understanding-biomarkers .learn-more {
    margin: 0 auto 10px;
}
#understanding-biomarkers #image-border-new p.card-text.title
{
  padding-bottom: 7px;
}
#understanding-biomarkers div#pink-btn
{
  margin-top: 40px;
}
#understanding-biomarkers div#understanding-card1 .content-card-section
{
  max-height: 382px;
}
#understanding-biomarkers .content-card-section .section-card {
  max-height: 358px;
  padding: 27px 40px;
}
 #understanding-biomarkers #image-border-left .content-card-section.border-list .content-text-section p:nth-of-type(3){
    max-width:667px;
} 
}
/* Desktop ends here */




/**  Subtypes of MBC ends here  **/

/** Understanding Biomarkers starts here **/
#understanding-biomarkers #card-section > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 60px;
}


#understanding-biomarkers .section-card {
  display: flex;
  gap: 30px;
  align-items: center;
}

#understanding-biomarkers .content-card-section .content-card-number {
  color: #fff;
  font: 700 75px / 52px "Open Sans", sans-serif;
  left: 22px;
  max-width: 34px;
  max-height: 54px;
  position: relative;
  top: 20px;
}
#understanding-biomarkers
  #main-card-grid
  #card-section
  .content-card-section
  .content-text-section {
  margin: 0;
}
#understanding-biomarkers
  #background-image-section
  .content-card-section
  .card-text.title {
  font: 400 45px / 50px "Open Sans", sans-serif;
}

#understanding-biomarkers
  #background-image-section
  > .aem-Grid
  > .container.responsivegrid
  > .cmp-container
  > .aem-Grid {
  display: flex;
  flex-direction: column;
  
}
#understanding-biomarkers #background-image-section .content-card-section {
  background-color: transparent;
}
#understanding-biomarkers .content-card-section:has(.section-card) {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
#understanding-biomarkers .content-card-section .section-card {
  background-color: #fff;
  border-radius: 30px;
  min-height: 150px;
  padding: 27px 40px;
}

#background-image-section .content-text-section.background {
  background-color: #fff;
  border-radius: 50px;
  
}


#understanding-biomarkers .content-card-section.border-top-right 
{
margin-top:60px;
}
   
#understanding-biomarkers p.card-text.title
{
    padding-bottom: 20px;
}
.mb-space
{
    margin-bottom:9px;
}
 


#button-last-section > .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
    gap: 0px !important;
    /*margin: 0px;*/
}
  
  
#subtypes-of-mbc .title {
    font-size: 45px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 50px !important;
    padding-bottom: 10px !important;
}
#subtypes-of-mbc div#pink-btn
{
    margin-top:0px;
}  
#understanding-biomarkers #pink-btn
{
    margin-top:25px;
}   
    
#understanding-biomarkers p.card-text.title.mt-30
{
    margin-top :30px !important;
}

#understanding-biomarkers p.card-text.title
{
   margin-bottom: 30px; 
}

#understanding-biomarkers .mb-0
{
    margin-bottom:0px !important;
}


#understanding-biomarkers #image-border-new .content-card-section .box
{
    margin: 0px !important;
}
#understanding-biomarkers div#understanding-card1 .content-card-section
{
margin-bottom:0px;
padding:0px;
}

#understanding-biomarkers #understanding-card3 .content-card-section
{
    margin-bottom:0px !important;
}

#understanding-biomarkers #image-border-new .content-card-section.box
{
    padding:0px !important;
}

 
#understanding-biomarkers #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid{
    gap:30px;
}
 
#understanding-biomarkers #image-border-left #text-aee1d892aa .content-card-section{
        padding: 0;
}
#understanding-biomarkers .learn-more
{
    padding: 5px 15px;
    align-items: center;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: #000000;
    font-family: "Open Sans";
    
}  
#understanding-biomarkers .content-card-section.box
{
    border-radius: 54px 0 0 54px;

}
.pb-36
  {
      padding-bottom:36px !important;
  }
  
  /*mobile*/
  
   #understanding-biomarkers .content-card-section.border-top-right {
    margin-top: 25px;
}

#understanding-biomarkers #card-section > .aem-Grid
{
    gap: 0px !important;
}

#understanding-biomarkers .content-card-section.border-top-right {
    margin-top: 0px;
}

#understanding-biomarkers .content-card-section 
{
    padding:0px;
}

#understanding-biomarkers p.card-text.title
{
    margin-bottom:0px;
}
#understanding-biomarkers #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid
{
    gap:0px;
}

#understanding-biomarkers .content-card-section
{
    margin-bottom: 0px;
}

.mb-40
{
    margin-bottom: 25px;
}
 
 #understanding-biomarkers #image-border-left
{
    margin-top: 25px;
}
#understanding-biomarkers p.card-text.title
{
    margin-bottom:0px;
}

 
@media screen and (max-width: 991px) {
#understanding-biomarkers #card-section #image-border-left {
    border-radius: 150px 0px 56px 56px;
}
}
/** Understanding Biomarkers ends here **/


/*compatiblity*/
@media screen and (min-width: 400px) and (max-width:630px)
{
#subtypes-of-mbc #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right)
{
  border-top-right-radius: 243px !important;
  overflow: hidden;

}

#subtypes-of-mbc #card-section #image-border-left {
  border-top-left-radius: 250px !important;
  overflow: hidden;
}
}
@media screen and (min-width: 631px) and (max-width:991px)
{
#understanding-biomarkers #card-section #image-border-left {
  border-top-left-radius: 400px !important;
  overflow: hidden;
}
#subtypes-of-mbc #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right)
{
  border-top-right-radius: 398px !important;
  overflow: hidden;

}

#understanding-biomarkers #image-border-new
{
    border-top-right-radius: 400px !important;
}
#subtypes-of-mbc #card-section #image-border-left {
  border-top-left-radius: 398px !important;
  overflow: hidden;
}
}
@media screen and (min-width: 320px) and (max-width: 385px) 
{

            
   #understanding-biomarkers #card-section #image-border-left 
      {
         overflow: hidden;
     }
    
  #understanding-biomarkers  #main-section #banner-main-border #banner-main-text span
    {
     font-size: clamp(36px, 2vw, 45px) !important;   
    }
    #understanding-biomarkers #main-card-grid #card-section .content-card-section .content-text-section > p.card-text.title
    {
       font-size: clamp(42px, 2vw, 45px) !important;    
    }
    #subtypes-of-mbc #display-buttons
    {
        min-width: unset;
    }
    
    #subtypes-of-mbc #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right)
    {
        overflow: hidden;
    }
    #subtypes-of-mbc #card-section #image-border-left
    {
        overflow: hidden;
    }
}
@media screen and (min-width: 320px) and (max-width:385px)
{
  #subtypes-of-mbc #display-buttons
    {
        min-width: unset !important;
    }
    
   #subtypes-of-mbc #display-buttons > .aem-Grid
    {
        padding: 0px 15px !important;
    }
}


@media screen and (min-width:992px) and  (max-width:1300px)
{
   #questions-about-mbc #button-last-section > .aem-Grid
    {
        margin-top: 20px !important;
    }

#questions-about-mbc #main-card-grid #card-section .content-card-section .content-text-section > .card-text:has(.pink-highlight)
{
    min-width: unset!important;
}
#subtypes-of-mbc #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right)
{
    border-top-right-radius: 233px !important;
}
#questions-about-mbc #main-card-grid #card-section #row5 > .aem-Grid .content-card-section
{
    min-height: 690px !important;
}
#main-card-grid #card-section #row4 .container.responsivegrid.blue-background .content-card-section
{
    min-height: 600px !important;
}
}

@media screen and (min-width:600px) and  (max-width:991px){
#questions-about-mbc #banner-content img.cmp-image__image.cmp-image--mobile
{
    border-radius: 480px 480px 50px 50px !important;
}

#questions-about-mbc #main-card-grid #card-section .content-card-section .content-text-section > .card-text:has(.pink-highlight)
{
    max-width: unset !important;
}
}


@media screen and (min-width: 400px) and (max-width:630px)
{
#understanding-biomarkers #card-section #image-border-left {
  border-top-left-radius: 250px !important;
  overflow: hidden;
  
}
@media screen and (min-width: 992px) and (max-width: 1400px)
{
    #questions-about-mbc #main-card-grid #card-section #row1 .container.responsivegrid.blue-background .content-card-section
    {
        max-height: unset;
    }
   
    #subtypes-of-mbc #typical .content-card-section
    {
        max-height: unset !important;
    }
}




@media screen and (min-width:520px) and (max-width: 991px)
{
 #understanding-biomarkers #image-border-new{  
border-top-right-radius: 400px !important;
}
}

/*@media screen and (min-width: 400px) and (max-width:991px)*/
/*{*/
/*#subtypes-of-mbc #main-card-grid #card-section > .aem-Grid > .container.responsivegrid > .cmp-container > .aem-Grid:has(.content-card-section.border-image-right)*/
/*{*/
/*    border-top-right-radius: 398px !important;*/
/*}*/
/*}*/

@media screen and (min-width: 400px) and (max-width:630px)
{
#understanding-biomarkers #card-section #image-border-left {
  border-top-left-radius: 250px !important;
  overflow: hidden;
  
}



#subtypes-of-mbc #card-section #image-border-left {
    border-top-left-radius: 450px !important;
    overflow: hidden;
}

#subtypes-of-mbc #card-section #image-border-left {
    border-top-left-radius: 250px !important;
    overflow: hidden;
}
}