@font-face {
  font-family: "DM-Sans";
  src: url("../fonts/DMSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "DMSans-Bold";
  src: url("../fonts/DMSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "DMSans-Medium";
  src: url("../fonts/DMSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/Roboto-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "F37Incise-Black";
  src: url("../fonts/F37Incise-Black.woff") format("woff");
}

@font-face {
  font-family: "F37Incise-Bold";
  src: url("../fonts/F37Incise-Bold.woff") format("woff");
}
@font-face {
  font-family: "F37Incise-Medium";
  src: url("../fonts/F37Incise-Medium.woff") format("woff");
}

:root {
  --blue: #2c017c;
  --deep-gold: #C98508;
  --gold: #F3A900;
  --silver: #DDE5ED;
  --grey: #767476;
  --white: #ffffff;
  --lightgrey: #dce5ec;
  --black: #000000;
}

body {
  font-family: "DM-Sans";
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
  overscroll-behavior: none;
}

p {
  font-size: 18px;
  line-height: 22px;
  font-family: "DM-Sans";
}

p.small {
  font-size: 14px;
  font-family: "DM-Sans";
  line-height: 17px;
}

h1 {
  font-size: 38px;
  line-height: 42px;
  color: var(--blue);

}

.main-banner h2 {
  font-family: "F37Incise-Bold";
  color: var(--blue);
  font-size: 34px;
  line-height: 34px;
  text-transform: uppercase;

}

h2 {
  font-family: "DM-Sans";
  color: var(--blue);
  font-size: 32px;
  line-height: 38px;

}

h4 {
  font-size: 23px;
  line-height: 28px;
  font-family: "DMSans-Bold";
}

h4.blue {
  color: #2b027c;
}

.gold {
  color: var(--gold);
}
.deep-gold {
  color: var(--deep-gold);
}

.white {
  color: var(--white);
}

.reference-section p {
  font-size: 12px;
  line-height: 15px;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: 0.125em;
  content: "";
  border: solid;
  border-width: 0 2px 2px 0;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  vertical-align: -0.225em;
}

.navbar-nav .dropdown.active .dropdown-menu.show {
  width: 100%;
  margin-top: 0px;
  background: #f5f9fc;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
  border: 0px;
  border-radius: 0px;
  text-align: center;
  padding: 32px 0px;
  left: 0;
  z-index: 1000;
  top: 100%;
  border-top:1px solid #7A95AE;
}
 .main-menu .navbar{
    padding-top: 21px;
    padding-bottom: 21px;
  }
.dropdown-item.active,
.dropdown-item:active {
  border-bottom: 4px solid #7C63AC;
  color: var(--blue);
  background: none;
}

.navbar-nav .dropdown.active {
  position: static;
}

.navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item {
  display: inline;
  color: var(--grey);
  font-family: "Roboto-Bold";
}

.navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item:hover {
  background: none;
}

.reference-section span.strong {
  font-family: "DMSans-Bold";
}

.reference-section span.color-magenta {
  color: #ff00ff;
}

.topbar-link {
  display: flex;
  justify-content: space-between;
}

.symptoms .body {
  position: relative;
  text-align: center;
}

.symptoms {
  position: relative;
}

.pulsating-circle {
  position: absolute;
  width: 17px;
  height: 17px;

}

.pulsating-circle.eyes {
  left: 52%;
  top: 5%;
}

.pulsating-circle.mouth {
  left: 48%;
  top: 10%;
}

.pulsating-circle.lungs {
  left: 52%;
  top: 35%;
}

.pulsating-circle.digestive-system {
  left: 48%;
  top: 50%;
}

.pulsating-circle.esophagus {
  left: 48%;
  top: 19%;
}

.pulsating-circle.skin {
  left: 64%;
  top: 55%;
}

.pulsating-circle.joints {
  left: 54%;
  top: 72%;
}

.pulsating-circle.liver {
  left: 45%;
  top: 40%;
}

.pulsating-circle.active img {
  -webkit-box-shadow: 0px 0px 6px 1px #7C63AC;;
  box-shadow: 0px 0px 6px 1px #7C63AC;
  border-radius: 50%;
}

.flip-card-inner.active {
  -webkit-box-shadow: 0px 0px 15px 0px #7C63AC;
  box-shadow: 0px 0px 5px 0px #7C63AC;
}
.flip-card-inner.active .flip-card-front{
  border-radius:15px 0px 15px 0px !important;
}

.site-banner {
  background: url(../images/Niktimvo_Website_Header_Image.webp) no-repeat;
  padding: 64px 0px;
  text-align: center;
  background-size: cover;
  border-radius:0px 30px;
}

.site-banner.about {
  padding: 43px 0px;
}

.site-banner.help {
  padding: 26px 0px;
}
.site-banner.help h5{
  margin-bottom:10px;
  font-family: "DM-Sans";
}
.site-banner.alternative {
  padding: 43px 0px 43px;
}

.body-links ul {
  padding-left: 0px;
}

.body-links ul li {
  display: inline-block;
  list-style: none;
  border-right:1px solid #000;
  padding-right: 20px;
  padding-left:20px;
}
.body-links ul li:last-child{
  border-right:0px;
  padding-right:0px;
}
.body-links ul li:first-child{
  padding-left:0px;
}
.body-links ul li a {
  text-decoration: underline;
  color: var(--blue);
  padding: 8px 12px;
  background: #f2f5f8;
  display: block;
  font-size:18px;
  line-height: 23px;
}
#ot-sdk-btn-floating {  
  display: none;
}
.site-banner h1 {
  color: var(--blue);
  font-family: "DMSans-Bold";
  margin-bottom:0px;
}

.main-banner {
  background: url("../images/Desktop_Hero_image.webp") no-repeat;
  background-size: cover;
  background-position: right top;
  padding-top: 32px;
  padding-bottom: 37px;
  width: 100%;
  height: 100vh;
  position: relative;
}

.main-banner .top-para {
  font-family: "DMSans-Bold";
  color: #000;
  font-size: 23px;
  line-height: 27.6px;
}

.navbar-light,
.navbar-light .container-fluid {
  padding-left: 0px;
}
   .people-images img{
    max-width:103px;
  }
.grey-content h4 {
  margin-bottom: 10px;
}
.right-response .blue-hr{
  height:1px;
  background:var(--blue);
  margin-bottom:16px;
}
.right-response p{
  font-size:23px;
  line-height: 28px;
}
.about-niktimvo-border .grey-bg img {
  max-width: 250px;
  width:100%;
  margin-bottom:20px;
}
.about-niktimvo-border .grey-bg h4{
  margin-bottom:40px;
  font-size:26px;
  line-height: 31px;
}
.custom-list {
  list-style: none;
  padding-left: 12px;
}
 .response .left-box .left-img img, .response .right-box .right-img img{
        max-width: 127px;
      }
.custom-list li {
  padding-left: 5px;
  margin-bottom: 4px;
  font-size:18px;
  line-height: 23px;
}

.custom-list li span.blue {
  font-family: "DMSans-Bold";
}

span.blue.bold {
  font-family: "DMSans-Bold";
}

sup {
  font-size: 60%;
}
h2 sup {
  font-size: 1em;
   top: 0em;
}
sup.logo-sup {
  top: 0em;
  font-size: 100%;
}

/* .custom-list li::marker {
  content: "\25CF";
  color: var(--deep-gold);
  padding: 0 8px 0 15px;
  font-size: 12px;
} */
  .custom-list li::before{
    content: "•";
    color: var(--deep-gold);
    font-weight: bold;
    display: inline-block;
    width: 0.80em;
    margin-left: -1em;
    font-size: 16px;
}
.indication ul li::before{
    content: "•";
    color: var(--deep-gold);
    font-weight: bold;
    display: inline-block;
    width: 0.90em;
    margin-left: -1em;
    /* vertical-align: text-top; */
    font-size: 16px;
}
.custom-list .sub-list {
  padding-left: 10px;
}
.custom-list .sub-list li{
  list-style: none;
}
.custom-list .sub-list li::before {
  content: "–";
  color: var(--deep-gold);
  font-size:16px;
  width: 1em;
}

.new_btncomp1 {
  border-radius: 25px;
}

.new_btncomp1:hover {
  background-color: transparent;
  border: 2px solid #ed0677;
  color: #ed0677;
}

.cta-container {
  background-color: var(--gold);
  width: 100%;
  padding: 40px 0px;
}

.cta-container h4 {
  margin-bottom: 20px;
  font-size: 23px;
}

.cta-container .left {
  text-align: center;
}

.cta-container .right {
  text-align: center;
}

.btn.btn-secondary.new_btncomp1 {
  background-color: #ffffff;
  color: #05038f;
  border: 1px solid #05038f;
  font-size: 18px;
  font-family: "DMSans-Bold";
  height: 50px;
  padding: 13.5px 20px;
  line-height: 23px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.home-top-footer {
  background: var(--silver);
  padding: 40px 0px;

}

.top-footer.hero-img {
  padding-bottom: 0px;
}

.top-footer.hero-img h4 {
  margin-bottom: 40px;
  text-align: left;
}

.bigger-text span {
  font-size: 100px;
  line-height: 110px;
  font-family: "DMSans-Bold";
}

.top-footer.hero-img .container {
  position: relative;
}

.top-footer.hero-img img {
  max-width: 240px;
  position: absolute;
  bottom: 0px;
  left: auto;
  right: 0px;
}

.home-top-footer h4 {
  margin-bottom: 0;
  font-size:26px;
  line-height: 31px;
}
.home-top-footer h5 {
  margin-bottom: 0;
  font-size:19px;
  line-height: 23px;
  color:var(--blue);
}

.home-top-footer .incyte {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-top-footer .incyte img {
  max-width: 220px;
  width:220px;
}

.home-top-footer .incyte p {
  margin-bottom: 0px;
  margin-left: 15px;
  color: var(--blue);
}

.home-top-footer .incyte p a {
  font-family: "DMSans-Bold";
  text-decoration: underline;
  color: var(--blue);
}

.home-bottom-banner {
  background: var(--blue);
  padding: 40px 0px;
}

.home-bottom-banner h4 {
  color: var(--white);
  text-align: center;
}

.patient-card {
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 20px 24px;
  height: 100%;
}

.top-20 {
  margin-top: 20px;
}

.patient-card p {
  margin-bottom: 0px;
}

.patient-support .patient-card .col-3 {
  padding-right: 0;
  width: 13.613%;
}

.patient-support .patient-card .col-9 {
  width: 86.387%;
}
.patient-support .left-indent sup, .patient-support .left-indent span{
margin-left:-5px;
}
.patient-support .left-indent{
padding-left:16px;
}
.patient-support .left-indent p.bottom-4{
  margin-bottom:4px;
}
#indication-wrapper .indication  p.bottom-4{
  margin-bottom:4px;
}
.isi-wrapper.isi-top .indication  .isi-section{
  padding-bottom:20px;
}
.patient-support .top-20:nth-child(9){
  position:relative
}
.patient-support .top-20:nth-child(9) .patient-card {
  align-items: center;
  display: flex;
}
.patient-support .top-20:nth-child(9) .patient-card .col-lg-12 {
  padding-left:24px;
}

.patient-support .top-20:nth-child(9) .patient-card::before {
  content: "";
  background-image: url(../images/card-border-image.svg);
  height: 100%;
  position: absolute;
  width: 16px;
  margin-left: -24px;
}

.patient-card a {
  color: var(--blue);
  text-decoration: none;
}

.patient-card a.call {
  color: var(--black);
}

.patient-support .top-20:nth-child(9) .patient-card {

  border: 1px solid var(--gold);
}

.pse-card {
  text-align: center;
}
 .niktimvo-gvhd img{
    max-width: 198px;
    width: 198px;
  }
.pse-card img {
  margin-bottom: 20px;
  max-width: 198px;
  width:198px;
}
.pse-card p{
  font-size:23px;
  line-height: 28px;
}
.pse-card h4{
  font-size:32px;
  line-height: 38px;
  margin-bottom:0px;
}
.top-header {
  width: 100%;
  padding: 14px 0px 14px;
  background: #DDE5ED;
}

.node-404,
.node-500 {
  padding: 40px 0px;
}

.error-page {
  text-align: center;
}

.error-page h1,
.error-page h2 {
  margin-bottom: 20px;
}

.error-page h1 {
  color: var(--blue);
  font-size: 38px;
  line-height: 42px;
  font-family: "DMSans-Bold";
}

.error-page p {
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 24px;
}

p.big-font {
  font-size: 18px;
  line-height: 24px;
  font-family: "DMSans-Bold";
}

.main-menu .navbar-nav .nav-item.dropdown.active .nav-link {
  border-bottom: 0px;
}

.main-menu .navbar-nav .nav-item.is-active .nav-link {
  border-bottom: 4px solid #7C63AC;
  color: var(--blue);  
}
.main-menu .navbar-nav .nav-item.dropdown.is-active .nav-link {
  border-bottom: 0px;
}
.sitemap-links .dropdown-item, .sitemap-links .dropdown-item:hover {
border-bottom: 0px;
}
.main-menu .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  line-height: 20px;
  font-family: "Roboto-Bold";
  color: var(--grey);
}

.doc-container {
  display: flex;
  align-items: flex-end;
}

.bold-text {
  font-family: "DMSans-Bold";
}

.logo-container img {
  width: 195px;
  height:auto;
  padding: 0;
  margin-right: 0;
}

.top-header .topbar-link .info {
  font-family: "DMSans-Bold";
  font-size: 18px;
}

.top-header ul li {
  list-style: none;
  float: left;
  padding: 0px 15px 0px;
}

.top-header ul li:first-child {
  padding: 0px 15px 0px 0px;
}

.top-header ul li a {
  color: #101921;
  text-decoration: underline;
  font-size: 12px;
  line-height: 14px;
}

.now-approved h1 {
  color: var(--blue);
  font-size: 63px;
  line-height: 63px;
  font-family: "F37Incise-Black";
}

.contact-page h1 {
  color: var(--blue);
  font-size: 63px;
  line-height: 63px;
}

p.list-title {
  color: var(--blue);
  font-family: "DMSans-Bold";
}

p.small-bold, p.bold-text {
  font-family: "DMSans-Bold";
}
.side-effects p.small{
  font-size:12px;
  line-height: 14px;
}
.side-effect .custom-list li{
  margin-bottom:0px;
}
.learn-more {
  padding: 16px 0px;
  position: absolute;
  top: auto;
  bottom: 20px;
  width: 100%;
}

.learn-more p span.blue {
  color: var(--blue);
  font-family: "DMSans-Bold";
}

p.blue,
span.blue {
  color: var(--blue);
}

.learn-more .niktimvo {
  padding: 20px 23px 40px;
  text-align: center;
  border: 2px solid var(--gold);
  border-radius: 0px 15px 0px 15px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(24px);
}
.js-form-type-processed-text a{
font-family: "DMSans-Bold";
color:var(--blue);
text-decoration: underline;
text-underline-offset: 2px;
}
.js-form-type-processed-text a.call, .js-form-type-processed-text a.call:hover{
color:var(--black);
text-decoration: none;
/* font-family: "DM-Sans"; */
}
.webform-submission-form input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.webform-submission-form input:-webkit-autofill,
  .webform-submission-form input:-webkit-autofill:focus{
  background-color: var(--white);
  transition: background-color 0s 600000s, color 0s 600000s !important;
}
.niktimvo-study .grey-bg {
  padding: 22px 40px 24px;
}

.niktimvo-gvhd {
  display: flex;
  align-items: center;
}

.niktimvo-gvhd h4 {
  border: 2px solid #2b027c;
  border-left: 0px;
  border-radius: 0px 15px 0px 0px;
  padding: 15px;
  margin-bottom: 0px;
  font-size:26px;
  line-height:34px;

}

.niktimvo-gvhd:last-child h4 {
  border: 2px solid var(--deep-gold);
  border-left: 0px;
  color: var(--deep-gold);
  font-size:26px;
  line-height:34px;
}

.niktimvo .img-part,
.niktimvo .content-part {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0px;
  flex-direction: column;
}

.learn-more .niktimvo p {
  font-family: "DM-Sans";
  margin-bottom:12px;
}

.left-box {
  border-right: 2px solid var(--deep-gold);
  height: 100%;
  padding-right: 30px;
}

.time-for-niktimvo,
.about-niktimvo,
.side-effect,
.side-effects,
.patient-support, 
.niktimvo-study,
.taking-niktimvo,
.pse, 
.helpful-resources
 {
  padding: 40px 0px;
}

.how-niktimvo-may-help, .sitemap  {
  padding-top: 40px;
}
.study-information {
  padding-top: 40px;
}

.how-niktimvo-may-help .body-links ul {
  margin-bottom: 0px;
}

.affected-oragans .organ-img img {
  max-width: 127px;
}

.affected-oragans .organ-img {
  max-width: 170px;
}

.affected-oragans .organ-content {
  display: flex;
  align-items: center;
  padding-left: 0px;
  padding-right:0px;
}

.affected-oragans h4 {
  margin-bottom: 0px;
  font-size:26px;
  line-height:31px;
}

.side-effects .icons .col-4 {
  padding-bottom: 11px;
}

.side-effects .icons .flip-card-front {
  background: var(--silver);
  border-radius: 0px 15px 0px 15px;
  padding: 40px 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-bottom: 10px;
  border:1px solid #7A95AE;

}

.side-effects .icons .flip-card-front img {
  max-width: 40px;
}

.side-effects .icons .flip-card-front p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom:8px;
}

.flip-card-inner {
  position: relative;
  width: 104px;
  height: 132px;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  border-radius: 0px 15px 0px 15px;
}

.side-effects .icons {
  max-width: 335px;
  padding-top: 35px;
}

.flip-card {
  background-color: transparent;
  perspective: 1000px;
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}
.webform-submission-stay-informed-add-form input[type="text"]{
  border:2px solid var(--blue);
  border-radius:5px;
  padding:16px;
  max-width: 100%;
  width:100%;
  position:relative;
}

 .webform-submission-form .form-item {
    position: relative;
}
 .webform-submission-form .inValid-e::after {
    content: url("../images/error-icon.svg");
    position: absolute;
    right: 16px;
    top: 56px;
    height:24px;
    width:24px;
}
 .webform-submission-form .js-form-item-date.inValid-e::after {
    right: 2.5rem;
}
.form-item-printed-name-of-patient-legal-guardian-if-applicable.inValid-e::after,
.js-form-item-date.inValid-e::after{
  top:20px;
}
.printed-name-of-patient-legal-guardian-if-applicable-error,
.date-error{
  margin-top:4px;
}
input:focus {
    outline: none;
    border: none;
}
.form-error{
  font-size:12px;
  color:#E52424;
}
.form-error.captcha-error{margin-top:11px;}
.radio-error.form-error{margin-top:16px;}
.form-error.zip-code-error, .form-error.email-error,
.form-error.last-name-error, .form-error.first-name-error {margin-top:4px;}

.webform-submission-form .inValid-e .input-error{
    border: 2px solid #E52424 !important;
    color: #E52424;
}
.js-form-type-checkbox.js-form-item-contact-future label {
        font-size: 18px;
        line-height: 23px;
    }
 .form-radio-wrapper label.col-sm-12{
  font-size: 18px;
  line-height: 22px;
  font-family: "DM-Sans";
  margin-bottom:16px;
}
.js-form-type-textfield label{
  font-size: 18px;
  line-height: 22px;
  font-family: "DM-Sans";
  margin-bottom:12px;
}
.form-radio-wrapper label{
  font-size: 18px;
  line-height: 22px;
  font-family: "DM-Sans";
}
.js-form-item-zip-code, .js-form-item-email{
  margin-top:16px;
}
.form-item-printed-name-of-patient-legal-guardian-if-applicable label, .js-form-item-date label{
  margin-top:16px;
}
#edit-i-consent--wrapper{
  margin-bottom:32px;
  margin-top:32px;
}
.form-item-i-consent label{
  margin-left:21px;
}
.webform-submission-form .recaptcha-checkbox-border{
      border: 2px solid #C1C1C1 !important;
}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month,
 #ui-datepicker-div.ui-datepicker select.ui-datepicker-year{
  font-family: "DMSans-Bold";
 }
 #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {
    background-color: #005cab;
    color:var(--white);
    border:1px solid #005cab;
}
.ui-datepicker-title select:focus{
  outline:0px;
  border:1px solid var(--black); 
  border-radius:0px;
}
.ui-datepicker-trigger{
  position: absolute;
    /* width: 16px;
    height: 18px; */
    top: 25px;
    right: 1rem;
}
span.magenta-bracket {
  color: #FD3DB5;
}
.ui-datepicker td span, .ui-datepicker td a{
  text-align: center;
  /* font-family: "DMSans-Bold"; */
}
/* .form-no-label{
  margin-top:40px;
} */
.form-no-label p.text-blue{
 font-family: "DMSans-Bold";
}

 .webform-submission-form .form-item--radio .form-item input {
    position: absolute;
    opacity: 0;
}
.webform-submission-stay-informed-add-form input[type=radio]:checked+label:after {
    background-color: var(--blue);
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    left: 4px;
    position: absolute;
    top: 4px;
}


.webform-submission-stay-informed-add-form input[type=radio]:checked+label:before {
    color: var(--blue);
    border: 2px solid var(--blue);
}
.webform-submission-stay-informed-add-form input[type=radio]+label:before {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    margin-right: .5rem;
    content: " ";
    display: inline-block;
    vertical-align: middle;
    border: 2px solid var(--blue);
    background: #fff;
    position: absolute;
    left: 0;
    cursor: pointer;
}
.webform-submission-stay-informed-add-form input[type=checkbox]+label:before {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: .5rem;
    content: " ";
    display: inline-block;
    vertical-align: middle;
    border: 2px solid var(--blue);
    background: #fff;
    position: absolute;
    left: 0;
    cursor: pointer;
    border-radius:3px;
}


.webform-submission-stay-informed-add-form input[type=checkbox]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 7px;
  height: 14px;
  border: solid var(--blue);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.webform-submission-stay-informed-add-form .inValid-e-radio input[type=radio]+label:before{
   border: 2px solid #E52424;
}
#edit-col5{
  margin-top:36px;
  margin-bottom:28px;
}
#edit-col7{
   margin-bottom:28px;
}
#edit-col8{
  margin-bottom:32px;
}
.radio-label, .js-form-type-checkbox label{
  margin-left:21px;
  cursor: pointer;
}
.flip-card-back p {
  font-size: 11px;
  line-height: 13px;
}
.webform-button--submit{
   border: 1px solid var(--blue);
    border-radius: 50px;
    padding: 10.5px 19px;
    color: var(--blue);
    background: var(--white);
    font-family: "DMSans-Bold";
    width: max-content;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
    display: inline-block;  
    font-size:18px;
}
.webform-button--submit:focus{
  border: 1px solid var(--blue);
}
a.pi-btn {
    border: 1px solid var(--blue);
    border-radius: 40px;
    color: var(--blue);
    background: #fff;
    font-family: "DMSans-Bold";
    text-align: center;
    text-decoration: none;
    padding: 13.5px 20px;
    box-shadow: 0px 4px 4px 0px #00000026;
}
div.pi-head {
    min-height: 52.44px;
    display: flex;
    justify-content: flex-end;
    margin: 0px auto;
    padding-top: 20px;
}
.form-actions.webform-actions{
  padding-bottom:40px;
  margin-top:32px;
}
.js-form-type-checkbox{
  margin-top:16px;
  margin-bottom:32px;
}
.flip-card-front {
  background-color: #bbb;
  color: black;
  border: 1px solid #adb4ba;

}

.flip-card-inner.active {
  transform: rotateY(180deg);
  background: transparent;
  border-radius: 15px 0px 15px 0px;
}

.flip-card-back {
  background-color: rgba(243, 169, 0, 0.6);
  color: var(--blue);
  transform: rotateY(180deg);
  text-align: center;
  padding: 8px 6px;
  border: 1px solid var(--blue);
  border-radius: 0px 15px 0px 15px;
  cursor: default;
}

.flip-card-back h4 {
  margin-bottom: 0px;
}

.top-footer {
  text-align: center;
}

.blue-bg {
  background: var(--blue);
  color: var(--white);
  border-radius: 0px 15px 0px 15px;
  padding: 8px 25px;
  font-weight: bold;
  font-size:18px;
  max-width: 345px;
  margin-left:auto;
  margin-right:auto;
  line-height:23px;
}
.bottom-48{
  margin-bottom:48px;
}
.grey-bg {
  border-radius: 0px 20px;
  background: rgba(221, 229, 237, 0.25);
}

.pse .grey-bg {
  padding: 40px;
  text-align: center;
}

.pse .grey-bg p {
  margin-bottom: 0px;
}

.pse-niktimvo .top-border, .pse-commom-niktimvo .top-border {
  border-top: 2px solid var(--deep-gold);
  padding: 40px 0px;
}
.gardening img{
  max-width: 335px;
  border-radius:0px 15px 0px 15px;
}
.symptom-improvement .bottom-40{
padding-bottom:40px;
}
.top-border {
  border-top: 2px solid var(--deep-gold);
  padding: 40px 0px;
}
.affected-oragans.top-border{
  padding-bottom:0px;
}
.time-for-niktimvo h2 {
  font-size: 32px;
  line-height: 38.4px;
  font-family: "DM-Sans";
  margin: 40px 0 16px 0;
}

.time-for-niktimvo .grey-bg {
  padding: 40px;
}

.time-for-niktimvo .grey-bg .grey-img img {
  max-width: 60px;
}

.time-for-niktimvo .grey-bg .bold-text.blue.sub-heading {
  margin-bottom: 40px;
}

.time-for-niktimvo .custom-list li {
  font-size: 18px;
  line-height:23px;
  margin-bottom: 10px;
}
.time-for-niktimvo .custom-list li:last-child{
  margin-bottom:0px;
}

.about-niktimvo .grey-bg {
  padding: 40px 0px;
  text-align: center;
  height: 100%;
}

.about-niktimvo .ribbon {
  margin-top: 20px;
  margin-bottom: 48px;
}

.about-niktimvo .ribbon .grey-bg {
  text-align: center;
  padding: 20px;

}
.niktimvo-study .custom-list li:last-child, .who-study-niktimvo ul li:last-child{
  margin-bottom:0px;
}
.about-niktimvo .ribbon .grey-bg p {
  margin-bottom: 0px;
}
.thankyou{
	padding:40px 0px;
}
.thankyou-img{
	max-width:140px;
}
.thankyou-img img{
	max-width:120px;
}
.thankyou-content{
	display:flex;
	flex-direction: column;
    justify-content: center;
}
.thankyou-content h2{
margin-bottom:16px;
}
.thankyou-content p{
	margin-bottom:0px;
}
.response {
  padding: 40px 0px;
  border-top: 2px solid var(--deep-gold);
  border-bottom: 2px solid var(--deep-gold);
}

.response h4 {
  font-family: "DM-Sans";
}

.response h1 {
  font-family: "DMSans-Bold";
}

.about-niktimvo-border {
  border-top: 2px solid var(--deep-gold);
  border-bottom: 2px solid var(--deep-gold);
  padding: 40px 0px;
  margin-top: 24px;
  margin-bottom: 40px;
}

.contact-box {
  background: var(--silver);
  border-radius: 0px 15px 0px 15px;
  padding: 23px 20px;
}

.contact-box a {
  text-decoration: none;
  color: #000;
}

.contact-left-box {
  border-right: 1px solid var(--blue);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 100px;
}

.magenta-baracket {
  color: #ff00ff;
}

.sitemap-links ul {
  padding-left: 0px;
  max-width: fit-content;
  background: var(--white);
}

.sitemap-links ul li {
  background: var(--blue);
  border-radius: 0px 15px 0px 15px;
  list-style: none;
  display: inline-block;
  width: 175px;
  margin-right: 16px;
  vertical-align: text-top;
}

.sitemap-links ul li:last-child {
  margin-right: 0px;
}

.sitemap-links ul li span {
  font-size: 23px;
  line-height: 28px;
  font-family: "Roboto-Bold";
  color: var(--white);
  display: block;
  padding: 12px 8px;
  text-align: center;
}
  .sitemap-links ul li span.dev-block{
     color: var(--blue);
    font-size: 18px;
    line-height: 23px;
    padding: 0px;
    display: block;
  }
.sitemap-links ul li span.desk-break{
  padding: 0px;
   font-size: 23px;
  line-height: 28px;
}
.sitemap-links ul li break-title{
  display: block;
}
.sitemap-links ul li a {
  font-size: 23px;
  line-height: 28px;
  font-family: "Roboto-Bold";
  color: var(--white);
  display: block;
  padding: 12px 8px;
  white-space: normal;
  text-align: center;
  text-decoration: none;
}

.sitemap-links ul li a:hover {
  text-decoration: none;
}

.sitemap-links .sub-menu {
  background: #f2f5f8;
  border-radius: 0px 0px 0px 15px;
}

.sitemap-links .sub-menu li {
  max-width: 175px;
  list-style: none;
  display: block;
  border-radius: 0px;
  background: #f2f5f8;
  padding-left:12px;
  padding-right:12px;
}

.sitemap-links .sub-menu li a, .sitemap-links .sub-menu li a:hover  {
  color: var(--blue);
  font-size: 18px;
  line-height: 23px;
}

.sitemap-links .sub-menu li:last-child, .sitemap-links .sub-menu li:last-child a {
  border-radius: 0px 0px 0px 15px;
}

.error-page .btn-container{
  margin-top: 20px;
}

.sitemap .btn-container {
  margin-top: 32px;
}

.contact-page {
  padding: 40px 0px 0px;
}

.sitemap .btn-container {
  text-align: center;
}
   .time-for-niktimvo .grey-bg .row {
        margin-bottom: 40px;
    }
    .time-for-niktimvo .grey-bg .row:last-child {
        margin-bottom: 0px;
    }
     .time-for-niktimvo .grey-bg ul.custom-list{
    margin-bottom:0px;
  }
.contact-page .btn-container {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 32px;
}

.learn-more .niktimvo .img-part img {
  max-width: 67px;
  margin-bottom: 23px;
}

.home-bottom-banner {
  border-top: 10px solid transparent;
  border-image: url("../images/desktop hero bar.svg") 10 round;
}

.home-bottom-banner h3 {
  font-size: 26px;
  line-height: 31px;
  color: var(--white);
  text-align: center;
  font-family: "DMSans-Bold";
  margin-bottom: 0px;
}

.learn-more .box:last-child .niktimvo .img-part img {
  margin-bottom: 8px;
}

.learn-more .box:last-child .niktimvo h4 {
  margin-bottom: 10px;
}

.learn-more .niktimvo h4 {
 font-family: "DMSans-Bold";
  margin-bottom: 22px;
}

.learn-more .niktimvo a.learn-more-btn {
  border: 1px solid var(--blue);
  border-radius: 50px;
  padding: 12px 20px;
  color: var(--blue);
  background: var(--gold);
  font-family: "DMSans-Bold";
  width: max-content;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  text-decoration: none;
}

a.contact-btn {
  border: 1px solid var(--blue);
  border-radius: 50px;
  height: 50px;
  width: 178px;
  color: var(--blue);
  background: var(--white);
  font-family: "DMSans-Bold";
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  font-size:18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-right:auto;
}


.taking-niktimvo-card {
  border-bottom: 2px solid #C98508;
  padding: 40px 0;
}

.taking-niktimvo .taking-niktimvo-card:first-child {
  padding-top: 0;
}

.taking-niktimvo .taking-niktimvo-card .card-icons {
  padding-right: 0;
}

.taking-niktimvo .taking-niktimvo-card .card-icons img {
  max-width: 100px;

}

.taking-niktimvo .taking-niktimvo-card .card-content {
  padding-left: 20px;
}
.bottom-20{
  margin-bottom:20px;
}
.taking-niktimvo .taking-niktimvo-card .card-content h4, .taking-niktimvo .top-40 h4 {
  font-size: 32px;
  line-height: 38.4px;
  font-family: "DM-Sans";
  margin-bottom: 20px;
}
.bigger-text h2{
  font-family: "DMSans-Bold";
  font-size:38px;
  line-height: 42px;
}
.prior-treatment{
    display: flex;
    align-items: center;
}
.prior-treatment h2{
  margin-left:8px;
}
.taking-niktimvo .taking-niktimvo-card .card-content .custom-list {
  margin-bottom: 0;
  padding-left:9px;
}

.taking-niktimvo .taking-niktimvo-card .card-content .custom-list li {
  font-size: 18px;
  margin-bottom: 4px;
  line-height: 23px;
}
.taking-niktimvo .taking-niktimvo-card .card-content .custom-list li:last-child{
  margin-bottom: 0px;
}
.taking-niktimvo .taking-niktimvo-card .card-content .last {
  margin-bottom: 0;
}
.pse-niktimvo .custom-list{
  margin-bottom:0px;
}
.taking-niktimvo .top-40 {
  margin-top: 40px;
}

.resources {
  text-align: center;
}

a.resource-btn {
  border: 1px solid var(--blue);
  border-radius: 50px;
  color: var(--blue);
  background: var(--white);
  font-family: "DMSans-Bold";
  text-align: center;
}

a.contact-btn:hover {
  text-decoration: none;
}

.learn-more .niktimvo a.learn-more-btn:hover,
a.not-found-btn:hover {
  text-decoration: none;
}

.learn-more p.subtext {
  margin: 40px 0px 0px;
  font-size: 12px;
  line-height: 15px;
}

.hr {
  width: 100%;
  height: 2px;
  background: #ced1d6;
}

p.reference {
  margin: 40px 0px;
  font-size: 14px;
  line-height: 17px;
}

.footer {
  background: #16065D;
  padding: 64px 0px;
}

.footer-list .nav-item {
  font-size: 18px;
  line-height: 26px;
}

.footer-list .nav-item a {
  text-decoration: none;
}

.footer .footer-logo {
  display: flex;
  align-items: end;
}

.footer li a,
.footer li span {
  color: var(--white);
  cursor: pointer;
}

.footer .footer-logo-sec {
  margin-top: 44px;
}

.footer .trademark {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.footer .trademark .copyright {
  color: var(--white);
  margin-bottom: 0;
  line-height: 26px;
}

.helpful-resources .considering-info {
  margin-bottom: 40px;
}

.helpful-resources .col-lg-6 .resources.left .placeholder {
  background-color: #E1E1E1;
  min-height: 312px;
  max-width: 312px;
  width: 100%;
  height: 100%;
}

.helpful-resources .resources img {
  max-width: 312px;
}

.helpful-resources h4 {
  margin: 26px 0 20px;
}

.helpful-resources .square-bracket {
  color: #F0F;
}

.helpful-resources .btn-container a {
  text-decoration: none;
  height: 50px;
  width: 247px;
  line-height: 23px;
  font-size: 18px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-right: auto;
}

.patient-support .patient-support-program {
  margin-bottom: 16px;
}

.patient-support .patient-card h4 {
  margin-bottom: 10px;
}

.patient-support .left-indent {
  padding-right: 20px;
}

.patient-support .left-indent .small {
  margin-top: 16px;
  font-size: 14px;
  line-height: 16.8px;
}
.js-form-item h2{
  margin-bottom:16px;
  margin-top:40px;
}
.js-form-type-processed-text p{
  margin-bottom:40px;
}
#edit-processed-text-01 p, #edit-processed-text-02 p{
  margin-bottom:16px;
}
#edit-processed-text-02 p{
  margin-top:16px;
}
/*------------------------------------------- ISI Section Start ------------------------------------------------------*/

.isi-wrapper .indication {
  padding-top: 40px !important;
}

#isicontainer-top {
  position: fixed;
  background: #fff;
  border-top: 1px solid var(--blue);
  bottom: 0;
  height: 200px;
  left: 0;
  margin-left: 0 !important;
  overflow: hidden;
  transition-duration: .2s;
  transition-property: all;
  transition-timing-function: ease-in-out;
  width: 100%;
  z-index: 1050;
}
#indication-wrapper {
  width: 100%;
  z-index: 15;
  background: none repeat scroll 0 0 var(--c-text-inverse);
  color: #444;
  font-size: 18px;
  font-family: "DM-Sans";
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  box-shadow: 0px -15px 25px -16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px -15px 25px -16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -15px 25px -16px rgba(0, 0, 0, 0.2);
}
#isicontainer-top.top-height {
  height: 100%;
}
#isicontainer-top.top-height .indication {
  padding-bottom: 1rem;
}

#isicontainer-top.top-height #indication-wrapper {
  height: 100vh;
  overflow: visible;
  overflow-y: scroll;
  position: relative;
}
.isi-wrapper .indication .isi-section {
  margin: 0;
  padding: 0;
}
#indication-wrapper .indication p.title {
  text-transform: uppercase;
  line-height: 22px;
  font-family: "DMSans-Bold";
  font-size: 18px;
  color: var(--blue);
  margin-bottom: 8px;
}

#indication-wrapper p {
  color: #101921;
  font-size: 18px;
  font-family: "DM-Sans";
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

#indication-wrapper .indication ul {
  list-style: none;
  padding-left: 1.05rem;
  margin-bottom: 5px;
}
#indication-wrapper .indication .custom-list.sub-list {
  padding-left: 0.8rem;
}

#indication-wrapper .indication p {
  font-family: "DM-Sans";
  font-size: 18px;
  line-height: 24px;
  color: #101921;
  margin-bottom: 8px;
}

#indication-wrapper .indication .sub-heading {
  color: var(--blue);
  font-family: 'DMSans-Bold';
}
.custom-list.sub-list{
  padding-left:12px;
}
.custom-list.sub-list li::marker{
list-style: none;
    content: "";
}
#indication-wrapper .indication p.bold-text {
  font-family: 'DMSans-Bold';
}
.indication a.external-link,.indication a.external-link:hover {
  color:#000;
  font-family: 'DMSans-Bold';
  text-decoration: none;
}
.indication a.dialNumbr, .left-indent a.dialNumbr{
  font-family: "DM-Sans";
  text-decoration: none;
  color:#000;
}
.indication .color-black a, .indication .color-black a:hover{
  color: var(--black);
  text-decoration: none;
}
.indication a.full-prescribing-information,
.indication a.full-prescribing-information:hover{
  font-family: 'DMSans-Bold';
  text-decoration: none;
  color:var(--blue);
}
#isicontainer-sticky {
  background: #fff;
  position: relative;
  top: 0;
  z-index: 0;
  padding-bottom: 20px;
  /* border-top: 1px solid #b9b9b9; */
}

#isicontainer-sticky #indication-wrapper {
  box-shadow: none;
}

.expand_button {
  position: absolute;
  right: 2%;
  top: 15px;
  z-index: 2000;
  cursor: pointer;
  font-size: 18px;
  border-radius: 0;
  color: #767476;
  font-weight: 400;
  font-family: "DM-Sans";
}

.collapsed_button {
  position: absolute;
  right: 2%;
  z-index: 2000;
  cursor: pointer;
  font-size: 18px;
  border-radius: 0;
  display: none;
  color: #767476;
  font-family: "DM-Sans";
}

.expand_button .plus-icon::after {
  position: relative;
  content: url(../images/plus.svg);
  width:15px;
  height:15px;
  top: 3px;
  display: inline-block;
  margin-left: 12px;
}

.collapsed_button .minus-icon::after {
  position: relative;
  content: url(../images/minus.svg);
   width:15px;
   display: inline-block;
   top: -4px;
   margin-left: 12px;
}

.collapse_btns span.minus-icon {
  display: none;
}

.isi-wrapper.top-height .collapsed_button {
  display: inline-block;
  top: 15px;
}

.isi-wrapper.top-height span.minus-icon {
  display: inline-block;
}

.isi-wrapper.top-height span.plus-icon {
  display: none;
}

#isicontainer .isi-footer {
  display: none;
}
    .sitemap-links .sub-menu li a, .sitemap-links .sub-menu li a:hover {
        border-bottom: 1px solid #fff;
    }
.indication ul li::before {
  content: "•";
  color: var(--deep-gold);
  font-weight: bold;
  display: inline-block;
  width: 0.90em;
  margin-left: -1em;
  /* vertical-align: text-top; */
  font-size: 16px;
}

.indication .custom-list li::before {
  content: "-";
  width: 13px;
  color: #383838;
}

#externalModal .modal-dialog {
  max-width: 627px;
}
#externalModal .modal-body{
  padding-top:12px;
  padding-bottom:12px;
}
#externalModal .modal-content {
  border-radius: 0px 25px 0px 25px;
  padding-left: 40px;
  padding-right: 40px;
  border: 3px solid var(--gold);
}

#externalModal h1 {
  font-size: 22px;
  line-height: 27px;
  color: var(--blue);
  text-align: center;
  font-family: "DMSans-Bold";
  margin-bottom: 16px;
}

#externalModal p {
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  margin-bottom: 0px;
}

#externalModal .modal-footer {
  padding-top: 0px;
  padding-bottom: 40px;
}
#externalModal .modal-ok{
margin-right: 30px;
text-decoration: none;
}
#externalModal .modal-ok .btn {
  border: 1px solid var(--blue);
  border-radius: 50px;
  color: var(--blue);
  width:120px;
  height:50px;
  font-size: 16px;
  line-height: 21px;
  font-family: "DMSans-Bold";
  box-shadow: 0px 4px 4px 0px #00000026;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

#externalModal .modal-footer .reject {
  background: var(--blue);
  border-radius: 50px;
  height:50px;
  width:95px;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  font-family: "DMSans-Bold";
  display: flex;
    align-items: center;
    justify-content: center;
}

#externalModal .modal-header, #externalModal .modal-footer {
  border: 0px;
}

.modal-header .close-x {
  position: absolute;
  right: 0px;
  top: 13px;
  border: 0px;
}

.modal-header .close-x img {
  height: 20px;
  width: auto;
}

.close-btn.reject {
  border: 0px;
  padding: 0 8px;
  background: none;
  color: var(--grey);
  display: flex;
  align-items: center;
}
.close-btn.reject span{
  font-size:18px;
}

/*----------------------------------- ISI Section End -----------------------------------*/
/* smoke test comments */
.study-information .custom-list, .side-effect .custom-list{
  padding-left: 9px;
}

.study-information .custom-list li::before,
 #edit-processed-text-01 .custom-list li::before,
 .taking-niktimvo .custom-list li::before, 
 .side-effect .custom-list li::before{
margin-left: -0.8rem;
}
.study-information .people-images{
    max-width: fit-content;
}

.node-contact-us .isi-wrapper.isi-sticky .indication, .node-site-map .isi-wrapper.isi-sticky .indication{
padding-top:30px !important;
}
.contact-page .btn-container, .sitemap .btn-container{
margin-bottom:10px;
}
  #indication-wrapper .indication .custom-list.sub-list li::before {
      margin-left: -1.1em;
    }