.cmp-container--bg-color-navy {
  background-color: #050D23;
}

.cmp-container--bg-color-black {
  background-color: #000;
}

.cmp-container--bg-color-blue {
  background-color: #F1F7FD;
}

.cmp-container__backgroundImage--enabled {
  margin: 0!important;
}

.cmp-container--bg-banner .cmp-container {
  background-size: cover;
  height: 476px;
  position: relative;
  background-image: url(/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/bg_images/home_header_banner.png)!important;
}

.cmp-teaser--position-right .cmp-teaser {
  flex-direction: row-reverse;
  margin-left: 5%;
}

.cmp-teaser--position-left .cmp-teaser {
  flex-direction: row;
  width: auto;
  margin-right: 5%;
}

.cmp-teaser--home-teaser {
  padding: 30px 0;
}

.cmp-teaser--home-teaser .cmp-teaser__image {
  padding: 0;
}

.cmp-teaser--home-teaser.cmp-teaser--position-right {
  display: flex;
  justify-content: end;
}

.cmp-teaser--home-teaser.cmp-teaser--position-right .cmp-teaser__content {
  padding-left: 0;
}

.cmp-teaser--home-teaser.cmp-teaser--position-left .cmp-teaser__content {
  padding-right: 0;
}

#home-carousel .cmp-teaser__content {
  padding-bottom: 70px;
}

#home-carousel .cmp-teaser--home-teaser {
  padding: 0;
}

#home-carousel .cmp-teaser {
  position: unset;
}

#home-carousel {
  padding: 100px 0;
}

.cmp-teaser--home-teaser .cmp-teaser__image .cmp-image__image {
  height: auto!important;
}

#home-carousel .cmp-carousel__actions {
  display: flex;
  padding: 0 11px;
  gap: 26px;
  left: 5%;
  position: absolute;
  bottom: 8px;
  opacity: 0;
}

#home-carousel .cmp-carousel__indicators {
  display: none;
}

#home-carousel .cmp-carousel__actions .cmp-carousel__action-text, #home-carousel .cmp-carousel__actions .cmp-carousel__action--pause, #home-carousel .cmp-carousel__actions .cmp-carousel__action--play {
  display: none;
}

#home-carousel .cmp-carousel__action--previous .cmp-carousel__action-icon {
  content: url(/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/icons/arrow-left.png);
  padding: 0 5px;
  cursor: pointer;
}

#home-carousel .cmp-carousel__action--next .cmp-carousel__action-icon {
  content: url(/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/icons/arrow-right.png);
  padding: 0 5px;
  cursor: pointer;
}

.cmp-container--home-video-container {
  margin-bottom: 100px;
}

.cmp-container--home-video-container .cmp-container__backgroundImage--enabled {
  background-size: 100% 100%;
  width: auto;
  margin: 0 5%!important;
}

.cmp-container--home-video-container .cmp-container__backgroundImage--enabled > .cmp-container > .aem-Grid {
  display: flex;
  align-items: center;
}

.cmp-container--home-video-container .cmp-teaser__content {
  width: 100%;
}

.cmp-container--home-video-container .cmp-teaser__action-container {
  display: flex;
  gap: 60px;
  margin-top: 3em;
}

.cmp-container--home-video-container .container.aem-GridColumn--default--6 {
  display: flex;
  align-items: center;
}

.cmp-container--home-video-container .cmp-video__player, .cmp-container--home-video-container .cmp-video__content {
  padding: 0;
}

.cmp-container--home-video-container .cmp-video__player .cmp-video__thumbnail {
  object-fit: cover;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.cmp-container--home-video-container .cmp-video__player .kWidgetIframeContainer.cmp-video__video {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.cmp-container--home-video-container .cmp-teaser__content {
  padding: 3em;
}

.cmp-container--new-era-container .cmp-teaser--home-teaser .cmp-teaser {
  align-items: center;
  justify-content: space-between;
}

.cmp-container--three-tile-container {
  padding: 40px 0 95px;
}

.cmp-container--three-tile-container .aem-Grid.aem-Grid--12 {
  width: 65%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding: 2em 0;
}

.cmp-teaser--three-tile-teaser {
  width: 30%!important;
  border-radius: 13px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.04), 0 6px 20px 0 rgba(0,0,0,0.04);
}

.cmp-container--three-tile-container .teaser.cmp-teaser--three-tile-teaser.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--offset--default--0.aem-GridColumn--default--4 {
  position: relative;
}

.cmp-teaser--three-tile-teaser .cmp-teaser {
  flex-direction: column;
  position: unset;
}

.cmp-teaser--three-tile-teaser .cmp-teaser__image {
  width: 100%;
  padding: 0;
}

.cmp-teaser--three-tile-teaser .cmp-teaser__content {
  width: 100%;
  padding: 24px 24px 80px;
  background-color: #fff;
  border-radius: 0px 0px 13px 13px;
}

.cmp-teaser--three-tile-teaser .cmp-teaser__action-container {
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.cmp-container--subscribe-container .cmp-container__backgroundImage--enabled {
  padding: 120px 0;
}

.cmp-container--footer-banner-container .cmp-container {
  padding: 6.5em 0;
}

.cmp-container--blue-bg-container > .cmp-container , .cmp-container--article-page-hero-container .cmp-container, .cmp-container--contributor-hero-container .cmp-container {
  padding: 35px 5% 0;
}

.cmp-container--contributors-image-container .cmp-container {
  padding: 70px 5% 0;
}

.cmp-container--contributors-image-container .cmp-imagelist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /*gap: 15em;*/
  gap: 7em;
  row-gap: 64px;
  padding-bottom: 70px;
}

.cmp-container--contributors-image-container .cmp-imagelist li {
  text-align: center;
  max-width: 360px;
  margin: 0 auto 0;
}

.cmp-teaser--profile-teaser .cmp-teaser {
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #DFDFE2;
}

.cmp-teaser--profile-teaser .cmp-teaser__image {
  width: 65px;
}

.cmp-teaser--profile-teaser .cmp-teaser__content {
  padding: 0;
  width: auto;
}

.socialMedia-share {
  cursor: pointer;
  content: url(/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/icons/social-sharing-large.svg);
}

.socialMedia-share:hover {
  border-radius: 22px;
  background: rgba(155, 48, 179, 0.10);
}

.social-share-div.clicked .socialMedia-share {
  content: url(/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/icons/social-sharing-selected-large.svg);
}

.linkdn-icon {
  content: url(/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/icons/social_icons/Linkedin-logo.svg);
}

.twitter-icon {
  content: url(/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/icons/social_icons/X-logo.svg);
}

.fb-icon {
  content: url(/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/icons/social_icons/Facebook.svg);
  width: 10px;
}

.socialMedia-section ul {
  display: flex;
  margin-top: 1em;
  position: relative;
  flex-direction: column;
  background-color: #9b30b3;
  border-radius: 4px;
  padding: 4px!important;
  z-index: 1;
}

.socialMedia-section ul:after {
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"><path d="M4.4 1.13333C5.2 0.0666671 6.8 0.0666667 7.6 1.13333L12 7H0L4.4 1.13333Z" fill="%239B30B3"/></svg>');
}

.socialMedia-section ul li {
  padding: 8px;
}

.socialMedia-section ul li:hover {
  border-radius: 4px;
  background-color: #7C268F;
}

.socialMedia-section {
  display: none;
}

.social-share-div.clicked .socialMedia-section {
  display: block;
}

.cmp-container--four-tile-main > .cmp-container {
  padding: 5em 5%;
}

.cmp-container--four-tile-head .cmp-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 25px;
}

.cmp-button--view-all .cmp-button__icon.btn-arrow-icon {
  position: relative;
  top: 5px;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.1662 17.4167C8.95904 17.4167 8.75095 17.347 8.57954 17.204C8.19087 16.8804 8.13862 16.302 8.4622 15.9133L12.5652 10.9899L8.60979 6.07476C8.29262 5.68059 8.35495 5.10309 8.74912 4.78592C9.1442 4.46876 9.72079 4.53109 10.0389 4.92526L14.4645 10.4253C14.7377 10.7653 14.734 11.2512 14.4545 11.5867L9.87112 17.0867C9.68962 17.3039 9.42929 17.4167 9.1662 17.4167Z" fill="%239B30B3"/><mask id="mask0_6394_9831" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="8" y="4" width="7" height="14"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.1662 17.4167C8.95904 17.4167 8.75095 17.347 8.57954 17.204C8.19087 16.8804 8.13862 16.302 8.4622 15.9133L12.5652 10.9899L8.60979 6.07476C8.29262 5.68059 8.35495 5.10309 8.74912 4.78592C9.1442 4.46876 9.72079 4.53109 10.0389 4.92526L14.4645 10.4253C14.7377 10.7653 14.734 11.2512 14.4545 11.5867L9.87112 17.0867C9.68962 17.3039 9.42929 17.4167 9.1662 17.4167Z" fill="white"/></mask><g mask="url(%23mask0_6394_9831)"></g></svg>');
}

.cmp-button--view-all:hover .cmp-button__icon.btn-arrow-icon {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.58366 11.9166H15.4599L12.1297 15.9133C11.8052 16.302 11.8583 16.8804 12.247 17.204C12.6366 17.5285 13.2141 17.4753 13.5386 17.0866L18.1219 11.5866C18.1577 11.5436 18.1751 11.4931 18.2017 11.4455C18.2237 11.407 18.2502 11.374 18.2667 11.3318C18.308 11.2264 18.3327 11.1155 18.3327 11.0036C18.3327 11.0027 18.3337 11.0009 18.3337 11C18.3337 10.9991 18.3327 10.9972 18.3327 10.9963C18.3327 10.8845 18.308 10.7736 18.2667 10.6681C18.2502 10.626 18.2237 10.593 18.2017 10.5545C18.1751 10.5068 18.1577 10.4564 18.1219 10.4133L13.5386 4.91331C13.3562 4.69606 13.0958 4.58331 12.8337 4.58331C12.6265 4.58331 12.4184 4.65298 12.247 4.79598C11.8583 5.11956 11.8052 5.69798 12.1297 6.08665L15.4599 10.0833H4.58366C4.07766 10.0833 3.66699 10.494 3.66699 11C3.66699 11.506 4.07766 11.9166 4.58366 11.9166Z" fill="%239B30B3"/><mask id="mask0_6394_9840" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="16" height="14"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.58366 11.9166H15.4599L12.1297 15.9133C11.8052 16.302 11.8583 16.8804 12.247 17.204C12.6366 17.5285 13.2141 17.4753 13.5386 17.0866L18.1219 11.5866C18.1577 11.5436 18.1751 11.4931 18.2017 11.4455C18.2237 11.407 18.2502 11.374 18.2667 11.3318C18.308 11.2264 18.3327 11.1155 18.3327 11.0036C18.3327 11.0027 18.3337 11.0009 18.3337 11C18.3337 10.9991 18.3327 10.9972 18.3327 10.9963C18.3327 10.8845 18.308 10.7736 18.2667 10.6681C18.2502 10.626 18.2237 10.593 18.2017 10.5545C18.1751 10.5068 18.1577 10.4564 18.1219 10.4133L13.5386 4.91331C13.3562 4.69606 13.0958 4.58331 12.8337 4.58331C12.6265 4.58331 12.4184 4.65298 12.247 4.79598C11.8583 5.11956 11.8052 5.69798 12.1297 6.08665L15.4599 10.0833H4.58366C4.07766 10.0833 3.66699 10.494 3.66699 11C3.66699 11.506 4.07766 11.9166 4.58366 11.9166Z" fill="white"/></mask><g mask="url(%23mask0_6394_9840)"></g></svg>');
}

.cmp-button--view-all a {
  display: flex;
  flex-direction: row-reverse;
  align-items: baseline;
}

.cmp-container--four-tile-sub > .cmp-container {
  padding: 20px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2em;
}

.cmp-container--four-tile-sub .cmp-teaser, .cmp-container--change-grid-container .cmp-teaser {
  flex-direction: column;
}

.cmp-container--four-tile-sub .cmp-teaser .cmp-teaser__image, .cmp-container--four-tile-sub .cmp-teaser .cmp-teaser__content, .cmp-container--change-grid-container .cmp-teaser .cmp-teaser__image, .cmp-container--change-grid-container .cmp-teaser .cmp-teaser__content {
  padding: 0;
  width: 100%;
}

.cmp-container--four-tile-sub .social-share-div {
  position: relative;
}

.cmp-container--four-tile-sub .socialMedia-section, .cmp-container--change-grid-container .socialMedia-section {
  position: absolute;
  top: 45px;
  left: 0;
}

.cmp-teaser--no-border .cmp-teaser {
  border-bottom: none!important;
}

.cmp-container--contributors-profile-container .cmp-container {
  padding: 70px 5% 0;
}

.cmp-container--contributors-profile-container .cmp-teaser {
  padding: 0 0 70px;
}

.cmp-container--contributors-profile-container .cmp-teaser__content {
  padding: 0;
  /*width: auto;*/
  width: 90%;
}

.cmp-container--contributors-profile-container .cmp-teaser__image {
  padding: 0;
  width: auto;
}

.cmp-container--change-grid-container .cmp-container--first-container .cmp-teaser {
  align-items: flex-start!important;
}

.cmp-container--change-grid-container.cmp-container--bg-color-blue > .cmp-container {
  padding: 0 0 65px;
}

.cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container .cmp-container {
  position: relative;
}

.cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-teaser__content {
  padding: 12px;
  border-radius: 8px;
  background: #FFF;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  width: 328px;
  height: 315px;
}

.cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-text--share-text .cmp-text {
  position: unset;
  padding: 0;
}

.cmp-container--change-grid-container.cmp-container--bg-color-blue .social-share-div {
  position: absolute;
  left: 50%;
  transform: translateX(-152px);
  bottom: calc(5% + 12px);
  cursor: pointer;
}

.cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container[aria-label="third-container"] .social-share-div {
  bottom: calc(5% + 40px);
}

.cmp-container--spotlight-article-container .cmp-teaser, .cmp-container--clinical-article-container .cmp-teaser {
  flex-direction: column;
  padding: 0 0 45px;
}

.cmp-container--spotlight-article-container .cmp-teaser__content, .cmp-container--clinical-article-container .cmp-teaser__content {
  padding: 16px;
  width: 100%;
  background-color: #F4F4F5;
}

.cmp-container--spotlight-article-container .cmp-teaser__image, .cmp-container--clinical-article-container .cmp-teaser__image {
  padding: 0;
  width: 100%;
}

.cmp-container--hero-banner-container .cmp-container .image .cmp-image {
  display: flex;
}

.cmp-page--ihc-knowledge-check .cmp-container--hero-banner-container .cmp-container {
  background-image: url('/content/dam/intelligentcontent/unbranded/her2know-phase-2/us/en/bg_images/educational-hero-background.png');
  min-height: 220px;
  background-size: cover;
}


/********ipad and ipad pro and desktop********/
@media screen and (min-width:768px) {
  .cmp-image--desk-hide, .cmp-container--desk-hide {
    display: none;
  }

  .cmp-container--as-three-tile .cmp-container {
    gap: 4em!important;
    grid-template-columns: 1fr 1fr 1fr!important;
  }

  .cmp-container--hero-banner-container .cmp-container > .aem-Grid.aem-Grid--12 {
    padding: 35px 0 0 5%;
  }

  .cmp-text--bread-crumb-text .cmp-text-home-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8.47394 1.52679C8.41197 1.4643 8.33823 1.41471 8.257 1.38086C8.17576 1.34702 8.08862 1.32959 8.00061 1.32959C7.9126 1.32959 7.82547 1.34702 7.74423 1.38086C7.66299 1.41471 7.58925 1.4643 7.52728 1.52679L1.52728 7.52679C1.46479 7.58876 1.4152 7.6625 1.38135 7.74374C1.3475 7.82498 1.33008 7.91211 1.33008 8.00012C1.33008 8.08813 1.3475 8.17527 1.38135 8.25651C1.4152 8.33775 1.46479 8.41148 1.52728 8.47346C1.58957 8.53524 1.66345 8.58413 1.74467 8.6173C1.8259 8.65048 1.91287 8.6673 2.00061 8.66679H2.66728V13.3335C2.66728 13.6871 2.80775 14.0262 3.0578 14.2763C3.30785 14.5263 3.64699 14.6668 4.00061 14.6668H12.0006C12.3542 14.6668 12.6934 14.5263 12.9434 14.2763C13.1935 14.0262 13.3339 13.6871 13.3339 13.3335V8.66679H14.0006C14.1774 8.66679 14.347 8.59655 14.472 8.47153C14.597 8.3465 14.6673 8.17693 14.6673 8.00012C14.6678 7.91238 14.651 7.82541 14.6178 7.74418C14.5846 7.66296 14.5357 7.58908 14.4739 7.52679L8.47394 1.52679ZM4.00061 13.3335V6.94012L8.00061 2.94012L12.0006 6.94012V13.3335H4.00061Z" fill="white"/></svg>');
  }

  .cmp-text--bread-crumb-text .cmp-text-arrow-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.33291 15.8333C8.14458 15.8333 7.95541 15.7699 7.79958 15.6399C7.44625 15.3458 7.39875 14.8199 7.69291 14.4666L11.4229 9.99077L7.82708 5.52244C7.53875 5.16411 7.59541 4.63911 7.95375 4.35077C8.31291 4.06244 8.83708 4.11911 9.12625 4.47744L13.1496 9.47744C13.3979 9.78661 13.3946 10.2283 13.1404 10.5333L8.97375 15.5333C8.80875 15.7308 8.57208 15.8333 8.33291 15.8333Z" fill="white"/><mask id="mask0_6488_4027" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="7" y="4" width="7" height="12"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.33291 15.8333C8.14458 15.8333 7.95541 15.7699 7.79958 15.6399C7.44625 15.3458 7.39875 14.8199 7.69291 14.4666L11.4229 9.99077L7.82708 5.52244C7.53875 5.16411 7.59541 4.63911 7.95375 4.35077C8.31291 4.06244 8.83708 4.11911 9.12625 4.47744L13.1496 9.47744C13.3979 9.78661 13.3946 10.2283 13.1404 10.5333L8.97375 15.5333C8.80875 15.7308 8.57208 15.8333 8.33291 15.8333Z" fill="white"/></mask><g mask="url(%23mask0_6488_4027)"></g></svg>');
    margin: 0 5px;
  }

  .cmp-text--bread-crumb-text.cmp-text--color-purple .cmp-text-home-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M8.47394 2.02679C8.41197 1.9643 8.33823 1.91471 8.257 1.88086C8.17576 1.84702 8.08862 1.82959 8.00061 1.82959C7.9126 1.82959 7.82547 1.84702 7.74423 1.88086C7.66299 1.91471 7.58925 1.9643 7.52728 2.02679L1.52728 8.02679C1.46479 8.08876 1.4152 8.1625 1.38135 8.24374C1.3475 8.32498 1.33008 8.41211 1.33008 8.50012C1.33008 8.58813 1.3475 8.67527 1.38135 8.75651C1.4152 8.83775 1.46479 8.91148 1.52728 8.97346C1.58957 9.03524 1.66345 9.08413 1.74467 9.1173C1.8259 9.15048 1.91287 9.1673 2.00061 9.16679H2.66728V13.8335C2.66728 14.1871 2.80775 14.5262 3.0578 14.7763C3.30785 15.0263 3.64699 15.1668 4.00061 15.1668H12.0006C12.3542 15.1668 12.6934 15.0263 12.9434 14.7763C13.1935 14.5262 13.3339 14.1871 13.3339 13.8335V9.16679H14.0006C14.1774 9.16679 14.347 9.09655 14.472 8.97153C14.597 8.8465 14.6673 8.67693 14.6673 8.50012C14.6678 8.41238 14.651 8.32541 14.6178 8.24418C14.5846 8.16296 14.5357 8.08908 14.4739 8.02679L8.47394 2.02679ZM4.00061 13.8335V7.44012L8.00061 3.44012L12.0006 7.44012V13.8335H4.00061Z" fill="%239B30B3"/></svg>');
  }

  .cmp-text--bread-crumb-text.cmp-text--color-purple .cmp-text-arrow-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.33291 16.3333C8.14458 16.3333 7.95541 16.2699 7.79958 16.1399C7.44625 15.8458 7.39875 15.3199 7.69291 14.9666L11.4229 10.4908L7.82708 6.02244C7.53875 5.66411 7.59541 5.13911 7.95375 4.85077C8.31291 4.56244 8.83708 4.61911 9.12625 4.97744L13.1496 9.97744C13.3979 10.2866 13.3946 10.7283 13.1404 11.0333L8.97375 16.0333C8.80875 16.2308 8.57208 16.3333 8.33291 16.3333Z" fill="%239B30B3"/><mask id="mask0_6488_1646" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="7" y="4" width="7" height="13"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.33291 16.3333C8.14458 16.3333 7.95541 16.2699 7.79958 16.1399C7.44625 15.8458 7.39875 15.3199 7.69291 14.9666L11.4229 10.4908L7.82708 6.02244C7.53875 5.66411 7.59541 5.13911 7.95375 4.85077C8.31291 4.56244 8.83708 4.61911 9.12625 4.97744L13.1496 9.97744C13.3979 10.2866 13.3946 10.7283 13.1404 11.0333L8.97375 16.0333C8.80875 16.2308 8.57208 16.3333 8.33291 16.3333Z" fill="white"/></mask><g mask="url(%23mask0_6488_1646)"></g></svg>');
  }

  .cmp-text--bread-crumb-text ul {
    display: flex;
    align-items: center;
  }

  .cmp-teaser--footer-banner-teaser .cmp-teaser__content {
    padding: 0 1em 0 0;
  }

  .cmp-teaser--footer-banner-teaser .cmp-teaser__image {
    padding: 0;
  }

  .cmp-teaser--position-right.cmp-teaser--footer-banner-teaser .cmp-teaser {
    width: auto;
  }

  .cmp-container--article-page-hero-container .cmp-container {
    position: relative;
  }

  .cmp-container--article-page-hero-container .social-share-div {
    position: absolute;
    top: 35px;
    right: 5%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: end;
  }

  .cmp-container--article-page-hero-container .cmp-text--share-text .cmp-text {
    position: unset;
  }

  .cmp-container--contributors-profile-container .cmp-teaser {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    gap: 9.5em;
  }

  #page-d7a62aac58 .cmp-container--contributors-profile-container .cmp-teaser,
  #page-1c84a3031e .cmp-container--contributors-profile-container .cmp-teaser {
    gap: 10em;
  }

  .cmp-container--contributors-profile-container .cmp-teaser__image img {
    width: fit-content;
  }

  .cmp-container--change-grid-container > .cmp-container {
    padding: 65px 5%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3em;
  }

  .cmp-container--change-grid-container .cmp-container--first-container {
    grid-column-start: 1;
    grid-column-end: 4;
  }

  .cmp-container--change-grid-container .cmp-container--first-container .cmp-teaser, .cmp-container--change-grid-container .cmp-container--first-container .cmp-container--mob-hide .cmp-container {
    display: grid;
    grid-template-columns: 2.15fr 1fr;
    gap: 3em;
    align-items: center;
    padding-right: 30px;
  }

  .cmp-container--change-grid-container .cmp-container--first-container .cmp-container--mob-hide .cmp-text--share-text {
    grid-column-start: 2;
    grid-column-end: 3;
  }

  .cmp-container--change-grid-container .cmp-container--first-container .cmp-container--mob-hide .cmp-text {
    padding: 0;
  }

  .cmp-container--change-grid-container .cmp-container--first-container .cmp-container--mob-hide .social-share-div {
    position: absolute;
    left: 0;
    top: -3em;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container--first-container .cmp-teaser {
    display: flex;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container--first-container .cmp-teaser__content {
    height: auto;
    width: 455px;
    left: 2.5%;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container--first-container .social-share-div {
    position: absolute;
    left: calc(2.5% + 12px);
    bottom: unset;
    top: 50%;
    transform: translateY(106px );
    z-index: 1;
  }

  .cmp-container--spotlight-article-container .cmp-container {
    padding: 30px 5% 100px;
  }

  .cmp-container--spotlight-article-container .cmp-text, .cmp-container--spotlight-article-container .cmp-teaser {
    width: 768px;
  }

  .cmp-container--clinical-article-container > .cmp-container {
    padding: 54px 5%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
  }

  .cmp-container--ihc-knowledge-container .cmp-container {
    padding: 50px 5% 60px;
  }

  .cmp-container--ihc-interactive-carousel .cmp-container {
    padding: 50px 5% 0;
  }

  .cmp-interactive-carousel .carousel.interactive-carousel .cmp-interactiveCarousel__slide-content .slide-score-form p#cmp-interactiveCarousel__score-error {
    top: 3.4em!important;
  }
}


/********ipad and ipad pro********/
@media screen and (min-width:768px) and (max-width:1199px) {
  #home-carousel .cmp-carousel__actions {
    left: 5%;
    bottom: 0%;
  }

  .cmp-container--home-video-container .cmp-container__backgroundImage--enabled {
    width: 90%;
  }

  .cmp-container--home-video-container .video.aem-GridColumn--default--6 {
    padding-right: 3em;
  }

  .cmp-container--home-video-container .cmp-video__player .kWidgetIframeContainer.cmp-video__video, .cmp-container--home-video-container .cmp-video__player .cmp-video__thumbnail {
    border-radius: 0px!important;
  }

  .cmp-container--three-tile-container .aem-Grid.aem-Grid--12 {
    width: 85%;
  }

  .cmp-container--contributors-image-container .cmp-imagelist {
    gap: 40px;
  }

  .cmp-container--article-page-hero-container .cmp-text--bread-crumb-text ul {
    width: 80%;
  }

  .cmp-container--contributors-profile-container .cmp-teaser {
    gap: 3em;
  }

  .cmp-container--change-grid-container .cmp-container--first-container .cmp-teaser {
    align-items: center!important;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-teaser__content {
    position: relative;
    bottom: unset;
    left: unset;
    width: 100%;
    height: auto;
    transform: none;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container--first-container .cmp-teaser__content {
    width: 100%;
    top: unset;
    left: unset;
    transform: none;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container--first-container .cmp-teaser {
    display: flex;
    gap: 0;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-teaser__description {
    padding-bottom: 50px;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .social-share-div {
    bottom: 12px!important;
    left: 12px;
    transform: none;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue > .cmp-container {
    gap: 2em;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container--first-container .social-share-div {
    position: absolute;
    left: 12px;
    bottom: 12px;
    top: unset;
    transform: unset;
  }

  .cmp-container--spotlight-article-container .cmp-text, .cmp-container--spotlight-article-container .cmp-teaser {
    width: 100%;
  }
}


/********ipad********/
@media screen and (min-width:768px) and (max-width:991px) {
  .cmp-container--home-video-container .cmp-teaser__action-container {
    margin-top: 1em;
  }
}


/********mobile********/
@media screen and (max-width:767px) {
  .social-share-div.clicked .socialMedia-section {
    position: relative;
    /*right: 100px;*/
    top: 15px;
  }
  #cap-breast-reporting-template-update .social-share-div{
      gap: 0;
  }

  .cmp-image--mob-hide, .cmp-container--mob-hide {
    display: none;
  }

  .cmp-container--bg-banner .cmp-container {
    background-image: none!important;
    height: auto;
    position: relative;
    background-color: #050D23;
    padding: 100px 30px;
  }

  .cmp-teaser--home-teaser .cmp-teaser {
    flex-direction: column-reverse;
    width: 100%;
    margin: 0;
  }

  .cmp-teaser--home-teaser {
    padding: 20px;
  }

  #home-carousel .cmp-teaser--home-teaser {
    padding: 20px 20px 70px;
  }

  #home-carousel {
    padding: 50px 0;
  }

  .cmp-teaser--home-teaser .cmp-teaser__content {
    padding: 1em 20px 3em!important;
  }

  #home-carousel .cmp-carousel__actions {
    left: 20px;
    bottom: 11px;
  }

  #home-carousel .cmp-teaser--home-teaser .cmp-teaser__content {
    padding: 1em 0 3em!important;
  }

  .cmp-container--home-video-container .cmp-container__backgroundImage--enabled {
    border-radius: 20px;
  }

  .cmp-container--home-video-container > div[data-nc="Container"] {
    width: auto;
    margin: 0 20px;
  }

  .cmp-container--home-video-container .cmp-container__backgroundImage--enabled > .cmp-container > .aem-Grid {
    display: flex;
    flex-direction: column-reverse;
  }

  .cmp-container--home-video-container .aem-GridColumn--default--6 {
    width: 100%!important;
  }

  .cmp-container--home-video-container .image.aem-GridColumn--default--6, .cmp-container--home-video-container .cmp-teaser__content {
    padding: 1.5em;
  }

  .cmp-container--home-video-container .cmp-container__backgroundImage--enabled {
    width: 100%;
    margin: 0!important;
  }

  .cmp-container--home-video-container .cmp-teaser__action-container {
    gap: 45px;
  }

  .cmp-container--home-video-container .cmp-video__player .cmp-video__thumbnail {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 0px;
  }

  .cmp-container--home-video-container .cmp-video__player .kWidgetIframeContainer.cmp-video__video {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 0px;
  }

  .cmp-container--new-era-container .cmp-teaser--home-teaser {
    padding: 20px 0 40px;
  }

  .cmp-container--new-era-container .cmp-teaser--home-teaser .cmp-teaser__content {
    padding: 1em 20px 3em;
  }

  .cmp-container--new-era-container .cmp-teaser--home-teaser.cmp-teaser--position-left .cmp-teaser__image {
    padding-right: 20px;
  }

  .cmp-container--new-era-container .cmp-teaser--home-teaser.cmp-teaser--position-right .cmp-teaser__image {
    padding-left: 20px;
  }

  .cmp-container--subscribe-container .cmp-container__backgroundImage--enabled {
    padding: 120px 20px;
  }

  .cmp-container--get-into-container > .cmp-container {
    margin: 0 20px;
  }

  .cmp-container--three-tile-container {
    padding: 0px 0 55px;
  }

  .cmp-container--three-tile-container .aem-Grid.aem-Grid--12 {
    width: 100%;
    flex-direction: column;
    gap: 40px;
  }

  .cmp-teaser--three-tile-teaser {
    width: 100%!important;
  }

  .cmp-teaser--three-tile-teaser .cmp-teaser__content {
    height: auto;
    padding: 24px;
  }

  .cmp-teaser--three-tile-teaser .cmp-teaser__action-container {
    position: unset;
    bottom: unset;
    left: unset;
    padding-top: 3em;
  }

  .cmp-container--hero-banner-container .aem-Grid.aem-Grid--12 {
    display: flex;
    flex-direction: column;
  }

  .cmp-container--hero-banner-container .aem-Grid.aem-Grid--12 .container {
    width: 100%;
  }

  .cmp-container--hero-banner-container .aem-Grid.aem-Grid--12 .image {
    width: 100%;
    padding: 0 0 0 20px;
  }

  .cmp-container--hero-banner-container .aem-Grid.aem-Grid--12 .cmp-container {
    margin: 0 20px;
  }

  .cmp-teaser--footer-banner-teaser.cmp-teaser--position-right  .cmp-teaser {
    flex-direction: column-reverse;
    margin: 0;
    width: 100%;
  }

  .cmp-teaser--footer-banner-teaser .cmp-teaser__content {
    padding: 0 20px 5em;
  }

  .cmp-teaser--footer-banner-teaser .cmp-teaser__image {
    padding: 0 0 0 20px;
  }

  .cmp-container--blue-bg-container > .cmp-container {
    padding: 0px 20px 0;
  }

  .cmp-container--contributor-hero-container .cmp-container {
    padding: 35px 20px 0;
  }

  .cmp-container--contributors-image-container .cmp-imagelist {
    grid-template-columns: 1fr;
  }

  .cmp-container--contributors-image-container .cmp-container {
    padding: 70px 20px 0;
  }

  .cmp-text--bread-crumb-text.cmp-text--color-purple .cmp-text-arrow-icon-reverse {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6671 4.16697C11.8554 4.16697 12.0446 4.23031 12.2004 4.36031C12.5538 4.65447 12.6013 5.18031 12.3071 5.53364L8.57709 10.0095L12.1729 14.4778C12.4613 14.8361 12.4046 15.3611 12.0463 15.6495C11.6871 15.9378 11.1629 15.8811 10.8738 15.5228L6.85042 10.5228C6.60209 10.2136 6.60542 9.77197 6.85959 9.46697L11.0263 4.46697C11.1913 4.26947 11.4279 4.16697 11.6671 4.16697Z" fill="%239B30B3"/><mask id="mask0_3975_34646" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="4" width="7" height="12"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6671 4.16697C11.8554 4.16697 12.0446 4.23031 12.2004 4.36031C12.5538 4.65447 12.6013 5.18031 12.3071 5.53364L8.57709 10.0095L12.1729 14.4778C12.4613 14.8361 12.4046 15.3611 12.0463 15.6495C11.6871 15.9378 11.1629 15.8811 10.8738 15.5228L6.85042 10.5228C6.60209 10.2136 6.60542 9.77197 6.85959 9.46697L11.0263 4.46697C11.1913 4.26947 11.4279 4.16697 11.6671 4.16697Z" fill="white"/></mask><g mask="url(%23mask0_3975_34646)"></g></svg>');
  }

  .cmp-container--article-page-hero-container .cmp-container {
    padding: 35px 0 0;
  }

  .cmp-container--article-page-hero-container .text, .cmp-container--article-page-hero-container .teaser {
    padding: 0 10px;
  }

  .social-share-div {
    padding-bottom: 30px;
    display: flex;
    gap: 1em;
    align-items: center;
  }

  .socialMedia-section.mob-article-right {
    position: absolute;
    top: 0%;
    transform: translateY(-25%);
    left: 100px;
    z-index: 1;
  }

  .socialMedia-section.mob-article-right ul:after {
    top: 43%;
    left: -12%;
    transform: rotate(-90deg);
  }

  .cmp-container--four-tile-main > .cmp-container {
    padding: 5em 20px;
  }

  .cmp-container--four-tile-head .cmp-container {
    align-items: flex-start;
  }

  .cmp-container--four-tile-main .button.cmp-button--view-all {
    padding: 18px 0;
    width: 110px;
  }

  .cmp-container--four-tile-sub > .cmp-container {
    grid-template-columns: unset;
    grid-template-rows: 1fr;
  }

  .cmp-container--contributors-profile-container .cmp-teaser {
    gap: 3em;
  }

  .cmp-container--contributors-profile-container .cmp-teaser__image, .cmp-container--contributors-profile-container .cmp-teaser__content {
    width: 100%;
  }

  .cmp-container--change-grid-container > .cmp-container {
    padding: 35px 20px;
    display: grid;
    gap: 2em;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-teaser__content {
    height: auto;
    left: 5%;
    width: 90%;
    transform: none;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .social-share-div {
    transform: none;
    left: calc(5% + 12px);
    padding-bottom: 0;
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-container[aria-label="third-container"] .social-share-div {
    bottom: calc(5% + 12px);
  }

  .cmp-container--change-grid-container.cmp-container--bg-color-blue .cmp-teaser__description {
    padding-bottom: 55px;
  }

  .cmp-container--spotlight-article-container .cmp-container {
    padding: 30px 20px 100px;
  }

  .cmp-container--clinical-article-container > .cmp-container {
    padding: 24px 20px 54px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  #interactive-carousel-4 .cmp-interactiveCarousel__slide-content .slide-score-form p#cmp-interactiveCarousel__score-error {
    top: 21em !important;
  }
  
  .cmp-container--article-page-hero-container .text{
  padding:0 10px;
}
 #consideration-assessing-metastatic .cmp-container--article-page-hero-container .text{
padding: 0 12px
}
}

@media (min-device-width: 390px) and (max-device-height: 664px) and (orientation: portrait) {
  #cap-reporting-template-update p.sub-bold-text {
    padding-right: 0px;
  }

  
}
@media screen and (max-width : 350px){
    #consideration-assessing-metastatic .cmp-text--hero-banner-title .cmp-text .h1{
    font-size:44px
}
}