/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



.all_text_white h1,
.all_text_white h2,
.all_text_white h3,
.all_text_white h4,
.all_text_white h5,
.all_text_white h6,
.all_text_white p{
  color:#ffffff !important;
}
h1{
  color: #00012F;
  font-family: Inter;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -1.2px;
  margin-top:0;
  margin-bottom:20px;
}
h2{
  color: #00012F;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 137.5%
  letter-spacing: -0.8px;
  margin-top:0;
  margin-bottom:20px;
}
h3{
  color: #00012F;
  font-family: Inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 126.667%;
  letter-spacing: -0.6px;
  margin-top:0;
  margin-bottom:20px;
}
h4{
  color: #00012F;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 158.333%;
  letter-spacing: -0.48px;
  margin-top:0;
  margin-bottom:20px;
}
h5{
  color: #156EB0;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 250%;
  margin-top:0;
  margin-bottom:20px;
  text-transform:uppercase;
}
h6{
  color: #00012F;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  margin-top:0;
  margin-bottom:20px;
}

p{
  color: #00012F;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-top:0;
  margin-bottom:20px;
}
.align_center{
  text-align:center;
}

.body-container--rare-disease ul {
  list-style: none;
  padding-left: 0;
  margin:0;
}
.body-container--rare-disease ul li {
  position: relative;
  padding-left: 35px; /* leave space for the icon */
  margin-bottom: 20px;
}
.body-container--rare-disease ul li:last-child{
  margin:0;
}
.body-container--rare-disease ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml;utf8,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="31" height="31" rx="15.5" fill="%2327B1BC" fill-opacity="0.2"/><path d="M9.6875 15.0156L13.8725 19.375L21.3125 11.625" stroke="%2324B0BB" stroke-width="3"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.body-container--rare-disease ul li h6{
  color: #27B1BC;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 160% */
  margin:0;
}
.body-container--rare-disease ul li p{
  color: #00012F;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
  margin:0;
}
.body-container--rare-disease form .hs-button{
  background-color: #EC297B;
}
.body-container--rare-disease form .hs-button:hover {
  background-color: #fcb51b;
}
.body-container--rare-disease .button,
.body-container--rare-disease .hs-button,
.body-container--rare-disease a.cta_button {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  background: #ec217b;
  width: 100%;
  height: 100%;
  padding: 18px 24px;
  border-radius: 100px;
  border: none;
  min-height: 28px;
  position: relative;
  display: inline-block;
  max-width: max-content;
  margin-top: 40px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  box-sizing: border-box !important;
  word-break: break-all;
  text-transform:capitalize;
}
.body-container--rare-disease .button:hover,
.body-container--rare-disease .hs-button:hover,
.body-container--rare-disease a.cta_button:hover {
  background: #FCB41A;
  transition: all 0.3s ease-in-out;
}


.body-container--rare-disease.v2 p{
  color: #535862;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 168.75% */
}
.body-container--rare-disease.v2 h1{
  font-size: 48px;
}
.body-container--rare-disease.v2 ul,
.body-container--rare-disease.v2 ol{
  margin: 0;
  padding: 0 0 24px 24px;
  margin-left: 24px;
}
.body-container--rare-disease.v2 ul li,
.body-container--rare-disease.v2 ol li{
  color: #535862;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 168.75% */
}
blockquote{
  color: #00012F;
  font-family: Inter;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.32px;
  margin: 0;
  padding-left: 40px;
  position:relative;
  z-index:1;
}
blockquote::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 19px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="19" viewBox="0 0 25 19" fill="none"><path d="M13.6529 13.3302C13.6529 11.8825 13.835 10.4349 14.199 8.9873C14.6036 7.53968 15.1901 6.2127 15.9587 5.00635C16.7678 3.75979 17.7387 2.69418 18.8714 1.80952C20.004 0.924868 21.339 0.321693 22.8762 0L24.5146 1.86984C23.4628 2.4328 22.5121 3.25714 21.6626 4.34286C20.8131 5.38836 20.3479 6.53439 20.267 7.78095C21.6424 7.98201 22.7751 8.6254 23.665 9.71111C24.555 10.7566 25 11.963 25 13.3302C25 14.1344 24.8382 14.8783 24.5146 15.5619C24.2314 16.2455 23.8269 16.8487 23.301 17.3714C22.7751 17.8942 22.1683 18.2963 21.4806 18.5778C20.7929 18.8593 20.0647 19 19.2961 19C17.7184 19 16.3835 18.4571 15.2913 17.3714C14.199 16.2857 13.6529 14.9386 13.6529 13.3302ZM0 13.3302C0 11.8825 0.182039 10.4349 0.546116 8.9873C0.950647 7.53968 1.53722 6.2127 2.30583 5.00635C3.07443 3.75979 4.02508 2.69418 5.15777 1.80952C6.33091 0.924868 7.68608 0.321693 9.2233 0L10.801 1.86984C9.74919 2.4328 8.79854 3.25714 7.94903 4.34286C7.13997 5.38836 6.69498 6.53439 6.61408 7.78095C7.98948 7.98201 9.12217 8.6254 10.0121 9.71111C10.9021 10.7566 11.3471 11.963 11.3471 13.3302C11.3471 14.1344 11.1853 14.8783 10.8617 15.5619C10.5785 16.2455 10.1739 16.8487 9.64806 17.3714C9.12217 17.8942 8.49515 18.2963 7.76699 18.5778C7.07929 18.8593 6.35113 19 5.58252 19C4.81392 19 4.08576 18.8593 3.39806 18.5778C2.71036 18.2963 2.10356 17.8942 1.57767 17.3714C1.09223 16.8487 0.707929 16.2455 0.424757 15.5619C0.141586 14.8783 0 14.1344 0 13.3302Z" fill="%2324B0BB"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px; /* spacing from the blockquote content */
  vertical-align: middle;
  left:0;
  position:absolute;
  top:10px;
}

p.title {
  border-radius: 12px 12px 0px 0px;
  background: #00012F;
  padding: 16px 24px;
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
}

.body-container--rare-disease.v2 .container, .content-wrapper, 
.body-container--rare-disease.v2 .dnd-section>.row-fluid, 
.body-container--rare-disease.v2 .footer__container, 
.body-container--rare-disease.v2 .header__container, 
.body-container--rare-disease.v2 .page-center {
  max-width: 1280px;
}

.body-container--rare-disease.v3 .button,
.body-container--rare-disease.v3 .hs-button, 
.body-container--rare-disease.v3 a.cta_button{
  color:#00012F;
  background:#ffffff;
}
.body-container--rare-disease.v3 p{
  color: #00012F;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 160% */
}
@media (max-width: 1024px) {
  .site-header-wrapper {
    min-height: 0rem !important;
  }

  br{
    display:none;
  }
}

@media (min-width: 1025px) {
  .site-header {
    height: 6rem !important;
  }

  .site-header-wrapper {
    min-height: unset;
  }
}

@media(max-width:767px){
  h1{
    font-size:38px;
  }
  .body-container--rare-disease.v2 h1{
    font-size: 38px;
  }
  h2{
    font-size:30px;
    line-height:45px;
  }
  h3{
    font-size:24px;
    line-height:36px;
  }
  .body-container--rare-disease ul li p,
  p{
    font-size:16px;
  }
  br{
    display:none;
  }
}