/*Common -banner*/
#banner-section #new-bc-update .banner-redesign-h1-section h1.phase2-headline {
  font-weight: 300;
  color: rgba(255, 255, 255, 1);
  padding-top: 23px;
  background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/phase2a/images-update/images/faq/desktop/ribbon-new.svg) no-repeat;
  padding-left: 0;
}

#phase2 #banner-section #new-bc-update .banner-redesign-h1-section {
  padding-top: 108px;
}

#resources .img-disclaimer.resource-text {
  padding-right: 7px;
}

.phase2-page #phase2 #main-section[aria-label="header-redesign"] #home-banner-section .home-banner-sec.safety-label-update.bc-image-update p {
  color: rgba(255, 255, 255, 1);
}

.bc-icon-update .subtitle-ribbon-redesign::before {
  background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/phase2a/images-update/images/faq/desktop/ribbon-new.svg) no-repeat left top;
  height: 40px;
  top: -9px;
  left: 0px;
  background-size: 42px;
}

.bc-icon-update .subtitle-ribbon-redesign {
  margin-top: 35px;
}

#home-banner-section:has(.bc-image-update) {
  background-image: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/phase2a/images-update/images/home/desktop/image_header-homepage_desktop.jpg);
  min-height: 400px;
  background-repeat: no-repeat;
  background-size: contain;
}

#home-banner-section:has(.bc-image-update) .banner-text-img.desktop-only {
  visibility: hidden;
}

.page-cta-sec.cta-redesign.ribbon-removal p::before {
  display: none;
}

#main-section:has(#new-bc-update) .eop-container-redesign .eop-title,
#results-with-truqap #phase2 #main-section:has(#new-bc-update) #page-cta-section:has(.cta-redesign),
#side-effect-management #phase2 #main-section:has(#new-bc-update) #page-cta-section:has(.cta-redesign) {
  background: #E4E4EE !important;
}

.indigo-color-one {
  color: #250E62 !important;
}

#patient-support:has(#new-bc-update) #first-copy-container-redesign .pat-sup-care-sec-content .patient-head-text {
  padding-bottom: 16px;
}
#isi-last-section .footer-ph-no a{
    color: #2C2C2C;
}

/*staging 2 code*/


@media screen and (min-width:992px) {
  #p2a-header .cmp-navigation__item--level-0:nth-child(5):has(a:focus-visible),#p2a-header .cmp-navigation__item--level-0:nth-child(5):has(a:focus) {
    outline: 2px solid #250E62;
    background: none;
    font-weight: 700;
    max-width: 244px;
        /* border-radius: 10px; */
    outline: 2px solid transparent;
    border: none;
  }

  #header-redesign .cmp-navigation__item--level-0:nth-child(5):focus-visible {
    outline: 0;
  }

  #p2a-header .cmp-navigation__item--level-0:nth-child(5) a:focus {
    outline: auto;
  }

  #header-redesign .cmp-navigation__item--level-0:nth-child(5) {
    max-width: 244px;
  }

  #sem-diarrhea-sec, #sem-nausea-sec, #sem-rash-sec,  #sem-tiredness-sec {
    scroll-margin-top: 130px;
  }

  #results-with-truqap .copy-text-redesign.cust-bt-note {
    text-indent: -5px !important;
    padding: 0 !important;
    padding-top: 19px !important;
  }

  .copy-footnote-redesign.cust-ftnotes {
    margin-left: 7px !important;
  }

  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box {
    min-height: 360px !important;
  }

  .phase2-page #phase2 #main-section[aria-label="header-redesign"] #home-banner-section .home-banner-sec.safety-label-update {
    max-width: 610px !important;
    margin-top: -81px !important;
    ;
  }

  #home-p2a .image-text-true {
    padding-top: 60px !important;
    left: -22px !important;
  }

  #home-p2a #text_plus_img-redesign-2 .mytruqap-support-card {
    min-height: 137px;
  }

  #home-p2a .cust-sup-container {
    padding-right: 40px !important;
  }

  #taking-truqap .eop-container-redesign .eop-cards-container {
    padding-top: 80px !important;
  }

  #home-p2a .footnote-below-banner.cust-clc {
    display: flex;
    margin-left: -102px !important;
    justify-content: space-between;
  }

  .home-banner-sec.safety-label-update.bc-image-update h1 {
    position: relative;
    top: 20px;
  }

  .home-banner-sec.safety-label-update.bc-image-update #home-banner-btns .button {
    border: 2px solid rgba(255, 255, 255, 1);
  }

  .home-banner-sec.safety-label-update.bc-image-update #home-banner-btns .button a {
    color: rgba(255, 255, 255, 1);
  }

  #home-banner-btns:has(.new-mob-bc) {
    display: none;
  }

  #main-section:has(#new-bc-update) .footnote-below-banner {
    text-align: right;
    margin-right: -96px;
  }

  body:has(.select-indication-dd-icon-new) #header-redesign:has(#bc-image-update-header) #main-navigation {
    margin-top: 21px;
    padding-bottom: 17px;
    max-height: unset;
  }

  body:has(#bc-image-update-header) #phase2 #main-section[aria-label="header-redesign"] {
    margin-top: 132px !important;
  }

  #home-p2a:has(#bc-image-update-header) #main-section[aria-label="header-redesign"] .footnote-below-banner {
    margin-right: -101px;
    padding-top: 7px;
  }

  #how-truqap-works #phase2 #main-section:has(#new-bc-update) #banner-section .banner-redesign-h1-section {
    /*padding-left: 5px;*/
    ;
  }

  .bc-side-effect-image {
    margin-top: 24px;
  }

  #patient-support:has(#new-bc-update) #side-effects-accordion .cmp-accordion__icon,
  #patient-support:has(#new-bc-update) #side-effects-accordion .cmp-accordion__button--expanded .cmp-accordion__icon {
    right: 11px;
  }

  #understanding-side-effects:has(#new-bc-update) #side-effects-accordion .cmp-accordion__icon {
    right: -24px;
  }

  .right-text2.bc-right-2 {
    height: 186px !important;
  }

  .landing-page-right-text2 .right-img2.new-image img {
    width: 100%;
    margin-left: -0.5px;
  }

  #understanding-side-effects:has(#new-bc-update) #side-effects-accordion {
    padding: 0 16px 9px;
  }

  #home-p2a .image-text-true {
    max-width: none;
    position: relative;
    left: -35px;
    margin-left: 24px;
  }

  #resources:has(#new-bc-update) #resources-cards-redesign {
    padding-bottom: 0px;
  }

  #resources:has(#new-bc-update) #phase2 #page-cta-section:has(.cta-redesign) {
    margin-top: 16px;
  }

  #faqs:has(#new-bc-update) #main-section[aria-label="header-redesign"] #phase2-accordion-section .biomaker_copy-redesign p {
    max-width: 450px;
  }

  #understanding-side-effects:has(#new-bc-update) #accordion-container-3 {
    margin-bottom: -40px;
  }

  #understanding-side-effects:has(#new-bc-update) .doctor-text-bc {
    padding-top: 30px;
  }


  /*Staging -3 update*/
  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box .text:has(.copy-text-redesign) {
    width: 100%;
  }

  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box li.copy-text-redesign {
    letter-spacing: -0.01em;
    margin-bottom: 15px;
  }

  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box {
    gap: 0;
    padding: 40px 40px 40px 60px;
    max-height: 289px;
  }

  #results-with-truqap:has(#new-bc-update) #main-section[aria-label="header-redesign"] .image-update.desktop-only {
    box-shadow: 0px 4px 8px 0px rgba(31, 31, 31, 0.1);
    max-width: 378px;
    width: 100%;
    min-height: 220px;
    top: 46px;
    margin-left: 48px !important;
  }

  #results-with-truqap:has(#new-bc-update) #main-section[aria-label="header-redesign"] .image-update.desktop-only img {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  #results-with-truqap:has(#new-bc-update) .text:has(.image-update.desktop-only) {
    width: 93%;
  }

  #p2a-header .cmp-navigation__dropdownmenu {
        /*left: -30px;*/
    width: 195px;
  }

  #header-redesign .cmp-navigation__item--level-0.open-subnav .cmp-navigation__dropdownmenu {
    display: block;
  }

  #header-redesign .cmp-navigation__item.cmp-navigation__item--level-0.has-submenu .cmp-navigation__dropdownmenu {
    display: none;
  }

  #header-redesign .cmp-navigation__item--level-0.has-submenu.open-subnav .cmp-navigation__dropdownmenu {
    display: block;
  }
}

@media screen and (max-width:991px) {
    
    /*Home page exit ramp fixes*/
    
  #home-p2a.phase2-page .exit-ramp-modal button.modal__close, .phase2-page .modal button.modal__close {
    background: none;
    height: 0;
  }

  #home-p2a.phase2-page .modal button.modal__close span.modal__closeLabel {
    display: none;
  }

  #home-p2a.phase2-page .exit-ramp-modal .modal-box {
    width: 100%;
  }

  #home-p2a .exit-ramp-modal.modal--visible {
    overflow: hidden scroll;
    z-index: 9999999;
    visibility: visible;
    backdrop-filter: none !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    -webkit-overflow-scrolling: touch;
    background: #120F0F76;
    cursor: auto!important;
    visibility: visible;
    opacity: 1;
    /* padding-top: 220px; */;
  }

  #home-p2a .exit-ramp-modal .modal-box__content {
    padding: 0;
  }
    
    /*Home page exit ramp fixes*/
    
    
  .cmp-selfcertification.modal.modal--visible.modal--overflow:has(#splash-popup) {
    z-index: 99999;
  }

  #taking-truqap.phase2-page #phase2 #main-section[aria-label="header-redesign"] #calendar-section {
    scroll-margin-top: 130px;
  }

  #sem-diarrhea-sec, #sem-nausea-sec, #sem-rash-sec,  #sem-tiredness-sec {
    scroll-margin-top: 120px;
  }

  .copy-footnote-redesign.cust-ftnotes {
    margin-left: 7px !important;
  }

  .isi-right-main-text14 a[href^="tel:"] {
    color: #2C2C2C;
  }

  #p2a-header {
    z-index: 9999;
  }

  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box {
    max-height: 376px !important;
  }

  #home-p2a .left-footnote-c {
    text-align: left;
    width: 216px;
    position: relative;
    left: -35px;
    text-indent: -8px;
    padding-left: 8px;
  }

  body:has(.select-indication-dd-icon-new) #p2a-header div#utility-nav,
  body:has(.select-indication-dd-icon-new) #p2a-header #utility-nav:has(.select-indication-dd-icon-new) li:nth-child(6) {
    box-shadow: none;
  }

  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box img {
    box-shadow: 0px 4px 8px 0px rgba(31, 31, 31, 0.1);
    border-radius: 130px 0 130px 0;
  }

  #home-landing .foot-note p.indent.footnote.bc-image {
    padding-left: 7px;
    text-indent: -7px;
  }

  #understanding-side-effects:has(#new-bc-update) #side-effects-accordion .cmp-accordion__icon {
    right: -5px;
  }

  #resources:has(#new-bc-update) #phase2 #page-cta-section:has(.cta-redesign) {
    margin-top: 0px;
  }

  #phase2 #banner-section #new-bc-update .banner-redesign-h1-section {
    padding-top: 42px;
  }

  #faqs #phase2 #main-section #banner-section h1.phase2-headline {
    padding-right: 0;
    line-height: 120%;
  }

  #home-banner-section:has(.bc-image-update) {
    background-image: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/phase2a/images-update/images/home/mobile/image_header-homepage_mobile.jpg);
    min-height: 375px;
    background-size: cover;
    display: block;
  }

  #home-banner-section:has(.bc-image-update) .home-banner-sec p {
    font-size: 14px;
  }

  .phase2-page #phase2 #main-section[aria-label="header-redesign"] #home-banner-section:has(.bc-image-update) .home-banner-sec {
    position: unset;
    margin-top: 0;
  }

  #home-banner-section:has(.bc-image-update) #footnote-below-banner #home-banner-btns {
    position: unset;
    margin-top: 0% !important;
  }

  .phase2-page #phase2 #main-section[aria-label="header-redesign"] #home-banner-section:has(.bc-image-update) .home-banner-sec h1 {
    padding-top: 24px;
    padding-bottom: 47%;
  }

  .phase2-page #phase2 #main-section[aria-label="header-redesign"] #home-banner-section .home-banner-sec.safety-label-update.bc-image-update p {
    line-height: 125%;
  }

  #home-banner-section:has(.bc-image-update) #home-banner-btns {
    visibility: hidden;
  }

  #home-p2a #home-banner-btns {
    margin-top: 0% !important;
    position: unset;
  }

  #home-banner-btns .new-mob-bc {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
  }

  #home-p2a #main-section:has(.bc-image-update) .footnote-below-banner {
    margin-bottom: 24px;
    padding-top: 8px !important;
  }

  .bc-icon-update .subtitle-ribbon-redesign::before {
    height: 14px;
    top: -34px;
  }

  #home-p2a #main-section:has(.bc-image-update) #first-copy-container-redesign {
    padding-top: 0px;
  }

  body:has(.select-indication-dd-icon-new) #p2a-header div#main-navigation {
    min-height: 60px;
  }

  .phase2-page #phase2 #main-section[aria-label="header-redesign"] {
    margin-top: 112px;
  }

  #main-section:has(#new-bc-update) .eop-container-redesign .eop-title,
  #results-with-truqap #phase2 #main-section:has(#new-bc-update) #page-cta-section:has(.cta-redesign) {
    margin-top: 0;
  }

  #main-section .w-100-mob img {
    width: 100%;
    max-width: 100%;
  }

  #main-section #banner-section #new-bc-update .mx-100 {
    max-width: 100% !important;
  }

  .foot-note-side {
    margin-top: 16px !important;
  }

  #understanding-side-effects:has(#new-bc-update) #side-effects-accordion #accordion-container-3 {
    padding: 8px 0 0px !important;
  }

  #results-with-truqap .copy-text-redesign.fda-approval {
    padding-top: 16px;
  }

  #taking-truqap:has(#new-bc-update) .tt-reminder-sec1 {
    padding-bottom: 0px;
  }

  .banner-text-img+#home-banner-btns {
    display: none;
  }

  #home-p2a .image-text-true {
    margin: 0 auto;
  }

  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box {
    max-height: 297px;
  }

  #results-with-truqap .copy-text-redesign.cust-bt-note {
    text-indent: -7px !important;
    padding: 0 !important;
    padding-left: 30px !important;
    padding-top: 10px !important;
    max-width: 325px!important;
  }
}

/*compatbilty code*/
@media screen and  (min-width:992px) and (max-width:1410px) {
  #home-banner-section:has(.bc-image-update) {
    background-size: 100%;
    aspect-ratio: 17 / 5;
  }
}

@media screen and (min-width:380px) and (max-width:991px) {
  #main-section .w-100-mob img {
    width: auto;
  }

  #main-section .patient-img.w-100-mob p.img-disclaimer {
    padding-left: 47px;
  }
}

/* ISI CODE — cleaned & consolidated
   
*/

/* ============ BASE STYLES ============ */

body,
.cmp-text {
  font-family: 'Sora', sans-serif !important;
}

.ff-sora {
  font-family: 'Sora', sans-serif !important;
}

.cmp-highlightinfov2.sticky {
  position: fixed !important;
}

.cmp-highlightinfov2.sticky.initial-sticky .cmp-highlightinfov2__button,
.cmp-highlightinfov2.sticky .cmp-highlightinfov2__button,
.cmp-highlightinfov2__header .cmp-highlightinfov2__button {
  width: 15%;
  padding-right: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}

.cmp-highlightinfov2__header {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 0 !important;
  justify-content: end !important;
}

.cmp-highlightinfov2:not(.sticky) {
  height: auto !important;
}

.cmp-highlightinfov2.expand {
  width: 100%;
}

.cmp-highlightinfov2.overlay {
  bottom: unset;
  top: 0;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}

.cmp-highlightinfov2__container {
  border-top-right-radius: 96px;
  background: #FFFFFF;
}

.cmp-highlightinfov2__title p {
  padding: 0px;
  margin: 0px;
}

.cmp-highlightinfov2__content {
  padding: 0 !important;
}

span.cmp-highlightinfov2__text {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  color: #250E62;
}

.expand a.cmp-highlightinfov2__button span.cmp-highlightinfov2__text {
  visibility: hidden;
  width: 62px;
}

.expand a.cmp-highlightinfov2__button span.cmp-highlightinfov2__text::before {
  content: "collapse";
  position: relative;
  visibility: visible;
}

.bc-icon-update .cust-ftn-truqap {
  padding-left: 18px!important;
  font-size: 12px!important;
  line-height: 120%!important;
}

#isi-section .expand a.cmp-highlightinfov2__button .cmp-highlightinfov2__icon {
  padding-left: 15px;
}

#isi-section .expand a.cmp-highlightinfov2__button .cmp-highlightinfov2__icon::before {
  background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/collapse_icon.png) !important;
  width: 14px;
  height: 14px;
  content: '' !important;
  display: block;
  visibility: visible;
}

.cmp-highlightinfov2:not(.sticky) #isi-home-landing {
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 16px;
}

#isi-home-landing {
  padding: 40px 31px;
  scroll-margin-top: 130px;
  box-shadow: 6px -12px 16px 0px #250E6208;
  border-top-right-radius: 32px;
}

#isi-home-landing .isi-right-sec {
  margin-top: 0;
  display: block;
  padding-bottom: 32px;
}

#isi-home-landing .isi-right-main-text5 {
  color: #2C2C2C;
  font-size: 16px !important;
  line-height: 20px !important;
  padding-bottom: 8px;
  padding-left: 20px;
}

p.isi-left-text1,
p.isi-right-main-text1 {
  color: #250E62;
  font-size: 20px !important;
  line-height: 28px !important;
  padding-bottom: 16px;
  font-weight: 600 !important;
}

p.isi-right-main-text2,
p.isi-right-main-text6 {
  color: #2C2C2C;
  font-size: 16px !important;
  line-height: 20px !important;
  padding-bottom: 16px;
}

p.isi-right-main-text3,
p.isi-right-main-text7,
p.isi-right-main-text9,
p.isi-right-main-text10,
p.isi-right-main-text12,
p.isi-right-main-text13,
p.isi-right-main-text14,
p.isi-right-main-text15,
p.isi-right-main-text17 {
  color: #2C2C2C;
  font-size: 16px !important;
  line-height: 20px !important;
  padding-bottom: 8px;
}

p.isi-right-main-text7,
p.isi-right-main-text9,
p.isi-right-main-text15 {
  color: #250E62 !important;
}

p.isi-right-main-text17,
ul.isi-right-main-text18 {
  margin-left: 20px !important;
}

span.isi-right-bold-text {
  font-weight: 700;
}

ul.isi-right-main-text4 li,
.isi-right-main-text8 li,
.isi-right-main-text16 li,
.isi-right-main-text19 li {
  color: #2C2C2C;
  font-size: 16px !important;
  line-height: 20px !important;
  padding-bottom: 8px !important;
  display: flex !important;
  align-items: start !important;
  margin-bottom: 0 !important;
}

.isi-right-main-text4 li::before,
.isi-right-main-text8 li::before,
.isi-right-main-text16 li::before,
.isi-right-main-text19 li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  padding: 0 !important;
  margin-right: 14px !important;
  background-color: #F8485E;
  margin-top: 7px !important;
  border-radius: 10px;
  flex-shrink: 0;
}

ul.isi-right-main-text8,
ul.isi-right-main-text11,
.isi-right-main-text16,
.isi-right-main-text19 {
  padding-bottom: 16px !important;
}

ul.isi-right-main-text11 li {
  display: inline-block !important;
  position: relative;
  margin-left: 14px;
  margin-bottom: 0 !important;
  padding-bottom: 8px;
  color: #2C2C2C;
  font-size: 16px !important;
  line-height: 20px !important;
}

.isi-right-main-text11 li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  padding: 0 !important;
  left: -14px !important;
  background-color: #F8485E;
  position: absolute;
  top: 7px;
  border-radius: 10px;
}

ul.isi-right-main-text18 li {
  color: #2C2C2C;
  font-size: 16px !important;
  line-height: 20px !important;
  padding-bottom: 8px;
  display: flex !important;
  align-items: start !important;
  margin-bottom: 0 !important;
}

/* Note: two ::before rules on the same selector below are kept in their
   original order — the second one intentionally overrides the background-color
   set by the first. */
ul.isi-right-main-text18 li::before {
  background-color: unset !important;
  border: 1px solid #F8485E;
}

ul.isi-right-main-text18 li::before {
  content: '' !important;
  width: 5px !important;
  height: 5px !important;
  padding: 0 !important;
  margin-right: 14px !important;
  background-color: #F8485E;
  margin-top: 7px !important;
  border-radius: 10px;
  flex-shrink: 0;
}

p.pc-pi-txt {
  color: #250E62;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 700;
  padding-bottom: 16px;
}

.pc-pi-txt a {
  text-decoration: underline !important;
}

a.indigo-color.fw-bold {
  color: #250E62 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

p.pc-you-may-txt {
  color: #2C2C2C;
  font-size: 16px !important;
  line-height: 22px !important;
  font-style: italic;
  letter-spacing: 0.28px;
}

.pc-you-may-txt a {
  color: #250E62 !important;
  text-decoration: underline !important;
  font-size: 16px !important;
  line-height: 22px !important;
  display: inline;
}

.back-to-top-mobile-btn {
  float: right;
  padding: 32px 31px 24px 0;
  display: none;
}

.back-to-top-mobile-btn a {
  max-width: 119px;
  max-height: 22px;
  display: block;
}

.back-to-top-btn {
  float: right;
  padding: 16px;
  display: block;
}

.back-to-top-btn a {
  max-width: 119px;
  max-height: 28px;
  display: block;
}

/* Final override — keep last so it wins the cascade as in the original file */
.cmp-highlightinfov2__container {
  box-shadow: none;
}

.cmp-highlightinfov2 h3 {
  display: none;
}

#isi-main-text li {
  text-indent: 0px;
}

#isi-main-text li:before {
  flex-shrink: 0 !important;
  left: 0px !important;
  text-indent: 0;
}

.cmp-highlightinfov2.sticky.initial-sticky .cmp-highlightinfov2__icon:before,
.cmp-highlightinfov2.sticky .cmp-highlightinfov2__icon:before,
.cmp-highlightinfov2__button .cmp-highlightinfov2__icon:before {
  background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/new_vector_img.png) !important;
  width: 14px;
  height: 14px;
  content: '' !important;
  display: block;
  visibility: visible;
}

#isi-main-text ul {
  padding-left: 0px;
}

/* ============ MEDIA: max-width 991px (mobile) ============ */
@media only screen and (max-width: 991px) {
  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2 {
        /*overflow-x: hidden !important;*/;
  }

  .cmp-highlightinfov2:not(.sticky) .cmp-highlightinfov2__container {
    box-shadow: none;
  }

  .cmp-highlightinfov2__button {
    width: auto;
    padding: 0;
  }

  .cmp-highlightinfov2.sticky.initial-sticky .cmp-highlightinfov2__button,
  .cmp-highlightinfov2.sticky .cmp-highlightinfov2__button,
  .cmp-highlightinfov2__header .cmp-highlightinfov2__button {
    width: 5%;
    padding-right: 0;
    display: flex;
    justify-content: end;
    align-items: center;
  }

  .cmp-highlightinfov2 h3 {
    width: 95% !important;
    margin: 0;
    padding: 0 !important;
    font-size: 20px;
    line-height: 28px;
    color: #250E62;
    font-weight: 600;
  }

  #isi-home-landing .cmp-container {
    scroll-margin-top: 220px;
  }

  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2 {
    display: none;
    height: 210px !important;
    background: transparent;
  }

  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2:not(.sticky) {
    height: auto !important;
  }

  .cmp-highlightinfov2__container {
    border-top-right-radius: 32px;
    /*box-shadow: none !important;*/
    ;
  }

  .cmp-highlightinfov2__header {
    padding: 16px !important;
    justify-content: space-between !important;
    align-items: center !important;
    /*min-height: 60px;*/
    ;
  }

  div#isi-section>.highlightinformationv2:first-child:has(.sticky) .cmp-highlightinfov2,
  div#isi-section>.highlightinformationv2:first-child:has(.expand) .cmp-highlightinfov2,
  .cmp-highlightinfov2 h3 {
    display: block;
  }

  div#isi-home-landing {
    padding: 0 16px 0 !important;
    border-top-right-radius: 0;
    box-shadow: none;
  }

  #isi-section>.highlightinformationv2:last-child .cmp-highlightinfov2__header {
    align-items: flex-start !important;
    height: auto !important;
  }

  #isi-section>.highlightinformationv2:last-child .cmp-highlightinfov2__header .cmp-highlightinfov2__button {
    padding-top: 2px;
  }

  #isi-home-landing p.isi-left-sub-text4,
  #isi-home-landing p.isi-left-sub-text5 {
    color: #2C2C2C;
    font-size: 16px !important;
    line-height: 20px !important;
    padding-bottom: 16px;
  }

  p.isi-left-text1,
  p.isi-right-main-text1 {
    padding-top: 20px;
  }

  .cmp-highlightinfov2.sticky.initial-sticky .cmp-highlightinfov2__icon:before,
  .cmp-highlightinfov2.sticky .cmp-highlightinfov2__icon:before,
  .cmp-highlightinfov2__header .cmp-highlightinfov2__button .cmp-highlightinfov2__icon:before {
    background: url(/content/dam/intelligentcontent/brands/truqap-dtc/us/en/pc-indication/images/new_vector_img.png) !important;
    width: 14px;
    height: 14px;
    content: '' !important;
    display: block;
    visibility: visible;
  }

  .cmp-highlightinfov2.overlay.expand .cmp-highlightinfov2__title p {
    display: none;
  }

  #isi-section {
    box-shadow: none !important;
    padding: 0px;
    scroll-margin-top: 120px;
  }

  div#isi-section>.highlightinformationv2:last-child .cmp-highlightinfov2.sticky div#isi-home-landing>.text:not(:last-child),
  div#isi-section>.highlightinformationv2:last-child .cmp-highlightinfov2.expand div#isi-home-landing>.text:not(:last-child) {
    display: none;
  }

  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2.sticky div#isi-home-landing>.text:not(:first-child),
  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2.expand div#isi-home-landing>.text:not(:first-child) {
    display: none;
  }

  p.isi-left-text1 {
    padding-top: 0px;
    padding-bottom: 16px !important;
  }

  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2.sticky div#isi-home-landing>.text:not(:first-child),
  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2.expand div#isi-home-landing>.text:not(:first-child) {
    display: none;
  }

  .highlightinformationv2:first-child:has(.expand) .cmp-highlightinfov2 .cmp-highlightinfov2__title p,
  .cmp-highlightinfov2.sticky p.isi-left-text1 {
    display: none;
  }

  #isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2.sticky.initial-sticky .cmp-highlightinfov2__header {
    min-height: 60px !important;
  }

  #isi-section .cmp-highlightinfov2.sticky.initial-sticky {
    height: 177px !important;
    background: transparent;
  }

  #isi-section>.highlightinformationv2:last-child .cmp-highlightinfov2.sticky.initial-sticky .cmp-highlightinfov2__header {
    padding: 16px !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }

  #isi-section>.highlightinformationv2:nth-child(2) .cmp-highlightinfov2__header {
    align-items: flex-start !important;
    height: auto !important;
  }

  div#isi-section>.highlightinformationv2:nth-child(2) .cmp-highlightinfov2.sticky div#isi-home-landing>.text:not(:last-child),
  div#isi-section>.highlightinformationv2:nth-child(2) .cmp-highlightinfov2.expand div#isi-home-landing>.text:not(:last-child) {
    display: none;
  }

  p.isi-right-main-text1 {
    padding-top: 0px !important;
  }

  .cmp-highlightinfov2.sticky.initial-sticky .isi-right-main-text1 {
    display: none;
  }

  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2.sticky.initial-sticky {
    height: 227px !important;
  }

  div#isi-section>.highlightinformationv2:first-child .cmp-highlightinfov2.sticky {
    height: 152px !important;
  }

  .cmp-highlightinfov2:not(.sticky) #isi-home-landing {
    margin: 0 auto;
    padding-top: 24px !important;
    padding-bottom: 16px !important;
  }
}



/* ============ MEDIA: 376px – 991px ============ */
@media screen and (min-width: 376px) and (max-width: 991px) {

  .cmp-highlightinfov2 h3 {
    width: 75% !important;
  }

  .cmp-highlightinfov2.sticky.initial-sticky .cmp-highlightinfov2__button,
  .cmp-highlightinfov2.sticky .cmp-highlightinfov2__button,
  .cmp-highlightinfov2__header .cmp-highlightinfov2__button {
    width: 24% !important;
  }

  .cmp-highlightinfov2.sticky.initial-sticky .isi-right-main-text1 {
    display: none;
  }
}


/* ============ MEDIA: min-width 992px (desktop) ============ */
@media screen and (min-width: 992px) {
    
    /*#understanding-side-effects #isi-section,#faqs #isi-section{*/
    /*    scroll-margin-top:170px;*/
    /*}*/
  .cmp-highlightinfov2.overlay.expand .cmp-highlightinfov2__header {
    display: flex !important;
  }

  .bc-icon-update .cust-ftn-truqap {
    padding-left: 0px!important;
  }

  .cmp-highlightinfov2.expand #isi-home-landing {
    padding-top: 0 !important;
  }

  .cmp-highlightinfov2.sticky.initial-sticky[style="--stickyHeight: 149px;"] {
    min-height: 181px !important;
  }

  .cmp-highlightinfov2:not(.sticky) #isi-home-landing {
    margin: 0 auto;
    padding-top: 72px;
    padding-bottom: 32px;
  }

  .back-to-top-btn {
    float: right;
    padding: 16px 80px;
    display: block !important;
  }

  #isi-home-landing {
    padding: 0px;
    display: flex;
    gap: 32px;
    width: 100%;
    scroll-margin-top: 190px;
    border: none !important;
    box-shadow: unset;
    max-width: 1280px;
    margin: -20px auto 0;
    padding-top: 8px;
  }

  #isi-home-landing .text.ff-sora {
    max-width: 404px !important;
    width: unset !important;
  }

  #isi-home-landing #isi-last-section {
    max-width: 844px !important;
    width: unset !important;
  }

  #isi-home-landing .isi-right-main-text5 {
    color: #2C2C2C;
    font-size: 16px !important;
    line-height: 20px !important;
    padding-bottom: 8px;
    padding-left: 20px;
  }

  #isi-main-text {
    max-width: 403px;
  }

  #isi-section {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0px;
    box-shadow: 0px 11px 19px #00000038 !important;
    border-top-right-radius: 96px;
  }

  p.isi-left-text1,
  p.isi-right-main-text1 {
    color: #250E62;
    font-size: 20px !important;
    line-height: 28px !important;
    padding-bottom: 16px;
    font-weight: 600 !important;
  }

  p.isi-left-sub-text4,
  p.isi-left-sub-text5 {
    color: #2C2C2C;
    font-size: 16px !important;
    line-height: 20px !important;
    padding-bottom: 16px;
  }

  p.isi-right-main-text2,
  p.isi-right-main-text6 {
    color: #2C2C2C;
    font-size: 16px !important;
    line-height: 20px !important;
    padding-bottom: 16px;
  }

  p.isi-right-main-text3,
  p.isi-right-main-text7,
  p.isi-right-main-text9,
  p.isi-right-main-text10,
  p.isi-right-main-text12,
  p.isi-right-main-text13,
  p.isi-right-main-text14,
  p.isi-right-main-text15,
  p.isi-right-main-text17 {
    color: #2C2C2C;
    font-size: 16px !important;
    line-height: 20px !important;
    padding-bottom: 8px;
  }

  p.isi-right-main-text3 {
    letter-spacing: 0.23px;
  }

  p.isi-right-main-text7,
  p.isi-right-main-text9,
  p.isi-right-main-text15 {
    color: #250E62 !important;
  }

  p.isi-right-main-text17,
  ul.isi-right-main-text18 {
    margin-left: 20px !important;
  }

  span.isi-right-bold-text {
    font-weight: 700;
  }

  ul.isi-right-main-text4 li,
  .isi-right-main-text8 li,
  .isi-right-main-text16 li,
  .isi-right-main-text19 li {
    color: #2C2C2C;
    font-size: 16px !important;
    line-height: 20px !important;
    padding-bottom: 8px;
    display: flex !important;
    align-items: start !important;
    margin-bottom: 0 !important;
  }

  .isi-right-main-text4 li::before,
  .isi-right-main-text8 li::before,
  .isi-right-main-text16 li::before,
  .isi-right-main-text19 li::before {
    content: '' !important;
    width: 5px !important;
    height: 5px !important;
    padding: 0 !important;
    margin-right: 14px !important;
    background-color: #F8485E;
    margin-top: 7px !important;
    border-radius: 10px;
  }

  ul.isi-right-main-text8,
  ul.isi-right-main-text11,
  .isi-right-main-text16,
  .isi-right-main-text19 {
    padding-bottom: 16px !important;
  }

  .pc-you-may-txt a {
    color: #250E62 !important;
    text-decoration: underline !important;
    line-height: 22px !important;
    min-height: 22px;
    display: inline-block;
  }

  div#isi-section>.highlightinformationv2:nth-child(1) #isi-home-landing {
    display: none;
  }

  div#isi-section>.highlightinformationv2:nth-child(1) {
    display: none;
  }
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
  #main-section:has(#new-bc-update) #banner-section .desktop-only {
    display: block;
  }

  #care-partner-support #phase2 #main-section:has(#new-bc-update) #banner-section .banner-redesign-h1-section h1.phase2-headline {
    max-width: 100%;
  }

  #phase2 #banner-section #new-bc-update .banner-redesign-h1-section {
    padding-top: 59px;
  }

  #main-section:has(#new-bc-update) .footnote-below-banner {
    margin-right: auto;
  }

  #how-truqap-works #phase2 #main-section:has(#new-bc-update) #banner-section .banner-redesign-h1-section {
    /* padding-left: 5px; */
    margin-top: 0px !important;
  }

  #taking-truqap #phase2 #main-section:has(#new-bc-update) #banner-section .p2a-h1-section.banner-redesign-h1-section {
    padding-top: 76px;
  }

  #home-p2a:has(#bc-image-update-header) #main-section[aria-label="header-redesign"] .footnote-below-banner {
    margin-right: auto;
  }
}

@media screen and (min-width: 992px) and (max-width: 1360px) {
  #home-banner-section:has(.bc-image-update) {
    min-height: auto;
    background-size: cover;
    aspect-ratio: 18 / 5;
  }
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
  #home-p2a:has(#bc-image-update-header) #main-section[aria-label="header-redesign"] .footnote-below-banner {
    margin-right: auto;
    margin-left: auto!important;
  }

  #home-p2a .container:has(>#footnote-below-banner) {
    margin-right: auto;
  }

  .phase2-page #phase2 #main-section[aria-label="header-redesign"] #home-banner-section .home-banner-sec.safety-label-update {
    max-width: 610px !important;
    margin-top: -31px !important;
  }

  #home-p2a #home-banner-section .home-banner-sec.safety-label-update .banner-text-img img {
    max-width: 472px !important;
    margin-left: 15px;
    padding-top: 29px !important;
  }
}

@media screen and (min-width: 400px) and (max-width: 991px) {
  #phase2 #main-section:has(#new-bc-update) #banner-section .banner-redesign-h1-section h1.phase2-headline {
    max-width: 100% !important;
  }

  #home-p2a:has(#bc-image-update-header) .footnote-below-banner {
    justify-content: space-between;
  }

  #home-p2a:has(#bc-image-update-header) .left-footnote-c {
    text-align: left;
    width: 100%;
    left: -33px;
  }

  #home-banner-section:has(.bc-image-update) {
    aspect-ratio: 4 / 5;
  }
}

@media screen and (min-width: 650px) and (max-width: 991px) {
  .phase2-page #phase2 #main-section[aria-label="header-redesign"] #home-banner-section:has(.bc-image-update) .home-banner-sec h1 {
    padding-top: 24px;
    padding-bottom: 86%;
  }
}

@media screen and (min-width: 380px) and (max-width: 650px) {
  .phase2-page #phase2 #main-section[aria-label="header-redesign"] #home-banner-section:has(.bc-image-update) .home-banner-sec h1 {
    padding-bottom: 73%;
  }
}

@media screen and (max-width: 370px) {
  #phase2 #banner-section #new-bc-update .banner-redesign-h1-section {
    padding-top: 14px !important;
  }
  #how-truqap-works [id^="img_container-redesign"] p.img-disclaimer {
      width:100% !important;
      padding-left:13px !important;
  }
}

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

  #isi-home-landing #isi-last-section {
    max-width: 800px !important;
    width: unset !important;
  }

  #isi-home-landing .text.ff-sora {
    max-width: 350px !important;
    width: unset !important;
  }

  .cmp-highlightinfov2:not(.sticky) #isi-home-landing {
    margin: 0 auto;
    max-width: 910px;
  }

  .cmp-highlightinfov2__header {
    max-width: 90% !important;
    margin: 0 auto;
  }
}

@media screen and (min-width:1450px) {
  #home-banner-section:has(.bc-image-update) {
    aspect-ratio: 18 / 5;
  }
}

@media screen and (min-width:1201px) and (max-width:1360px) {

  .cmp-highlightinfov2:not(.sticky) #isi-home-landing {
    margin: 0 auto;
    max-width: 1100px;
  }

  .cmp-highlightinfov2__header {
    max-width: 90% !important;
    margin: 0 auto;
  }
}

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

  #home-p2a .footnote-below-banner.cust-clc .right-footnote-c {
    width: 136px;
  }
}

@media screen and (min-width:320px) and (max-width:340px) {
  #home-p2a .image-text-true {
    margin: 0 auto;
    padding: 0px 15px;
  }
}



@media screen and (min-width:320px) and (max-width:370px) {
  .patient-img p.img-disclaimer {
    width: 92%;
    padding-left:0px !important;
  }
   
    home-p2a .footnote-below-banner.cust-clc .right-footnote-c {
    width: 136px!important;
  }
}
@media screen and (min-width:590px) and (max-width:991px) {
    #faqs #main-section[aria-label="header-redesign"] #phase2-accordion-section span.cmp-accordion__title {
      
        max-width: 100%;
    }
        #understanding-side-effects .eop-container-redesign .eop-cards-container .eop-card-content>div>p br{
            display:none !important;
        }
}
@media screen and (min-width:992px) and (max-width:1015px) {
  #home-p2a:has(#bc-image-update-header) #main-section[aria-label="header-redesign"] .footnote-below-banner.cust-clc {
    margin-left: 25px;
  }
}

@media screen and (min-width:1441px) {
  #header-redesign #utility-nav:has(.select-indication-dd-icon-new) {
    justify-content: center;
  }

}
@media screen and (min-width:320px) and (max-width:373px) {
    #home-landing .right-text2 {
       
        height: 156px!important;
  }
}

@media screen and (min-width:320px) and (max-width:335px) {
  #side-effect-management #banner-section #new-bc-update .banner-redesign-h1-section h1.phase2-headline {
    letter-spacing: -1.04px;
    margin-left: -10px;
  }
}

@media screen and (min-width:992px) and (max-width:1023px) {
  #understanding-side-effects #phase2 #banner-section .p2a-h1-section.banner-redesign-h1-section {
    top: -36px;
  }
}

@media screen and (min-width:992px) and (max-width:1310px) {
  .cmp-highlightinfov2.sticky #isi-home-landing {
    padding-left: 20px;
  }

  #isi-home-landing p.isi-right-main-text2 {
    padding-right: 20px!important;
  }

  #isi-home-landing p.isi-right-main-text1 {
    padding-right: 20px!important;
  }
}

@media screen and (min-width:320px) and (max-width:321px) {
  span.cmp-highlightinfov2__text {
    margin-right: -3px;
  }
}

@media screen and (min-width:500px) and (max-width:991px) {
  #side-effect-management .tt-reminder-sec .reminder1 ,  #side-effect-management .tt-reminder-sec .reminder2 , #side-effect-management .tt-reminder-sec .reminder3,  #side-effect-management .tt-reminder-sec .reminder4 {
    max-width: 100%!important;
  }
  .eop-card-content p br,  .page-cta-sec.cta-redesign>div p br{
      display:none !important;
  }
      .page-cta-sec.cta-redesign>div p{
          max-width:100%;
      }
}

@media screen and (min-width:518px) and (max-width:540px) {
  .cust-redesign {
    padding-right: 42px;
  }
}

@media screen and (min-width:767px) and (max-width:991px) {
  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box img {
    box-shadow: none!important;
    border-radius: 0px!important;
    margin-left: 7px!important;
  }
}

@media screen and (min-width:320px) and (max-width:329px) {
  #results-with-truqap:has(#new-bc-update) #how-truqap-was-studied_infographic-box {
    max-height: 412px !important;
  }
}

@media (min-width: 992px) and (max-width: 1022px) {
  #how-truqap-works #phase2 #banner-section h1.phase2-headline {
    max-width: 330px !important;
    margin-top: -10px !important;
  }
}

@media screen and (min-width: 1260px) and (max-width: 1415px) {
  #how-truqap-works #phase2 #banner-section .p2a-h1-section {
    padding-top: 108px !important;
  }
}

@media screen and (min-width: 400px) and (max-width: 991px) {
  #how-truqap-works p.custdev br {
    display: none!important;
    padding-right: 81px!important;
  }
}

@media screen and (min-width: 380px) and (max-width: 991px) {
  #home-p2a .footnote-below-banner.cust-clc {
    justify-content: unset!important;
  }
  .cmp-highlightinfov2:not(.sticky) .cmp-highlightinfov2__container {
     
         height: 100%; 
    }
    #how-truqap-works [id^="img_container-redesign"] p.img-disclaimer {
        
     width: 320px !important;
             padding-left: 2px !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    [id^="img_container-redesign"] p.img-disclaimer ,#taking-truqap #text_plus_img-redesign-2 .img-disclaimer.disk-ru {
     
     width: 320px !important;
             padding-left: 2px !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1220px) {
      #taking-truqap  p.img-disclaimer.disk-ru {
        padding-left: 27px !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 345px) {
[id^="img_container-redesign"] p.img-disclaimer {
        padding-left: 12px !important;
           width: 320px !important;
    }
        #side-effect-management .patient-img img {
        min-width: auto !important;
        max-width: 100%;
    }
       
}
/*accessblity coding*/
/* .focus-active:focus*/
/*{*/
/*    outline: 2px solid #250E62;*/
/*}*/

#taking-truqap .calendar-days .day:focus-visible {
  outline: 3px solid #250E62;
  outline-offset: 3px;
}

.reset-button:focus {
  outline: 2px solid #2f145e;
  outline-offset: 2px;
}