:root {
  --font: 'Komet';
  --blue: #002F6C;
  --lightGrey: #F5F5F5;
  --lightblue: rgba(0, 51, 102, 0.05);
  --grey: #4C4F56;
  --white: #fff;
  --orange: #FEA30B;
  --pink: #D0006F;
  --semibold: 600;
  --bold: 700;
}

#gettingIntimateBanner {
  background: linear-gradient(to right, #E6C8D8, #F3E2CE);
  padding: 72px 20px;
}
span.gap{
    white-space: nowrap;
}

#gettingIntimateBannerContent {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  gap: 14px;
  flex-direction: column;
  justify-content: flex-start;
}
#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead3, #sv-getting-intimate-with-attr-amyloidoises-page #six-lig #attr-subhead{
background: #F4F5F6;
}

#gettingIntimateBannerContent .banner-wrap {
  display: flex;
}

#leftContent {
  max-width: 593px;
}

#sv-getting-intimate-with-attr-amyloidoises-page sup {
  line-height: normal;
  display: inline;
  white-space: nowrap;
}

#gettingIntimateBanner h1 {
  /*color: var(--blue);*/
  /*font: 400 normal clamp(2.5rem, 2.1479rem + 1.5023vw, 3.5rem)/clamp(3rem, 2.5775rem + 1.8028vw, 4.2rem) var(--font);*/
  /*letter-spacing: clamp(-0.15rem, -0.1289rem + -0.0901vw, -0.21rem);*/
  /*margin: 0;*/
  font-family: "komet";
  font-weight: 400;
  line-height: 67.2px;
  letter-spacing: -0.06em;
  text-align: left;
  font-size: 56px;
  color: #002F6C;
  margin: 0;
}

#gettingIntimateBanner hr, #furtherReading hr {
  background: linear-gradient(305deg, #FEA30B 22.99%, #DA3287 84.44%);
  height: 3px;
  margin: 17px 0;
  border: 0;
}

#furtherReading hr {
  height: 2px;
}

#gettingIntimateBanner p {
  color: var(--blue);
  font: 500 normal 18px/27px var(--font);
  letter-spacing: -0.54px;
}

.contentContainer {
  max-width: 784px;
  margin: 0 auto;
  padding: 48px 0;
}

#anyLongTerm, #askingForSupport, #furtherReading {
  background: var(--lightGrey);
}

.contentContainer p {
  margin: 0 0 16px;
  font: 500 normal 16px/24px var(--font);
  letter-spacing: -0.64px;
  color: var(--grey);
}

.contentContainer p:last-child {
  margin: 0;
}

.contentContainer .last-para {
  letter-spacing: -0.03em;
}

.contentContainer h3 {
  font: 600 normal 26px/31.2px var(--font);
  letter-spacing: -1.04px;
  margin: 0 0 16px;
  color: var(--blue);
}

.contentContainer h3.second-heading {
  max-width: 70%;
}

.contentContainer h4, #sv-about-page h4, #sv-could-your-symptoms-be-attr-amyloidosis h4, #sv-how-its-attr-page h4, #sv-healthcare-team-page h4, #sv-maintaining-strong-relationships h4, #sv-getting-intimate-with-attr-amyloidoises-page h4 {
  font: 700 normal 20px/28px var(--font);
  margin: 0 0 16px;
  color: var(--blue);
}

#whatCanEffect, #mentalHealth, #howElse {
  background: #e9ebee;
}

#severalSupplements {
  background: var(--blue);
}

#severalSupplements .contentContainer p {
  color: #F5F5F5;
}

.learnMoreBtn {
  display: flex;
  gap: 20px;
  padding: 20px;
  align-items: center;
  background: var(--white);
  border: 1px solid var(--orange);
  border-radius: 8px;
  margin: 16px 0;
}

.learnMoreBtnText a {
  display: flex;
  gap: 8px;
  align-items: center;
  font: 500 normal 16px/24px var(--font);
  letter-spacing: -0.64px;
  color: var(--blue);
}

#sv-getting-intimate-with-attr-amyloidoises-page .learnMoreBtnText a {
  width: fit-content;
  text-decoration: none;
}

.learnMoreBtn h4 {
  margin: 0 0 7px;
}

.learnMoreBtnText {
  width: calc(100% - 107px);
}

#mentalHealth .learnMoreBtn, #askingForSupport .learnMoreBtn {
  margin: 16px 0 0;
}

#furtherReadingBlocksCon {
  display: flex;
  gap: 33px;
}

#furtherReading .contentContainer {
  max-width: 1200px;
}

#furtherReading h2 {
  font: 700 normal 36px/43.2px var(--font);
  color: var(--blue);
  margin: 0;
}

.furtherReadingBlocks {
  background: var(--white);
  padding: 20px;
  border-radius: 16px;
  box-shadow: 0px 70px 19px 0px rgba(0, 0, 0, 0.00), 0px 45px 18px 0px rgba(0, 0, 0, 0.01), 0px 25px 15px 0px rgba(0, 0, 0, 0.05), 0px 11px 11px 0px rgba(0, 0, 0, 0.09), 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
  width: 33.33%;
}

#tagLine {
  font: 500 normal 20px/30px var(--font);
  letter-spacing: -0.8px;
  color: var(--blue);
}

.furtherInfo {
  display: flex;
  gap: 13px;
  margin: 0 0 16px;
  align-items: center;
}

.furtherInfo div:first-child {
  padding: 4px 8px;
  background: var(--orange);
  border-radius: 8px;
  font: 400 normal 14px / 21px Roboto;
}

.furtherReadingBlocks > img:first-child {
  margin: 0 0 16px;
}

.timsStamp {
  display: flex;
  align-items: center;
  gap: 4px;
}

.furtherReadingBlocks:nth-child(2) .furtherInfo div:first-child {
  background: var(--pink);
  color: var(--white);
  font-family: Roboto;
}

.furtherReadingBlocks:nth-child(3) .furtherInfo div:first-child {
  background: var(--blue);
  color: var(--white);
}

.furtherReadingBlocks a {
  display: block;
  border: 1px solid var(--blue);
  border-radius: 100px;
  color: var(--blue);
  font: 600 normal 18px/21.6px var(--font);
  letter-spacing: -0.54px;
  padding: 8px 16px;
  text-align: center;
}

#anyLongTerm, #whatCanEffect, #severalSupplements, #mentalHealth, #askingForSupport, #howElse, #furtherReading {
  padding: 0 20px;
}

.timsStamp span {
  width: 81px;
  font: 400 normal 14px/21px var(--font);
  color: #323232;
}

.contentContainer p sup {
  font-size: X-small;
  display: inline-block;
  margin: 2px 0 0;
  line-height: 0;
}

.contentContainer a:hover {
  text-decoration: none;
}

#sv-getting-intimate-with-attr-amyloidoises-page #cont_ref {
  width: 100%;
  padding: 48px 120px;
  background: #7A858666;
}

#sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-header h3 {
  font-family: "Komet";
  font-size: 26px;
  font-weight: 600;
  line-height: 31.2px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #002F6C;
  margin: 0px;
}

#sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-copy {
  font-family: "Komet";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-top: 10px;
}

#sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-copy ul {
  list-style: decimal;
  margin-left: 20px;
}

#sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-copy ul li {
  font-family: "Komet";
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.03em;
  text-align: left;
}

#sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-copy ul li span {
  font-style: italic;
}

#sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-copy ul li a {
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.03em;
  text-decoration-line: underline;
  text-decoration-style: solid;
}

#sv-getting-intimate-with-attr-amyloidoises-page #acapella-inner-banner h1 {
  margin: 0;
}

#sv-getting-intimate-with-attr-amyloidoises-page #acapella-inner-banner .breadcrumb ul {
  margin-bottom: 17px;
}

#sv-getting-intimate-with-attr-amyloidoises-page #acapella-inner-banner p {
  font-size: 18px;
  letter-spacing: -0.40px;
  color: #002F6C;
}

#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead,
#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead2, 
#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead3, 
#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead4 {
  padding: 48px 20px 32px;
}

#sv-getting-intimate-with-attr-amyloidoises-page .mt-0 {
  margin: 0 0 24px 0;
}

#sv-getting-intimate-with-attr-amyloidoises-page .empty-btn {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap:16px 10px;
}

#sv-getting-intimate-with-attr-amyloidoises-page .empty-btn button {
  color: #4C4F56;
  font-family: Komet;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  padding: 8px 16px;
  border: 1px solid #4C4F56;
  border-radius: 40px;
  background-color: #FFFFFF;
}

#sv-getting-intimate-with-attr-amyloidoises-page .empty-btn button a {
  color: #4C4F56;
}

#sv-getting-intimate-with-attr-amyloidoises-page p a {
  color: #4C4F56;
  text-decoration: underline;
}

#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead4 ul, #sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead3 ul {
  margin-bottom: 16px;
}

#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead h4 {
  margin: 16px 0!important;
}

#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead ul {
  list-style: disc;
  margin-left: 28px;
}

#sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead ul li {
  color: #4C4F56;
  margin: 16px 0;
  font-family: Komet;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.64px;
}


@media screen and (max-width: 1439px) and (min-width: 993px) {
  #gettingIntimateBannerContent {
    max-width: 83.33333333333334vw;
    gap: 0.9722222222222222vw;
  }

  #gettingIntimateBanner {
    padding: 5vw 1.3888888888888888vw;
  }

  #leftContent {
    max-width: 41.18055555555556vw;
  }

  #gettingIntimateBanner h1 {
    font-size: clamp(1.75rem, -0.2444rem + 4.1605vw, 3.5rem);
    line-height: clamp(2.1rem, -0.2933rem + 4.9926vw, 4.2rem);
  }

  #sv-getting-intimate-with-attr-amyloidoises-page #rightContent {
    max-width: 41.18055555555556vw;
  }

  #gettingIntimateBanner hr, #furtherReading hr {
    margin: 1.1805555555555556vw 0;
  }

  #gettingIntimateBanner p {
    font: 500 normal clamp(0.5625rem, -0.0786rem + 1.3373vw, 1.125rem) / clamp(0.8438rem, -0.1178rem + 2.0059vw, 1.6875rem) var(--font);
  }

  #furtherReading .contentContainer {
    max-width: 83.33333333333334vw;
  }

  #furtherReading .contentContainer {
    padding: 3.3333333333333335vw 0;
  }

  #furtherReadingBlocksCon {
    gap: 2.2916666666666665vw;
  }

  #furtherReading h2 {
    font: 700 normal clamp(1.125rem, -0.1571rem + 2.6746vw, 2.25rem) / clamp(1.35rem, -0.1886rem + 3.2095vw, 2.7rem) var(--font);
  }

  .furtherReadingBlocks {
    padding: 1.3888888888888888vw;
    border-radius: 1.1111111111111112vw;
  }

  #furtherReading .furtherInfo {
    gap: 0.9027777777777777vw;
    margin: 0 0 1.1111111111111112vw;
  }

  .furtherReadingBlocks > img:first-child {
    margin: 0 0 1.1111111111111112vw;
  }

  #furtherReading .contentContainer h3 {
    font: 600 normal clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem) / clamp(0.975rem, -0.1362rem + 2.318vw, 1.95rem) var(--font);
    letter-spacing: -1.04px;
    margin: 0 0 1.1111111111111112vw;
    color: var(--blue);
  }

  .furtherInfo div:first-child {
    padding: 0.2777777777777778vw 0.5555555555555556vw;
    background: var(--orange);
    border-radius: 0.5555555555555556vw;
    font: 400 normal clamp(0.4375rem, -0.0611rem + 1.0401vw, 0.875rem) / clamp(0.6563rem, -0.0917rem + 1.5602vw, 1.3125rem) Roboto;
  }

  #furtherReading .timsStamp img {
    max-width: 1.6666666666666667vw;
  }

  #furtherReading .timsStamp span {
    width: 5.625vw;
    font: 400 normal clamp(0.4375rem, -0.0611rem + 1.0401vw, 0.875rem) / clamp(0.6563rem, -0.0917rem + 1.5602vw, 1.3125rem) var(--font);
    color: #323232;
  }

  #furtherReading .contentContainer p {
    margin: 0 0 1.1111111111111112vw;
    font: 500 normal clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem) / clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem) var(--font);
  }

  .furtherReadingBlocks a {
    border-radius: 6.944444444444445vw;
    font: 600 normal clamp(0.5625rem, -0.0786rem + 1.3373vw, 1.125rem) / clamp(0.675rem, -0.0943rem + 1.6048vw, 1.35rem) var(--font);
    padding: 0.5555555555555556vw 1.1111111111111112vw;
  }

  #anyLongTerm, #whatCanEffect, #severalSupplements, #mentalHealth, #askingForSupport, #howElse, #furtherReading {
    padding: 0 1.3888888888888888vw;
  }

  #sv-getting-intimate-with-attr-amyloidoises-page #cont_ref {
    padding: 3.3333333333333335vw 8.333333333333332vw;
  }

  .contentContainer {
    max-width: 54.44444444444444vw;
    padding: 3.3333333333333335vw 0;
  }

  .contentContainer p {
    margin: 0 0 1.1111111111111112vw;
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  .contentContainer p sup {
    font-size: smaller;
    margin: 0.1388888888888889vw 0 0;
  }

  .contentContainer {
    padding: 1.3888888888888888vw 0;
  }

  .contentContainer h3 {
    font-size: clamp(0.8125rem, -0.1135rem + 1.9316vw, 1.625rem);
    line-height: clamp(0.975rem, -0.1362rem + 2.318vw, 1.95rem);
    margin: 0 0 1.1111111111111112vw;
  }

  .contentContainer h4, #sv-about-page h4, #sv-could-your-symptoms-be-attr-amyloidosis h4, #sv-how-its-attr-page h4 {
    font-size: clamp(0.625rem, -0.0873rem + 1.4859vw, 1.25rem);
    line-height: clamp(0.875rem, -0.1222rem + 2.0802vw, 1.75rem);
    margin: 0 0 1.1111111111111112vw;
  }

  .contentContainer p {
    margin: 0 0 1.1111111111111112vw;
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-getting-intimate-with-attr-amyloidoises-page sup {
    line-height: 0;
  }

  .learnMoreBtn {
    gap: 1.3888888888888888vw;
    padding: 1.3888888888888888vw;
    margin: 1.1111111111111112vw 0;
  }

  #sv-getting-intimate-with-attr-amyloidoises-page .learnMoreBtnImg img {
    max-width: 7.430555555555555vw;
  }

  .learnMoreBtn h4 {
    margin: 0 0 0.4861111111111111vw;
  }

  .learnMoreBtnText a {
    gap: 0.5555555555555556vw;
    font-size: clamp(0.5rem, -0.0698rem + 1.1887vw, 1rem);
    line-height: clamp(0.75rem, -0.1048rem + 1.7831vw, 1.5rem);
  }

  #sv-getting-intimate-with-attr-amyloidoises-page .learnMoreBtnText a img {
    height: 0.6944444444444444vw;
    width: 0.4166666666666667vw;
  }

  .contentContainer {
    padding: 3.3333333333333335vw 0;
  }

  #mentalHealth .learnMoreBtn, #askingForSupport .learnMoreBtn {
    margin: 1.1111111111111112vw 0 0;
  }
}

@media only screen and (max-width: 992px) {
  /*#furtherReadingBlocksCon {*/
  /*  flex-direction: column;*/
  /*  align-items: center;*/
  /*  gap: 40px;*/
  /*}*/

  /*#furtherReadingBlocksCon .furtherReadingBlocks {*/
  /*  width: 100%;*/
  /*  max-width: 378px;*/
  /*}*/

  .contentContainer {
    padding: 20px 0;
  }

  #furtherReading .contentContainer {
    /*padding: 48px 0;*/
    ;
  }

  #leftContent {
    /*max-width: 400px;*/
    ;
  }
}

@media only screen and (max-width: 992px) {
  #gettingIntimateBannerContent {
    flex-direction: column;
    gap: 20px;
  }

  #leftContent {
    max-width: 100%;
  }

  #furtherReadingBlocksCon {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }

  #furtherReadingBlocksCon .furtherReadingBlocks {
    width: 100%;
    max-width: 378px;
  }

  .learnMoreBtnImg {
    width: 100%;
    max-width: 107px;
  }

  #sv-getting-intimate-with-attr-amyloidoises-page #cont_ref {
    padding: 20px;
  }

  #sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-copy ul li a {
    word-break: break-all;
  }

  #sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead, #sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead2, #sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead3, #sv-getting-intimate-with-attr-amyloidoises-page #attr-subhead4 {
    padding: 20px;
  }

  #sv-getting-intimate-with-attr-amyloidoises-page p {
    margin: 15px 0;
  }
}

@media screen and (max-width: 376px) {
  #sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-copy span.mobile-bad-break {
    display: inline-block;
    font-style: normal;
  }
}

@media screen and (max-width: 374px) and (min-width: 319px) {
  #sv-getting-intimate-with-attr-amyloidoises-page .furtherReadingBlocks .furtherInfo div {
    width: 50%;
    max-width: 120px;
    text-align: center;
  }
}

#sv-getting-intimate-with-attr-amyloidoises-page #cont_ref #txt_ref .refsection .ref-copy span.mobile-bad-break {
  font-style: normal;
}