/* gloabl-styling for indication page */

.margin-21 {
  margin: 21.280px 0px;
}



/* gloabl-styling for indication page */

/* banner-styling */
.banner-page.indication-clinical h1 {
  line-height: 43.84px;
  position: relative;
  top: 7px;
  margin-top: 10px;
}

/* banner-styling */
/* color-box-section section 2 */
#indication-trails .flex-four-container-wrapper {
  margin-top: 45px;
}

#indication-trails .flex-inner-container .head-text p {
  font-size: 23px;
  line-height: 19.2px;
  font-weight: 700;
    /* color: rgb(255, 255, 255); */
  font-family: "Roboto", sans-serif;
}

#indication-trails .flex-inner-container .head-text {
  padding: 20px 16px;
  min-height: 96px;
}

#indication-trails .flex-four-container-wrapper .content-section p.sub-head-descrpition {
  font-weight: 400;
  font-size: 16px;
  line-height: 21.9px;
}

.sub-head-margin {
    /* margin: 16px 0px; */
}

#indication-trails .flex-four-container-wrapper .content-section p {
  color: rgb(60, 66, 66);
  font-family: "Roboto", sans-serif;
}

#indication-trails .content-section {
  padding: 0px 16px 16px;
}

#indication-trails .content-section p.sub-head {
  font-size: 16px;
  line-height: 19.2px;
  font-weight: 700;
  padding: 21.280px 0px;
}

#indication-trails .flex-inner-container {
  display: flex;
  gap: 15px;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 308px;
  margin: 0 auto;
}

/* foot-note */


.foot-note-clin.foot-note-ar {
  margin-top: 16px;
  margin-bottom: 64px;
}



.foot-note-clin.foot-note-ar .first-line-footnote {
  margin-bottom: 16px;
}


/* section-2 */
#indication-trails .three-column-content-section, #indication-trails .descrpition-section {
  display: flex;
  flex-direction: column;
}

#indication-trails .three-column-content-section {
  gap: 16px;
  padding: 24px;
}

#indication-trails .three-column-flex {
  padding: 16px;
}

.sub-head-blue-small, #indication-trails .three-column.sub-head-blue-small h2 {
  font-size: 29px;
  line-height: 34.8px;
  font-weight: 700;
  color: #004D74;
  font-family: "Roboto", sans-serif;
}

#indication-trails .three-column.sub-head-blue-small, #indication-trails .three-column.sub-head-blue-small h2 {
  margin: 40px 0px 24px 0px;
}

#indication-trails .three-column-content-section .head-text p {
  font-size: 26px;
  line-height: 31.2px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 16px;
}

#indication-trails .content-description-wrapper .sub-content {
  padding: 20px 16px;
  color: rgb(60, 66, 66);
}

#indication-trails .sub-content-bold {
  font-size: 23px;
  line-height: 27.6px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#indication-trails .sub-content-desc {
  margin-top: 8px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  line-height: 21.92px;
}

#indication-trails .three-column-content-section.section-one {
  border-bottom: 1px solid #004D74;
}

#indication-trails .three-column-content-section.section-two {
  border-bottom: 1px solid #801852;
}

#indication-trails .three-column-content-section.section-three {
  border-bottom: 1px solid #5B477C;
}

#indication-trails .three-column-content-section.section-four {
  border-bottom: 1px solid #FCC50B;
}

@media screen and (min-width: 992px) {
  #indication-trails .banner-page.indication-clinical {
    padding: 48px 80px 0px;
  }

  #indication-trails .banner-page.indication-clinical .banner-subhead {
    line-height: 54.8px;
    padding-bottom: 0px;
  }

  #indication-trails .banner-page.indication-clinical .banner-subhead span {
        /* display: inline-block; */
        /* margin-top: 10px; */
  }
  #indication-trails .flex-four-container-wrapper {
    margin: 45px -15px 0px 16px;
  }
  #indication-trails #flex-section-indi, .three-column-flex,#indication-trails #patient-support-and-resources {
    max-width: 1280px;
    margin: 32px auto;
  }

  #indication-trails .flex-inner-container {
    flex-direction: row;
    justify-content: center;
    max-width: 100%;
  }

  #indication-trails .flex-inner-container>div {
    max-width: 308px;
  }

  #indication-trails .content-section {
    min-height: 511px;
  }

  .footnote-description {
    max-width: 1250px;
  }

  .foot-note-clin.foot-note-ar {
    padding: 0px;
  }

    /* section-2 */
  #indication-trails .three-column-content-section, #indication-trails .descrpition-section {
    flex-direction: row;
    justify-content: space-between;
  }

  .three-column-content-section >.head-text {
    max-width: 432px;
    width: 100%;
  }

  .content-description-wrapper {
    max-width: 800px;
    width: 100%;
  }

  #indication-trails .three-column-content-section {
    padding: 80px 0px;
  }

  #indication-trails .sub-content-desc {
    max-width: 360px;
  }

  #indication-trails .sub-content-desc.no-max {
    max-width: 100%;
  }

  .sub-head-blue-small, #indication-trails .three-column.sub-head-blue-small h2 {
    font-size: 33px;
    line-height: 39.6px;
  }

  #indication-trails .three-column-content-section .head-text p {
    font-size: 28px;
    line-height: 33.6px;
  }

  .foot-note-clin.foot-note-ar {
    padding-left: 16px;
  }

  .banner-page.indication-clinical h1 {
    top: 5px;
  }
  .banner-page .banner-inner .banner-subhead{
    max-width: 1280px;
  }
  #indication-trails .text-yellow-box.bg-cream.box-wrap-inner{
    padding-right: 33px;
  }
}

@media screen and (min-width:400px) and (max-width:991px) {


  #indication-trails .flex-inner-container {
    max-width: 100%;
    margin: 0 40px;
  }
}

@media screen and (max-width:991px) {


  #indication-trails #patient-support-and-resources {
    margin-bottom: 10px;
  }

  #indication-trails .banner-page.indication-clinical h1, #indication-trails .banner-page.indication-clinical {
    padding-bottom: 0px;
  }

  .three-column-flex {
    margin-bottom: 32px;
  }
  .bg-pink-sec-sub{
      margin-top:30px;
  }
}

@media screen and (min-width:320px) and (max-width:340px) {


  .yellow-box-wrap.box-wrap a {
    white-space: nowrap;
  }
}

@media screen and (min-width:400px) and (max-width:425px) {


  #indication-trails #main-section {
    padding-top: 180px;
  }
 
}

@media screen and (min-width:1270px) and (max-width:1300px) {


  #indication-trails .flex-four-container-wrapper {
    padding: 0px 20px;
  }
}

@media screen and (min-width:992px) and (max-width:1300px) {


    

  #indication-trails .foot-note-clin.foot-note-ar {
    padding: 0px 20px;
  }

  #indication-trails .flex-inner-container>div {
    margin: 0 auto;
  }

  #indication-trails .flex-inner-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  #indication-trails .yellow-wrapper .content-section {
    min-height: auto;
  }
}
@media screen and (min-width:992px) and (max-width:1366px){
  #indication-trails .flex-four-container-wrapper {
    margin:45px 0px 0px 0px;
  }
}

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

  #indication-trails .flex-inner-container>div {
    max-width: 308px;
    margin: 0 auto;
  }

  #indication-trails .flex-inner-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .blue-wrapper .content-section,
    .pink-wrapper .content-section {
    min-height: 511px;
  }

  .purple-wrapper .content-section,
    .yellow-wrapper .content-section {
    min-height: 413px;
  }
}
@media screen and (min-width:992px) and (max-width:1023px) 
{
  /* #indication-trails .banner-page.indication-clinical .banner-subhead{
      font-size:32px;
      line-height:43.84px;
  }
  .sub-head-blue-small{
      font-size: 29px;
      line-height: 34.8px;
  }
  #indication-trails .three-column-content-section .head-text p {
      font-size: 26px;
      line-height: 31.2px;
  } */
}

/* code when lang node is not their */
@media screen and (min-width:400px) and (max-width:425px) {


  html[lang="en"] #indication-trails #main-section {
    padding-top: 178px;
  }
 
}
/* code when lang node is not their */