.cmp-experiencefragment--header.move-up {
  position: fixed;
  z-index: 1000;
  width: 100%;
}

.cmp-container--header .cmp-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}

.cmp-container--dark-background .cmp-container {
  text-align: center;
}

.cmp-container--header .cmp-container .cmp-image {
  width: 260px;
}

/*.cmp-container--header .cmp-container .cmp-image img {*/
/*  height: 44px;*/
/*}*/

.cmp-container--header .cmp-container .cmp-navigation a.cmp-navigation__item-link {
  color: #fff;
  font-family: "Inter-Medium";
  font-size: 16px;
  line-height: 24px;
  opacity: 90%;
  text-decoration: none;
}

.cmp-container--header .cmp-container .cmp-navigation a.cmp-navigation__item-link::after {
  display: block;
  content: "";
  border-bottom: solid 5px;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  position: relative;
  bottom: -5px;
}

.cmp-container--header .cmp-container .cmp-navigation a.cmp-navigation__item-link:hover::after {
  transform: scaleX(1);
  color: #9b30b3;
}

.cmp-container--header .cmp-container .cmp-navigation .cmp-navigation__item--active::after {
  display: block;
  content: "";
  border-bottom: solid 5px;
  transform: scaleX(1);
  transition: transform 250ms ease-in-out;
  position: relative;
  color: #9b30b3;
  bottom: 0px;
}

.cmp-container--section > .cmp-container {
  max-width: 1170px;
  margin: 0 auto;
}

.cmp-container--flex-grid .cmp-container > .aem-Grid {
  display: flex;
}

.cmp-container--background-image-position .cmp-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 20px;
  background-color: #051C39;
}

.cmp-container--background-image-bottom .cmp-container {
  background-image: url("/content/dam/intelligentcontent/unbranded/her2know/us/en/images/icons/blue_tear.png");
}

.cmp-container--bg-border  .cmp-container {
  background-image: url(/content/dam/intelligentcontent/unbranded/her2know/us/en/images/icons/bg_border.jpg);
}

.cmp-container--bg-ihc-image  .cmp-container {
  background-image: url(/content/dam/intelligentcontent/unbranded/her2know/us/en/images/icons/ihc-image-border.png);
  padding-bottom: 60px!important;
}

.cmp-container--bg-top  .cmp-container {
  background-image: url(/content/dam/intelligentcontent/unbranded/her2know/us/en/images/icons/bg-top.png);
  background-position: top!important;
}

.cmp-container--white .cmp-container {
  background-color: #fff;
}

.cmp-container--her2know-section,.cmp-container--bg-051c39,.cmp-container--imagelist-section,.cmp-container--banner-section,.cmp-container--comment-block,.cmp-container--error {
  background-color: #051C39;
}

.cmp-container--her2know-section > .cmp-container,.cmp-container--imagelist-section > .cmp-container {
  text-align: center;
  padding: 7em 0;
  position: relative;
}

.cmp-container--bottom-shape>.cmp-container {
  position: relative;
}

.cmp-container--bottom-shape>.cmp-container::after {
  background-image: url('/content/dam/intelligentcontent/unbranded/her2know/us/en/images/icons/shape2.png');
  content: '';
  width: 45%;
  height: 100%;
  position: absolute;
  bottom: 5%;
  right: -7%;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100%;
}

.cmp-page--ihc-knowledge-check .cmp-container--bottom-shape>.cmp-container::after {
  background-image: url('/content/dam/intelligentcontent/unbranded/her2know/us/en/images/icons/ihc-blue-img.png')!important;
  background-position: left bottom!important;
  bottom: 2%;
  right: -7%;
  width: 50%;
  overflow-x: hidden;
  background-size: 100%;
}

.cmp-container--banner-section > .cmp-container {
  text-align: center;
  padding: 90px 0 30px;
  position: relative;
  max-width: 960px;
  margin: auto;
}

.cmp-page--ihc-knowledge-check .cmp-container--banner-section > .cmp-container {
  max-width: 750px;
}

.cmp-page--resource-lab .cmp-container--banner-section > .cmp-container {
  max-width: 770px;
}

.cmp-container--shadow > .cmp-container {
  text-align: left;
  padding: 50px 32px;
  background: #04152B;
  border: 1px solid #04152B;
  box-shadow: 0px 4px 100px #04152b;
  border-radius: 16px;
  z-index: 1;
  position: relative;
  margin-top: 2em;
}

.cmp-container--shadow .button {
  margin-top: 3em;
}

.cmp-container--shadow > .cmp-container .cmp-video__video .cmp-video__thumbnail {
  border-radius: 16px;
}

.cmp-container--flex-3 > .cmp-container {
  padding: 3em 0em;
}

.cmp-container--flex-3 > .cmp-container .aem-Grid {
  display: flex;
  gap: 15px;
}

.cmp-container--rotate .cmp-container {
  transform: rotate(180deg);
}

.cmp-container-comment-flex .cmp-container {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.cmp-container--comment-block > .cmp-container {
  padding: 0 0 7em;
}

.cmp-container--white-text .cmp-container {
  padding: 96px 0;
}

.cmp-container--white-text .cmp-container .cmp-text {
  font-family: "Inter-Regular";
  font-size: 10pt;
  line-height: 20px;
  color: #1a1a1a;
}

.cmp-container--error .cmp-container {
  padding: 7em 1em 3em;
  text-align: center;
}

.cmp-container--margin-top-ihc .cmp-container {
  margin-top: 7em;
}

.cmp-container--tab-container > .cmp-container {
  padding: 4em 0 7em;
}

.cmp-container--grid-container .cmp-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
}

/*********************** Tabs ****************/
.cmp-tabs--tab .cmp-tabs__tablist {
  border-bottom: 2px solid #ddd;
  gap: 10px;
}

.cmp-tabs--tab .cmp-tabs__tab {
  font-size: 14pt;
  font-family: "Inter-SemiBold";
  color: #aaaab3;
  outline: none!important;
}

.cmp-tabs--tab .cmp-tabs__tab--active, .cmp-tabs--tab .cmp-tabs__tab:hover {
  color: #1a1a1a;
  border-bottom: 3px solid #9b30b3;
  font-weight: bold;
}

/******************* Carousel  *********************************/
.cmp-interactive-carousel .cmp-interactiveCarousel__slide-content .cmp-interactiveCarousel__slide-score-actions {
  gap: 3%;
}

.cmp-interactive-carousel .cmp-interactiveCarousel__slide-view-actions {
  display: flex;
  gap: 3%;
}

.cmp-carousel--default .cmp-carousel .cmp-carousel__actions {
  display: none;
}

.cmp-carousel--default .cmp-carousel__indicators {
  position: absolute!important;
  display: flex!important;
  gap: 10px;
  z-index: 2!important;
}

.cmp-carousel--default .cmp-carousel__indicator {
  background-color: #092A4E!important;
  border: 1px solid #092A4E!important;
  color: #092A4E!important;
  width: 8px!important;
  height: 8px!important;
}

.cmp-carousel--default .cmp-carousel__indicator--active {
  background-color: #9B30B3!important;
  border: 1px solid #9B30B3!important;
}

.cmp-carousel--default .cmp-carousel__indicator--active::after {
  border: none!important;
}

.cmp-carousel--home-banner,.cmp-container--bg-color-04152b {
  background-color: #04152b;
}

.cmp-carousel--home-banner .cmp-carousel {
  max-width: 1170px;
  margin: 0 auto;
  padding: 100px 0;
}

.cmp-carousel--home-banner .cmp-carousel__indicators {
  bottom: 21%!important;
  width: 150px!important;
  justify-content: flex-start!important;
}

.cmp-carousel--comments .cmp-carousel {
  position: relative;
}

.cmp-carousel--comments .cmp-carousel__indicators {
  right: 5%!important;
  top: -25%!important;
  width: 100px!important;
  justify-content: center!important;
}

.cmp-container--peer-left .cmp-container {
  text-align: left;
}

.cmp-container--tabs-container > .cmp-container {
  width: 87%;
  margin: auto;
}

.cmp-container--resources .cmp-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cmp-container--margin-2-4 > .cmp-container {
  margin: 2em 0 8em;
}

.cmp-container--padding-bottom-5 > .cmp-container {
  padding-bottom: 5em;
}

.view-slide-popup-modal a.view-slide-whole-image-link {
  padding: 10px 40px 10px 20px;
}

@media screen and (min-width: 1025px) {
  .cmp-carousel--mobile {
    display: none;
  }
}

.cmp-carousel--mobile .cmp-carousel__indicators {
  justify-content: center !important;
  bottom: 0px !important;
}

.cmp-carousel--mobile .cmp-carousel__item--swipe {
  flex-direction: row!important;
}

.cmp-carousel-horizontal--swipe {
  background: transparent!important;
  padding: 2em 0!important;
}

@media screen and (max-width:1199px) {
  body {
    padding: 0!important;
  }

  .cmp-container--section > .cmp-container,.cmp-carousel--home-banner .cmp-carousel {
    width: 90%;
  }

  .cmp-container--bottom-shape>.cmp-container::after {
    right: 0;
  }

  .cmp-container--banner-section > .cmp-container {
    max-width: none!important;
    width: 90%!important;
  }

  .cmp-page--ihc-knowledge-check .cmp-container--bottom-shape>.cmp-container::after {
    right: -2%;
    width: 80%;
  }

  .cmp-container--tabs-container > .cmp-container {
    width: 90%;
    margin: auto;
  }

  .cmp-carousel--home-banner .cmp-carousel__indicators {
    bottom: 18%!important;
  }
}

@media screen and (min-width:992px) {
  .cmp-tabs--tab .cmp-tabs__tablist {
    gap: 3em;
  }
}

@media screen and (min-width:768px) {
  .cmp-image--desk-hide {
    display: none;
  }

  .cmp-tabs--tab .cmp-tabs__tablist {
    flex-wrap: nowrap;
  }

  #mobile-resources {
    display: none;
  }
}

@media screen and (min-width:768px) and (max-width:1199px) {

  .cmp-container--header .cmp-container .cmp-navigation a.cmp-navigation__item-link {
    font-size: 14px;
  }

  .cmp-carousel--home-banner .cmp-carousel__content {
    padding-bottom: 8em;
  }

  .cmp-container--resources.cmp-container--mobile-hide .cmp-container {
    gap: 10px;
  }

  .cmp-container--grid-container .cmp-container {
    gap: 10px;
  }
}

@media screen and (max-width:768px) {
  .cmp-container--mobile-width-100 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .cmp-container--mobile-width-100 > .cmp-container {
    width: 90%;
    margin: 0 auto;
  }
}

@media screen and (max-width:767px) {
  .cmp-container--header .cmp-container .cmp-navigation a.cmp-navigation__item-link {
    font-size: 14pt;
  }

  .cmp-experiencefragment--header {
    border-bottom: 1px solid #aaaab3;
  }

  .cmp-container--bg-ihc-image  .cmp-container {
    padding-bottom: 30px!important;
  }

  .cmp-container--header .cmp-container .cmp-navigation .cmp-navigation__item--active::after {
    display: none;
  }

  .cmp-container--flex-grid .cmp-container > .aem-Grid,.cmp-container--flex-3 > .cmp-container .aem-Grid,.cmp-container-comment-flex .cmp-container {
    flex-direction: column;
    align-items: center;
  }

  .cmp-container--shadow.cmp-container--flex-grid .cmp-container > .aem-Grid {
    flex-direction: column-reverse;
  }

  .cmp-navigation > .cmp-navigation__group {
    display: none;
  }

  .navigation-overlay .navigation-mobile .cmp-navigation > .cmp-navigation__group {
    display: block;
  }

  .cmp-container--peer-left .cmp-container {
    padding: 0;
    text-align: left;
  }

  .cmp-carousel--home-banner .cmp-carousel__indicators {
    bottom: 0!important;
    width: 100%!important;
    justify-content: center!important;
  }

  .cmp-carousel--home-banner .cmp-carousel__content {
    padding-bottom: 10em;
  }

  .cmp-button--absolute {
    margin-top: 2em;
  }

  .cmp-container--mobile-center .cmp-container {
    text-align: center;
  }

  .cmp-button--absolute .cmp-button {
    padding: 20px;
    width: 60%;
    text-align: center;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
  }

  .cmp-container--header .cmp-container {
    flex-direction: row-reverse;
  }

  .ic-header .ic-hamburger .hamburger-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .ic-header .ic-hamburger .hamburger-wrapper .hamburger-line {
    width: 22px;
    display: block;
    height: 3px;
    background: #fff;
  }

  .ic-header .ic-hamburger.open .hamburger-wrapper {
    position: relative;
  }

  .ic-header .ic-hamburger.open .hamburger-wrapper .hamburger-top {
    position: absolute;
    transform: rotate(135deg);
    top: -5px;
  }

  .ic-header .ic-hamburger.open .hamburger-wrapper .hamburger-mid {
    position: absolute;
    transform: rotate(45deg);
    top: -5px;
  }

  .ic-header .ic-hamburger.open .hamburger-wrapper .hamburger-bottom {
    display: none;
  }

  .navigation-overlay.show {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1000;
    margin-top: 37px;
    background-color: #051c39;
    height: 100vh!important;
  }

  .navigation-mobile.open {
    display: block;
    padding: 1em;
  }

  .navigation-mobile.open .cmp-navigation__item-link {
    width: 100%;
    display: block;
  }

  .navigation-mobile.open .cmp-navigation__item-link::after {
    content: url('/content/dam/intelligentcontent/unbranded/her2know/us/en/images/icons/greater-than.png')!important;
    color: #fff;
    position: absolute!important;
    top: 29%;
    right: 17px;
    border-bottom: none!important;
    transform: none!important;
    transition: none!important;
    bottom: unset!important;
  }

  .cmp-container--background-image-position .cmp-container {
    background-position: 0 -8px;
  }

  .cmp-carousel--comments .cmp-carousel {
    position: relative;
    padding-bottom: 2em!important;
  }

  .cmp-carousel-horizontal .cmp-carousel__indicators {
    display: flex!important;
    right: unset!important;
    top: unset!important;
    bottom: 0%!important;
    left: 50%;
    transform: translateX(-50%)!important;
  }

  .cmp-tabs--tab .cmp-tabs__tab {
    text-align: center;
  }

  .cmp-tabs--tab .cmp-tabs__tab--active, .cmp-tabs--tab .cmp-tabs__tab:hover {
    border: 3px solid #9b30b3;
    background: #9b30b3;
    border-radius: 10px;
    color: #fff;
  }

  .cmp-tabs--tab .cmp-tabs__tablist {
    flex-direction: column;
  }

  /*.cmp-tabs--tab .cmp-tabs {*/
  /*  border-top: 1px solid #ddd;*/
  /*  padding-top: 10px;*/
  /*  border-bottom: 1px solid #ddd;*/
  /*  margin-bottom: 20px;*/
  /*}*/

  .cmp-container--resources .cmp-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .cmp-teaser--resources {
    flex-grow: 1;
  }

  .cmp-teaser--resources .cmp-teaser {
    width: 90%;
  }

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

  .cmp-container--header .cmp-container .image.cmp-image--desk-hide {
    flex-grow: 1;
  }

  .cmp-container--header .cmp-container .cmp-image {
    width: 140px;
    margin-left: 2em;
  }
}

/******************* Video **********************/
.cmp-video--resources .cmp-video__holder {
  position: relative;
  padding: 8em 0 1em;
}

.cmp-video--resources .cmp-video__player {
  margin: 1em 0;
}

.cmp-video--resources .cmp-video__item-title {
  position: absolute;
  top: 1em;
  font-family: "Inter-SemiBold";
  color: #fff;
  line-height: 24px;
  font-size: 22px;
}

.cmp-video--resources .cmp-video__item-text {
  font-size: 14pt;
  line-height: 30px;
  font-family: "Inter-Regular";
  font-weight: normal;
  color: #fff;
  opacity: 90%;
}

.cmp-tabs__tabpanel {
  padding: 1.5em 0;
}

.cmp-interactive-carousel.carousel {
  z-index: 2;
  position: relative;
}

@media screen and (min-width:768px) and (max-width:991px) {
  .cmp-navigation__group {
    justify-content: flex-end;
    gap: 4em;
    width: 90%;
  }

  .cmp-navigation__item {
    display: flex;
    width: 20%;
    margin: 0!important;
    white-space: unset!important;
  }

  .cmp-container--header .cmp-container {
    height: 120px;
  }

  .cmp-navigation {
    display: flex;
    justify-content: end;
  }

  .cmp-navigation__group {
    justify-content: end!important;
    gap: 2em;
  }

  .cmp-navigation__item:nth-child(3) {
    width: 40%;
  }

  .cmp-carousel--home-banner .cmp-carousel, .cmp-page--ihc-image .cmp-container--banner-section > .cmp-container, .cmp-page--resource-lab .cmp-container--banner-section > .cmp-container, .cmp-page--ihc-knowledge-check .cmp-container--banner-section > .cmp-container {
    padding-top: 120px;
  }
}