#Home-Page {
  max-width: 100%;
  margin: 0 auto;
  background-color: #E9EFF0;
}

#Home-Page .cmp-text {
  padding: 0px;
}

#top-navigation-block .cmp-text {
  padding: 0;
}

#Home-Page .title {
  margin: 0;
}

#Home-background-banner {
  background-image: url("/content/dam/intelligentcontent/unbranded/aldosterone-hypertension/us/en/images/home-banner.png");
  width: 100%;
  min-height: 554px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top -44px right;
  position: relative;
  top: -57px;
}

#Home-background-banner .yellow-font {
  color: #f3be00;
}

#Home-background-banner #banner-container {
  padding: 91px 15px 23px;
  max-width: 1150px;
  margin: 0 auto;
}

#Home-background-banner #banner-container #txt_eyebrwon {
  display: flex;
}

#Home-background-banner #banner-container .eyebrown {
  margin-bottom: 20px;
  background-color: #f3be00;
  font-family: "pf-fuel-grime", sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 92%;
  letter-spacing: -0.01em;
  color: #0d161f;
    padding: 7px 6px 7px;
    height: 30px;
}

#Home-background-banner #banner-container .eyebrown:nth-child(2) {
  padding-left: 0px;
  margin-left: -1px;
}

#Home-background-banner #banner-container h1 {
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 700;
  font-size: min(3.75vw, 54px);
  line-height: min(3.413vw, 49.14px);
  letter-spacing: -0.02em;
}

#Video-container-outer {
  position: relative;
  /* width: 100%; */
  bottom: -20px;
}

#Video-container-outer #Video-wrapper {
  display: flex;
  /* padding-left: 42px; */
  /*gap: 20px;*/
  gap: 0;
  width: 100%;
  align-items: flex-start;
  /* justify-content: center; */
  max-width: 1115px;
  margin: 0 auto;
}

#Video-wrapper .image {
  max-width: 19.4%;
  margin: 0;
  width: 100%;
}

#Video-wrapper .image .cmp-image__title,
#Video-wrapper .title {
  display: none;
}

#Video-wrapper .title {
  width: 16.5%;
  margin: 0;
}

#Video-container-outer #Video-wrapper h2 {
  color: #ffffff;
  font-family: "pf-fuel-grime", sans-serif;
  font-size: min(2.14vw, 30.81px);
  line-height: min(1.862vw, 26.81px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.44px;
  text-align: center;
  padding: 13px 0 10px;
  width: auto;
}

#Video-container-outer #Video-wrapper h2 .yellow-font {
  font-size: min(1.624vw, 23.38px);
  line-height: min(1.413vw, 20.34px);
}

#Video-container-outer #Video-wrapper h2 .white-text {
  font-size: min(2.14vw, 30.81px);
  line-height: min(1.862vw, 26.81px);
}

#Video-container-outer #Video-wrapper .image .cmp-image--desktop {
  position: relative;
  left: -16px;
  top: -4px;
}

#Section-2-outer-section {
  margin-bottom: 104px;
}

/*#Section-2-inner-section {*/
/*   position: relative; */
/*   top: 198px; */
/*      margin-bottom: 107px;*/
/*   margin-top: 73px; */
/*}*/

#Section-2-inner-section .flex-subheading {
  margin-bottom: 43px;
  margin-top: 10px;
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 700;
  font-size: min(3.403vw, 49px);
  line-height: min(3.437vw, 49.49px);
  letter-spacing: -0.02em;
  text-align: center;
  color: #1e1e1e;
}

#Section-2-inner-section .flex-subheading .bold-text {
  background-color: #ffc130;
  font-family: "pf-fuel-grime", sans-serif;
  font-weight: 400;
  font-size: min(3.75vw, 54px);
  line-height: min(3.75vw, 54px);
  color: #291f1e;
  padding: 5px 7px 5px 8px;
  margin-top: 0px;
  height: 51px;
  display: inline-block;
}

#Section-2-inner-section div.innerwrapper-maxwidth {
  margin: 0 auto 0px;
  max-width: 1116px;
  padding: 0px;
}

#Section-2-flexwrapper > div {
  width: 34%;
}

#Section-2-flexwrapper {
  display: flex;
  gap: 6px;
  align-items: baseline;
}

#Section-2-flexwrapper #box-1,
#Section-2-flexwrapper #box-2,
#Section-2-flexwrapper #box-3 {
  border-radius: 10px;
  /*border: 2px solid  #91A7AE;*/
  background: linear-gradient(180deg, #202f39 0%, #3c4f5d 100%);
  padding-bottom: 1px;
}

#Section-2-flexwrapper .heading-section {
  display: flex;
  gap: 11px;
  padding: 31px 48px 18px 22px;
}

#Section-2-flexwrapper .heading-section img {
  height: 44px;
  width: 47px;
}

#Section-2-flexwrapper #box-2 .heading-section {
  padding: 30px 56px 19px 25px;
  gap: 4px;
}

#Section-2-flexwrapper #box-3 .heading-section {
  padding: 30px 86px 19px 19px;
  gap: 7px;
}

#Section-2-flexwrapper .heading-section h4 {
  color: #fff;
  font-family: "Inter", serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 123%;
  /* 25.83px */;
}

#Section-2-flexwrapper .flex-text {
  margin: 0 23px 0px 22px;
  color: #fff;
  font-family: "Inter", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */;
}

#Section-2-flexwrapper #box-2 .button-section {
  margin: 23px 0 40px 25px;
}

#Section-2-flexwrapper #box-2 .flex-text {
  margin: 0 26px 0px 25px;
}

#Section-2-flexwrapper #box-2 .button-section,
#Section-2-flexwrapper #box-3 .button-section {
  margin: 45px 0 40px 22px;
}

#Section-2-flexwrapper #box-3 .flex-text {
  margin: 0 24px 0px 25px;
}

#Section-2-flexwrapper .button-section {
  margin: 25px 0 38px 23px;
  display: flex;
  align-items: center;
  gap: 9px;
}

#Section-2-flexwrapper .button-section img {
  width: 8px;
}

#Section-2-flexwrapper .button-section a {
  font-family: "Inter", serif;
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 21px */
  letter-spacing: -0.28px;
  /*display: inline-block;*/
  padding-right: 0;
  text-decoration: none;
}

#Home-Page #Section-2-flexwrapper .button-section a:hover,
#Home-Page #Section-2-flexwrapper .button-section a:hover span {
  color: #f3be00;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 1.2px;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

#Section-2-flexwrapper #box-3 .button-section a {
  letter-spacing: -0.04em;
}

#Section-2-flexwrapper .text-nowrap {
  white-space: normal;
  display: inline-block;
}

#White-outer-container {
  background: #ffffff;
}

#White-outer-container div.innerwrapper-maxwidth {
  max-width: 1150px;
  padding: 0px;
}

#Home-Page #White-inner-container #White-main-section .title {
  width: 100%;
}

#Home-Page #White-inner-container #White-main-section h2 {
  font-family: "bebas-neue-pro", sans-serif;
  font-weight: 700;
  font-size: 49px;
  line-height: 49.49px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #000000;
  padding: 100px 0 35px;
  width: 100%;
}

#Home-Page #White-inner-container #White-main-section h2 .yellow-text {
  background-color: #f3be00;
  font-family: "pf-fuel-grime", sans-serif;
  font-weight: 400;
  font-size: 54px;
  line-height: 58.32px;
  text-align: center;
  color: #000000;
  height: 54px;
  display: inline-block;
  padding: 5px;
}

#Home-Page #White-inner-container .whitecontainer-sub-text {
  font-family: "Inter", serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 25.83px;
  text-align: center;
  color: #111d29;
}

#Home-Page #White-inner-container .whitecontainer-sub-text b {
  font-weight: 700;
}

#Home-Page #White-inner-container #yellow-button {
  background: #f3be00;
  font-family: "Inter", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22.4px;
  padding: 13px 56px 13px 24px;
  margin: 0 auto;
}

#Home-Page #White-inner-container #yellow-button:hover {
  background-color: #fff;
}

#Home-Page #White-inner-container #button {
  padding: 38px 0 97px;
}

#Home-Page #White-inner-container #yellow-button .arrow-container {
  position: absolute;
  right: 14px;
  top: 13px;
}

#Home-Page #White-inner-container #yellow-button a {
  font-family: "Inter", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 22.4px;
  text-decoration: none;
  color: #000000;
}

#Home-Page .hard-to-control,
#Home-Page .aldosterone-treatment-sup,
#Home-Page .aldosterone-outcomes-sup,
#Home-Page .hypertention-page {
  display: none;
}

#Home-Page .home-page-sup {
  display: inline-block;
}

#Home-Page #clock-background,
#Home-Page #Reference-container,
#Home-Page #global-main-footerblock {
  background-color: #fff;
}

#Home-Page #Reference-container,
#Home-Page #global-main-footerblock {
  background-color: #fff;
  display: flex;
}
/*#Home-Page #bottom-reference-block .referencetexts:nth-child(2){*/
/*    padding-top:10px;*/
/*}*/
#Home-Page #bottom-reference-block {
  margin-top: 64px;
}

#Home-Page .reference-section {
  margin-top: 35px;
  color: #000;
}

#Home-Page .reference-section p {
  color: #000;
  font-family: "Inter", serif;
  font-size: min(0.972vw, 14px);
  line-height: min(1.322vw, 19.04px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.14px;
  text-decoration: none;
}

#Home-Page .reference-section .bold-text {
  font-family: "Inter", serif;
  font-size: min(0.972vw, 14px);
  line-height: min(1.458vw, 21px);
  font-style: normal;
  font-weight: 700;
}

#Home-Page .reference-section ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 15px;
}

#Home-Page .reference-section ol li,
#Home-Page .reference-section ol li a {
  color: #000;
  font-family: "Inter", serif;
  font-size: min(0.972vw, 14px);
  line-height: min(1.322vw, 19.04px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.14px;
  text-decoration: none;
  margin-bottom: 15px;
}

#Home-Page .reference-section ol li::marker {
  font-weight: 700;
}

  #Home-Page #Video-wrapper #txt_videothumb {
      display:none;
  }
  
  #Home-Page .modal.cmp-modal__modalbox.modal--visible{
      display:none;
  }
  #Home-Page.page.basicpage.modal-enabled{
      overflow: auto;
  }

@media only screen and (min-width: 1440px) {
  #Section-2-flexwrapper #box-2 .button-section {
    margin: 45.37px 0 40px 22px;
  }

} 

@media only screen and (min-width: 992px) and (max-width: 1439px) {
  #Home-background-banner {
    min-height: 34.375vw;
    background-position: top -3.0555555555555554vw right;
  }

  #Home-background-banner #banner-container {
    padding: 7vw 1.041vw 2.43vw;
    max-width: 79.87vw;
  }

  #Home-background-banner #banner-container .eyebrown {
    margin-bottom: 1.39vw;
    font-size: min(1.597vw, 23px);
    line-height: min(1.469vw, 21.16px);
    height: 2.083333333333333vw;
    padding:0.5555555555555556vw 0.4166666666666667vw
  }

  #Video-container-outer #Video-wrapper {
    margin-bottom: 0;
    /*margin-bottom: 5.0695vw;*/
    /*padding-left: 2.917vw;*/
    gap: 0;
    /*gap:0.3472222222222222vw;*/
    max-width: 77.43055555555556vw;
  }

  #Video-container-outer {
    bottom: -0.4861111111111111vw;
  }

  #Video-wrapper .image {
    width: 100%;
    max-width: 19.4%;
  }

  #Video-wrapper .title {
    width: 16.5%;
    /* margin: 4.583vw 0 0 0; */;
  }

  #Section-2-outer-section {
    margin-bottom: 7.430555555555555vw;
  }

  #Video-container-outer #Video-wrapper h2 {
    padding: 0.903vw 0 0.69vw;
    /*width: 22.569vw;*/;
  }

  /* #Section-2-inner-section {
      top: 20.416vw;
      margin-bottom: 25.763vw;
    } */
  #Section-2-inner-section .flex-subheading {
    margin-bottom: 3.4027vw;
    margin-top: 1.1111111111111112vw;
  }

  #Section-2-inner-section div.innerwrapper-maxwidth {
    max-width: 77.43055555555556vw;
  }

  #Section-2-flexwrapper {
    gap: 0.4166666666666667vw;
  }

  #Section-2-flexwrapper > div {
    width: 34%;
  }

  #Section-2-flexwrapper #box-1,
  #Section-2-flexwrapper #box-2,
  #Section-2-flexwrapper #box-3 {
    min-height: 17.778vw;
  }

  #Section-2-flexwrapper .heading-section {
    gap: 0.7638888888888888vw;
    padding: 2.1527777777777777vw 2.638888888888889vw 1.25vw
      1.5277777777777777vw;
  }

  #Section-2-flexwrapper .heading-section h4 {
    font-size: min(1.458vw, 21px);
    line-height: min(1.794vw, 25.83px);
  }

  #Section-2-flexwrapper .flex-text {
    margin: 0 1.597222222222222vw 0px 1.5277777777777777vw;
    font-size: min(1.111vw, 16px);
    line-height: min(1.556vw, 22.4px);
  }

  #Section-2-flexwrapper .button-section {
    margin: 1.736vw 0 2.638vw 1.597vw;
    gap: 0.625vw;
  }

  #Section-2-flexwrapper .button-section a {
    font-size: min(0.972vw, 14px);
    line-height: min(1.458vw, 21px);
  }

  #Section-2-flexwrapper .button-section img {
    width: 0.55vw;
  }

  #Section-2-flexwrapper #box-2 .heading-section {
    padding: 2.083333333333333vw 3.194444444444444vw 1.3194444444444444vw
      1.7361111111111112vw;
    gap: 0.2777777777777778vw;
  }

  #Section-2-flexwrapper #box-2 .flex-text {
    margin: 0 1.8055555555555554vw 0px 1.7361111111111112vw;
  }

  #Section-2-flexwrapper #box-2 .button-section {
    margin: 1.597222222222222vw 0 4.3vw 1.7361111111111112vw;
  }

  #Section-2-flexwrapper #box-3 .heading-section {
    padding: 2.083333333333333vw 5.972222222222222vw 1.3194444444444444vw
      1.3194444444444444vw;
    gap: 0.4861111111111111vw;
  }

  #Section-2-flexwrapper #box-3 .flex-text {
    margin: 0 1.6666666666666667vw 0px 1.7361111111111112vw;
  }

  #Section-2-flexwrapper #box-3 .button-section {
    margin: 3.125vw 0 2.78vw 1.5278vw;
  }

  #Home-Page #White-inner-container #White-main-section h2 {
    font-size: min(3.403vw, 49px);
    line-height: min(3.437vw, 49.9px);
    padding: 6.944444444444445vw 0 2.430555555555556vw;
  }

  #Home-Page #White-inner-container #White-main-section h2 .yellow-text {
    font-size: min(3.75vw, 54px);
    line-height: min(4.05vw, 58.32px);
            height: 3.75vw;
        padding: 0.347vw;
  }

  #Home-Page #White-inner-container .whitecontainer-sub-text {
    font-size: min(1.458vw, 21px);
    line-height: min(1.794vw, 25.83px);
  }

  #Home-Page #White-inner-container #button {
    padding: 2.430555555555556vw 0 6.944444444444445vw;
  }

  #Home-Page #White-inner-container #yellow-button {
    font-size: min(1.111vw, 16px);
    line-height: min(1.556vw, 22.4px);
    padding: 0.9027777777777777vw 3.888888888888889vw 0.9027777777777777vw
      1.6666666666666667vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1300px) {
  #Home-Page #White-inner-container #yellow-button .arrow-container {
    top: 23%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1300px) {
  #Home-Page #White-inner-container #yellow-button .arrow-container {
    top: 23%;
  }
}

@media only screen and (max-width: 991px) {
  #Home-background-banner {
    background-image: url(/content/dam/intelligentcontent/unbranded/aldosterone-hypertension/us/en/images/hero-mb-home.webp);
    background-position-y: -37.69230769230769vw;
    padding: 0;
    top: 0px;
    background-size: cover;
    background-color: #0E0606;
    min-height: 150.5128205128205vw;
    height: auto;
    display: flex;
    flex-direction: column;
    
    justify-content: space-between;
  }

  #Home-background-banner #banner-container {
    padding: 26px 15px 217px;
    max-width: fit-content;
    margin: 0 auto;
  }

  #Home-background-banner #banner-container #txt_eyebrwon {
    width: 254px;
    margin: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 9px;
  }

  #Home-background-banner #banner-container .eyebrown {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.72px;
    letter-spacing: -0.03em;
    margin: 0 auto 9px;
    padding: 5px 5px 2px 7px;
    max-width: 100%;
    width: 100%;
    height: auto;
    text-align: center;
    display: inline;
    margin-bottom: 0px;
    width: auto;
  }

  #Home-background-banner #banner-container .eyebrown:nth-child(2) {
    padding: 5px 5px 3px 7px;
    margin-left: auto;
  }

  #Home-background-banner #banner-container h1 {
    width: 100%;
    margin: 0 auto;
    font-size: 31px;
    line-height: 31px;
  }

  #Video-container-outer {
    bottom: 0px;
    margin-bottom: 9.487179487179487vw;
  }

  #Home-background-banner .video {
    width: 100%;
  }

  #Home-background-banner .video .cmp-video__thumbnail {
    max-height: 187px;
  }

  #Home-background-banner .cmp-video__thumbnail {
    /*width: 94.2%;*/
    width: 87.5%;
  }

  #Home-background-banner .cmp-video__video {
    height: 187px;
  }

  #Home-background-banner .cmp-video__player {
    min-height: 187px;
    height: auto !important;
    padding-right: 0;
  }

  #Video-container-outer #Video-wrapper {
    /* position: absolute; */
    /* top: -220px; */
    padding-left: 0px;
    /* gap: 27px; */
    gap: 0;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
  }

  #Video-wrapper .image {
    /*width: 91%;*/
    width: 87.5%;
    display: none;
  }

  #Video-wrapper .title {
    display: none;
  }

  #Video-container-outer #Video-wrapper .image .cmp-image--desktop {
    left: 0px;
  }

  #Section-2-inner-section {
    top: 0px;
    margin-bottom: 0;
  }

  #Section-2-flexwrapper {
    flex-direction: column;
    gap: 10px;
  }

  #Section-2-inner-section div.innerwrapper-maxwidth {
    padding: 0;
    margin: 0 17px 0 18px;
  }

  #Section-2-inner-section .flex-subheading {
    font-family: "bebas-neue-pro", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 31.2px;
    text-align: center;
    margin: 25px 22px 24px;
    letter-spacing: -0.03em;
  }

  #Section-2-inner-section .flex-subheading .bold-text {
    font-weight: 400;
    font-size: 33px;
    line-height: 31.68px;
    align-content: center;
    text-align: center;
    padding: 6px 2px 0px 2px;
    height: 35px;
  }

  #Home-Page #White-inner-container #White-main-section h2 br {
    display: none;
  }

  #Section-2-flexwrapper > div {
    width: 100%;
  }

  #Section-2-flexwrapper .heading-section {
    gap: 12px;
    padding: 31px 49px 15px;
    margin: 0 auto;
  }

  #Section-2-flexwrapper .heading-section img {
    max-width: 45px;
    width: 100%;
  }

  #Section-2-flexwrapper #box-2 .heading-section {
    padding: 35px 53px 19px;
    gap: 9px;
  }

  #Section-2-flexwrapper #box-2 .flex-text {
    margin: 0 auto;
    max-width: 86%;
    width: 100%;
  }

  #Section-2-flexwrapper #box-2 .heading-section,
  #Section-2-flexwrapper #box-3 .heading-section {
    padding: 35px 53px 19px;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
  }

  #Section-2-flexwrapper #box-3 .heading-section {
    padding: 33px 0 16px;
    gap: 7px;
    margin: 0 auto;
  }

  #Section-2-flexwrapper #box-3 .flex-text {
    margin: 0 auto;
  }

  #Home-Page #White-inner-container #White-main-section h2 {
    font-size: 30px;
    line-height: 31.2px;
    text-align: center;
    color: #000000;
    padding: 62px 0 25px;
    max-width: 82%;
    letter-spacing: normal;
    margin: 0 auto;
  }

  #Home-Page #White-inner-container #White-main-section h2 .yellow-text {
    font-size: 33px;
    line-height: 31.68px;
    text-align: center;
    padding: 6px 9px 0px;
    letter-spacing: normal;
    align-content: center;
    height: 35px;
  }

  #Section-2-outer-section {
    margin-bottom: 56px;
  }

  #Home-Page #White-inner-container .whitecontainer-sub-text {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
  }

  #Home-Page #White-inner-container .whitecontainer-sub-text p {
    max-width: 85%;
    margin: 0 auto;
  }

  #Section-2-flexwrapper .heading-section h4 {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.89px;
  }

  #Home-Page #White-inner-container #button {
    padding: 26px 0 49px;
  }

  #Home-Page #White-inner-container #yellow-button {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    padding: 11px 12px 11px 12px;
    margin: 0 auto;
    /*max-width: 93%;*/
    max-width: 363px;
    width: 100%;
    text-align: justify;
  }

  #Home-Page #White-inner-container #yellow-button a {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
  }

  #Home-Page #White-inner-container #yellow-button .arrow-container {
    position: absolute;
    right: 17px;
    top: 8px;
  }

  #Section-2-flexwrapper .flex-text {
    /* margin: 0 24px 0 21px; */
    margin: 0 auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
    max-width: 81%;
    width: 100%;
  }

  #Section-2-flexwrapper .button-section {
    margin: 17px 0 43px 33px;
    gap: 13px;
  }

  #Section-2-flexwrapper #box-2 .button-section {
    margin: 0 auto;
    max-width: fit-content;
    padding: 19px 0 42px;
  }

  #Section-2-flexwrapper #box-3 .button-section {
    margin: 32px auto 42px;
    max-width: fit-content;
  }

  #Section-2-flexwrapper .button-section a {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.28px;
    padding-right: 0px;
  }

  #Section-2-flexwrapper #box-3 .button-section a {
    letter-spacing: -0.04em;
  }

  #Home-Page #bottom-reference-block {
    margin: 38px 19px 0px;
  }

  #Reference-container div.innerwrapper-maxwidth {
    padding: 0;
  }

  #Home-Page .reference-section {
    margin-top: 24px;
  }

  #Home-Page .reference-section ol {
    margin-left: 10px;
  }

  #Home-Page .reference-section p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: -0.14px;
    word-break: break-all;
  }

  #Home-Page .reference-section .bold-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
  }

  #Home-Page .reference-section ol li,
  #Home-Page .reference-section ol li a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: -0.14px;
    word-break: break-word;
  }

  #Home-Page #clock-background #right-container .text-body {
    text-align: center;
  }
  
  
  #Home-Page #Video-wrapper .video{
      display:none;
  }
  #Home-Page #Video-wrapper #txt_videothumb {
      display : block;
      margin: 0 6.41025641025641vw ;
  }
    #Home-Page #Video-wrapper #txt_videothumb a,
  #Home-Page #Video-wrapper #txt_videothumb a:hover,
  #Home-Page #Video-wrapper #txt_videothumb a:active{
    outline: none;
  }

  #Home-Page .modal.modal--visible h2{
      display:none;
  }
  #Home-Page .modal.modal--visible .modal-box{
    max-width: 100%;
    height: auto;
    background: transparent;
  }
  #Home-Page .modal.modal--visible .modal-box{
    /*background: #fff;*/
  }
  
  #Home-Page  .modal.cmp-modal__modalbox.modal--visible button svg{
      display:none;
  }
#Home-Page  .modal.cmp-modal__modalbox.modal--visible button span.modal__closeIcon{
        background:url(/content/dam/intelligentcontent/unbranded/aldosterone-hypertension/us/en/images/popup-close.svg);
        height:10.256410256410255vw;
        width:10.256410256410255vw;
        display: flex;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    #Home-Page  .modal.cmp-modal__modalbox.modal--visible button{
       right: unset;
        left: unset;
        transition: unset;
        transform: translate(41.02564102564102vw, -37.17948717948718vw);
        outline: none;
    }
    
    #Home-Page .modal.modal--visible .video {
        width:100%;
        max-width:100%;
        
    }
    #Home-Page .modal.modal--visible .cmp-video__player{
        padding:0px;
    }
  
    #Home-Page .cmp-modal__modalbox .modal-box__content {
        padding: 6.41025641025641vw;
    }
  #Home-Page .modal.cmp-modal__modalbox.modal--visible{
      display:flex;
  }
    
    
}

@media only screen and (max-device-width: 991px) and (orientation: landscape) {
    #Home-Page .modal.cmp-modal__modalbox.modal--visible button{
        transform: none;
        top: 0px;
        right: 4%;
    }
    #Home-Page .modal.cmp-modal__modalbox.modal--visible button span.modal__closeIcon{
        background-size: 100%;
        max-width: 50px;
        max-height: 50px;    
    }
    #Home-Page .modal.cmp-modal__modalbox.modal--visible {
        overflow: scroll;
    }
    #Home-Page .cmp-modal__modalbox .modal-box__content{
        padding: 50px;
        height: 100vh;
    }
    #Home-Page .modal.modal--visible .cmp-video__player{
        padding: 0px;
        height: calc(100vh - 100px) !important;
        width: auto;
    }
    
    /*
    #Home-Page .modal.modal--visible .modal-box{
        max-width: unset;
        height: 100%;
        width: auto;
    }
    #Home-Page .cmp-modal__modalbox .modal-box__content{
        height: 100%;
        padding: 25px;
    }
    #Home-Page .cmp-modal__modalbox .modal-box__content > div{
        height: 100%;
    }    
    #Home-Page .cmp-modal__modalbox .modal-box__content .cmp-modal__content{
        height: 100%;
    }    
    #Home-Page .cmp-modal__modalbox .modal-box__content .cmp-modal__content .video {
        width: auto;
        max-width: unset;
        height: 100%;
    }
    #Home-Page .cmp-modal__modalbox .modal-box__content .cmp-modal__content .cmp-video{
        height: 100%;
        display: flex;
        justify-content: center;
    }    
    
    #Home-Page .cmp-modal__modalbox .modal-box__content .cmp-modal__content .cmp-video .cmp-video__player{
        height: 100% !important;
    }
    */
    
    
}

@media only screen and (min-width: 400px) and (max-width:500px) {
  /*#Home-background-banner {
    height: auto;
        min-height: auto;
  background-position-y: -147px ! important;
  }*/

  #Home-background-banner #banner-container {
    padding: 25px 15px 228px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 991px) {
/*  #Home-background-banner {
    background-position: 100% 67.5%;
  }
  */

  #Section-2-flexwrapper #box-1 .button-section {
    padding: 17px 0 43px 33px;
    margin: 0 auto;
    max-width: fit-content;
  }

  #Section-2-flexwrapper #box-1 .heading-section {
    max-width: fit-content;
    align-items: center;
  }

  #Home-background-banner .video .cmp-video__thumbnail {
    max-height: fit-content;
  }

  #Home-background-banner .cmp-video__video {
    height: auto;
  }
  
  
}


/*------------------------------------- Compability changes------------------------ */
@media only screen and (min-width: 400px) and (max-width: 991px) {
  #Home-background-banner .cmp-video__player {
    padding-bottom: 30px;
  }

  .new.newpar.section {
    display: none;
  }

  #Section-2-flexwrapper #box-1, #Section-2-flexwrapper #box-2, #Section-2-flexwrapper #box-3 {
    max-width: 450px;
    margin: 0 auto;
  }

  #Home-background-banner .cmp-video__video {
    /*height: 350px;*/
    height:auto;
    width: 90%;
    margin: 0 auto;
  }

  #Home-Page #bottom-reference-block,
  #role-of-aldosterone-pageId #bottom-reference-block{
    padding: 0 10px;
  }

  #arrow-risk-section-image .cmp-image--mobile {
    display: block !important;
  }

  #arrow-risk-section-image > img.cmp-image__image.cmp-image--desktop {
    display: none !important;
  }
  #Home-background-banner .cmp-video__video {
    height: 400px;
    width: 90%;
    margin: 0 auto;
  }
}




@media only screen and (max-width: 374px) {
  #Home-background-banner {
    background-position: top;
  }

  #Home-Page #White-inner-container #White-main-section h2 .yellow-text {
    padding: 6px 9px 0px;
    height: 35px;
  }

  #Home-background-banner #banner-container {
    padding: 26px 15px 205px;
  }

  #Section-2-flexwrapper .heading-section {
    padding: 31px 44px 15px;
  }

  #Section-2-flexwrapper #box-1 .button-section {
    gap: 8px;
    margin: 17px 20px 43px;
  }

  #Section-2-flexwrapper .button-section a {
    letter-spacing: -0.04em;
    font-size: 12px;
    width: auto;
  }

  #Home-Page #White-inner-container #yellow-button {
    width: auto;
    max-width: 90%;
    text-align: left;
  }

  #clock-background {
    min-height: 380px;
  }
}

@media only screen and (min-width: 350px) and (max-width: 373px) {
  #Home-Page #White-inner-container #yellow-button a {
    font-size: 13px;
  }
}


@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  @media only screen and (max-width: 991px) {
    #Home-Page #Section-2-inner-section .flex-subheading .bold-text {
      height: auto;
    padding: 5px 5px 4px;
  }

  #Home-Page #White-inner-container #White-main-section h2 .yellow-text {
    height: auto;
    padding: 5px 9px 3px;
  }
}
}