#truqap-dosing :is(h2,h3,h4){
  color:var(--color-primary);
  margin: 0;
}
body#truqap-pages.aem-GridColumn.aem-GridColumn--default--12 {
    position: unset !important;
}
#truqap-dosing #modal-page{
    display:none;
}

#truqap-dosing .no-wrap {
    display: inline;
}
#truqap-pages #modalTitle {
    display: none;
}
#truqap-dosing{overflow-x: hidden;}
#truqap-dosing #wrapper {
  display: block;
  max-width: 1180px;
  margin: auto;
}

#truqap-dosing #hero #wrapper{
max-width:none;
} 
#truqap-dosing #hero {

  background: var(--color-primary);
}
#truqap-dosing #hero .teaser{position: relative;}
#truqap-dosing #hero .teaser:before {
    content: '';
    position: absolute;
    inset: 0;
    width:70%;
    z-index: 1;
    background: linear-gradient(90deg, #250E62 65.5%, rgba(37, 14, 98, 0.00) 100%);
}
#truqap-dosing #hero .cmp-teaser__image {
  order: 1;
  padding: 0;
}
#truqap-dosing #hero .cmp-teaser__title:after {
  content: '';
  width: 92px;
  display: block;
  background: var(--color-light);
  height: 5px;
  margin-top: 27px;
  margin-bottom: 28px;
  border-radius: 4px;
}
#truqap-dosing #hero .cmp-teaser__title p {
  color: var(--color-light);
  font-size: clamp(1.88rem, 0.85vi + 1.68rem, 2.44rem);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.01px;
}

#truqap-dosing #hero .cmp-teaser__title {
  position: relative;
  margin: 0;
}  
#truqap-dosing .cmp-teaser .cmp-teaser__description p {
  font-size: clamp(1rem, 0.09vi + 0.98rem, 1.06rem);
  line-height: 1.42;
  color: var(--color-light);
}

#truqap-dosing #hero .cmp-teaser__content {
  padding: 95px 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  z-index:2;
}

#truqap-dosing #hero .cmp-teaser__image-desktop {
  height: 100%;
}

#truqap-dosing #dosing-teaser {
  height: 100%;
}

#truqap-dosing #hero .cmp-image--desktop {
  height: 100%;
  object-fit: cover;
  object-position: 100%;
  transition: all 100ms ease-in-out;
}
#truqap-dosing #truqap-section .sec-1-title {
  font-size: 24px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 35px;
  padding: unset;
  border: unset;
  margin-top: 0;
}

#truqap-dosing #truqap-section p {
  font-size: 24px;
  line-height: 35px;
  color: #250E62;
}

#truqap-dosing #truqap-section {
  padding: 0;
}

#truqap-dosing #section-1 {
  padding-top: 43px;
  padding-bottom: 56px;
  background-color: #DBDCED;
}

#truqap-dosing #section-2 .sec-2-title {
  font-size: 24px;
  line-height: 32px;
}

#truqap-dosing #section-2 .text {
  padding-block: 50px;
}

#truqap-dosing #section-2 {
  padding-bottom: 65px;
  background: rgba(128, 131, 199, 0.05);
}

#truqap-dosing #section-3 {background-color: #D3EFF5;padding-top: 65px;padding-bottom: 55px;}

#truqap-dosing #two-col .sec-3-title {
  font-size: 31.25px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  padding-bottom: 13px;
}

#truqap-dosing #two-col .sec-3-sub-title{
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 25px;
}

#truqap-dosing #two-col p {
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #250E62;
}

#truqap-dosing #text-1 p {
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #250E62;
}

#truqap-dosing #left {
  max-width: 533px;
  padding: unset;
}
#truqap-dosing #text-1 {
  padding-top: 16px;
  max-width: 785px;
}



#truqap-dosing .cmp-accordion__item{
  margin-bottom:5px;
}
#truqap-dosing .cmp-accordion__item:nth-child(odd) {
  background: #DEDFF0;
}
#truqap-dosing .cmp-accordion__item:nth-child(even) {
  background: #F0F0F8;
}

#truqap-dosing .cmp-accordion__item .cmp-accordion__title{
color: #250E62;
font-size: 25px;
font-weight: 400;
line-height: 28px; 
}

#truqap-dosing .cmp-accordion__icon::before {
  content: url(/content/dam/intelligentcontent/brands/az-oncology-uk/en/images/truqap-img/Arrow-right.png) !important;
}

#truqap-dosing .cmp-accordion__button--expanded .cmp-accordion__icon::before {
  content: url(/content/dam/intelligentcontent/brands/az-oncology-uk/en/images/truqap-img/Arrow-up.png) !important;
}

#truqap-dosing .cmp-accordion__button {
  padding-top: 25px;
  padding-inline: 0;
  padding-bottom: 23px;
  min-height: 95px;
  outline:none;
}

#truqap-dosing .cmp-accordion__item > * {
  max-width: 1180px;
  margin: auto;
}

#truqap-dosing div#heading {
  padding-top: 57px;
  padding-bottom: 40px;
}

#truqap-dosing div#heading h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 28px;
}

/*accordian section*/
#truqap-dosing .cmp-accordion__header{background-color: transparent;padding:0;}

#truqap-dosing .grade-text {
    color: #250E62;
    font-family: Sora;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

#section-4 .grade-container .grade-list ul li {
    color: #250E62;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2px;
}

#truqap-dosing .grade-container .grade-list li:before {
    content: '';
    width: 5px;
    height: 5px;
    margin-right: 10px;
    background-color: #250E62;
    margin-top:10px;
}
#truqap-dosing .cmp-accordion__panel {
    padding: 0;
}

#truqap-dosing .grade {
    display: flex;
    justify-content: flex-start;
}

#truqap-dosing .grade-list {
    flex: 1;
    padding-left: 60px;
}

#truqap-dosing .grade-text {
    flex-basis: 160px;
    padding-bottom: 30px;
}

#truqap-dosing .grade-text span {
    color: #250E62;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: block;
}

#truqap-dosing .cmp-accordion__item .cmp-image {
    padding-bottom: 70px;
    padding-top: 10px;
}

#truqap-dosing #text-2 p {
  color: #250E62;
  font-family: Sora;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 142.857% */
}

#truqap-dosing .button #button,#section-7 .button #button {
  border-radius: 32px;
  background: #250E62;
  color: #FFF;
  text-align: center;
  font-family: Sora;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; 
  max-width: 550px;
  width: 100%;
  padding-inline: 30px;
  padding-block: 17px;
  text-decoration:none;
}

#truqap-dosing .button {
  text-align: center;
  margin-top: 38px;
}

#truqap-dosing #section-5 {
  padding-top: 42px;
  padding-bottom: 70px;
}

#truqap-dosing #section-6 .cmp-title__text {
  color: #250E62;
  font-family: Sora;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px; /* 126.667% */
  margin-bottom: 18px;
}

#truqap-dosing .dosing-tile {
  color: #250E62;
  font-family: Sora;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px; /* 140% */
  margin-bottom: 15px;
}

#truqap-dosing .titel {
  color: #250E62;
  font-family: Sora;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
  margin-bottom: 5px;
  max-width: 244px;
}

#truqap-dosing .desc {
  color: #250E62;
  font-family: Sora;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 140% */
  max-width: 242px;
}

#truqap-dosing .dosing-subgroup {
  border-radius: 20px;
  background: #FFF;
  padding: 20px;
  flex: 1 1 auto;
  max-width: 314px;
}

#truqap-dosing .dosing-subgroups {
  display: flex;
  gap: 16px;
}

#truqap-dosing .dosing {
  display: flex;
  margin-bottom: 50px;
}

#truqap-dosing .dosing-desc {
  flex: 1 1 auto;
}

#truqap-dosing .dosing-image {max-width: 108px;flex: 1 0 auto;margin-right: 32px;max-height: 108px;}

#truqap-dosing .main-subgroup {
  display: flex;
  gap: 12px;
}

#truqap-dosing #section-6 {
  background-color: #ecfafb;
  padding-top: 32px;
}

#truqap-dosing .dosing-desc {
  color: #250E62;
  font-family: Sora;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  display: block;
}

#truqap-dosing #section-7 {
  background-color: #250E62;
  padding-top: 50px;
  padding-bottom: 70px;
}

#truqap-dosing #section-7 .text p {
  color: #FFF;
  text-align: center;
  font-family: Sora;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; 
  max-width: 809px;
  margin: auto;
}

#truqap-dosing #section-7 .button #button {
  background: #F8485E;
  color: #250E62;
  text-align: center;
  font-family: Sora;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; 
  max-width: 344px;
}

#section-7 .button {
  margin-top: 25px;
}

#truqap-dosing #section-8 {
  background: #2CCCD3;
  padding-block: 70px;
}

#truqap-dosing #section-8 .cmp-title__text {
  color: #250E62;
  text-align: center;
  font-family: Sora;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px; 
  margin-bottom: 28px;
}

#truqap-dosing #section-8 .text p {
  color: #250E62;
  text-align: center;
  font-family: Sora;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; 
  max-width: 832px;
  margin: auto;
}

#truqap-dosing #section-8 .text {
  max-width: 1130px;
  margin: auto;
  border: 1px solid #250E62;
  padding: 20px 15px;
}

#truqap-dosing #section-8 .text a {
  color: #250E62;
  font-family: Sora;
  font-size: 16px;
  text-decoration: underline;
}
#truqap-dosing #section-8 .cmp-title__text a {
    color: unset;
    text-decoration: underline;
}

#truqap-dosing #section-8 .text a:after {
  display: none;
}

#truqap-dosing #abbreviations p,#truqap-dosing #abbreviations li {
  color: #000;
  font-family: Sora;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

#truqap-dosing #abbreviations li {
  margin-bottom: unset;
  display: flex;
  max-width: fit-content;
}
#truqap-dosing #abbreviations li::before{flex: 1 0 auto;}

#truqap-dosing #abbreviations ol {
  padding-bottom: 45px;
}

#truqap-dosing  #section-9 {
  padding-top: 42px;
  padding-bottom: 85px;
}
#truqap-dosing #accordian__4 {
    padding-bottom: 17px;
}
#truqap-dosing #mobile-text {display:none;}
#truqap-dosing #foot-notes p {
  font-size: 16px;
  margin-bottom: 20px !important;
}
#truqap-dosing #section-8 .text a[href^="tel"]{
  text-decoration:unset;
}

#truqap-dosing #section-2 .text:nth-child(2),#truqap-dosing #two-col #view-full-screen{display: none;}
@media(max-width:1366px){
#truqap-dosing #section-8 .cmp-title__text{line-height:32px;}
#truqap-dosing #hero .cmp-image--desktop {
  object-position:75%;
}
#truqap-dosing #wrapper,#truqap-dosing #section-4 .cmp-accordion__panel,#truqap-dosing #section-4 .cmp-accordion__item > * {padding: 0 22px;}
#truqap-dosing #hero #wrapper{padding:unset;}
#truqap-dosing #hero #wrapper .cmp-teaser__content{padding-inline:22px;}
}
#truqap-dosing .button #button:focus{
    display:none;
}
#truqap-dosing .button #button {
    outline: none;
    display:inline-block;
}



@media(min-width:767px){
  #truqap-dosing .image .cmp-image__link {
    pointer-events: none;
}
  #truqap-dosing .titel{min-height: 56px;}
}
@media(max-width:767px){
    
      #truqap-dosing #view-full-screen a {
    color: #250E62;
    font-size: 16px;
    font-weight: 700;
    text-decoration:unset;
    line-height: 20px;
}
#truqap-dosing #view-full-screen p{line-height:22px;}
#truqap-dosing #view-full-screen  {
    max-width: 200px;
    text-align: center;
    margin-inline: auto;
    padding-top: 5px;
    padding-bottom: 15px;
}
#truqap-dosing #two-col #view-full-screen{margin-bottom: 4px;}
#truqap-dosing #section-2 .text:nth-child(2),#truqap-dosing #two-col #view-full-screen{display: block;padding: unset;}

#truqap-dosing #two-col {
    gap: 10px;
}
  #truqap-dosing #hero .cmp-teaser__content{padding-top: 73px;padding-bottom: 63px;}
  #truqap-dosing .dosing-subgroups,#truqap-dosing .dosing{
      flex-direction:column;
      text-align:center;
  }
  
  #truqap-dosing #hero .cmp-teaser__image{display:none;}
  #truqap-dosing .dosing-subgroup,#truqap-dosing .titel,#truqap-dosing .desc{
      max-width:100%;
  }
  #truqap-dosing .dosing-image{margin-bottom:32px;margin-right:unset;margin-top: 5px;}
  #truqap-dosing .dosing{margin-bottom: 0;align-items: center;}
  #truqap-dosing .dosing-2{margin-bottom:0;}
  #truqap-dosing .grade-list{padding-left: 20px;}
  #truqap-dosing .grade-text span{margin-top:5px;display: inline;}
  #truqap-dosing #mobile-text {padding-top: 24px; display:block;}
  #truqap-dosing #text-1{display:none;}

  #truqap-dosing #hero .cmp-teaser__content{padding-top: 60px;padding-bottom: 60px;}
 #truqap-dosing .grade{flex-direction:column;}
  #truqap-dosing .grade-text{flex-basis:unset;}
  #truqap-dosing .grade-list{padding-left: unset;}
   #truqap-dosing .grade-list ul{margin-bottom:15px}
  /*For demo mobile design*/
   #truqap-dosing #truqap-section .sec-1-title {
     margin-bottom: 27px;
     line-height: 24px;
     font-size: 19px;
     max-width: 74%;
     margin-inline: auto;
 }

 #truqap-dosing #truqap-section p,
 #truqap-dosing #text-2 p,
 #truqap-dosing #text-1 p {
     font-size: 19px;
     line-height: 24px;
 }
 #truqap-dosing #two-col .sec-3-sub-title,  #truqap-dosing #two-col p{font-size:18px;line-height:24px;}
 #truqap-dosing .titel,
 #truqap-dosing .desc,
 #truqap-dosing .dosing-desc,
 #truqap-dosing #section-7 .text p {
     font-size: 18px;
 }
 #truqap-dosing .cmp-accordion__item .cmp-accordion__title {
     font-size: 18px;
     line-height: 24px;
 }
 #truqap-dosing #section-2 .sec-2-title {
     font-size: 18px;
     line-height:25px
 }
 #truqap-dosing #section-1 {
     padding-top: 40px;
     padding-bottom: 35px;
     text-align: center;
 }
 #truqap-dosing #section-9{padding-block: 25px;}

 #truqap-dosing #section-2 .text {
     padding-bottom: 10px;
     padding-top: 25px;
     padding-top: 20px;
 }

 #truqap-dosing #two-col .cmp-image {
     padding-top: 10px;
 }

 #truqap-dosing div#heading {
     padding-block: 42px;
 }

 #truqap-dosing #section-5,
 #truqap-dosing #section-7 {
     text-align: center;
 }

 #truqap-dosing #section-3 {
     padding-bottom: 68px;
     padding-top: 40px;
     text-align: center;
 }
 #truqap-dosing .cmp-accordion__item .cmp-image {
     padding-bottom: 50px;
 }
#truqap-dosing .cmp-accordion__button{padding-top: 30px;padding-bottom: 28px;}
#truqap-dosing #section-2{text-align:center;padding-bottom: 35px;}
 #truqap-dosing div#heading h3 {
     line-height: 2.3rem;
     font-size: 24px;
     line-height: 32px;
     text-align: center;
 }

 #truqap-dosing .grade-text {
     font-size: 18px;
     padding-bottom: 14px;
 }

 #truqap-dosing .button {
     margin-top: 25px;
 }
#truqap-dosing #section-7 .button button,#truqap-dosing #section-5 .button button{max-width:277px;line-height:17px}
#truqap-dosing #section-5 .button button{line-height: 21px;padding-block: 11px;}

#truqap-dosing #two-col .sec-3-title {
     font-size: 24px;
     line-height:32px;
     padding-bottom: 20px;
 }

 #truqap-dosing #section-8 .cmp-title__text {
     font-size: 18px;
     line-height: 24px;
     margin-bottom: 55px;
 }
 #truqap-dosing #abbreviations p, #truqap-dosing #abbreviations li,#truqap-dosing #foot-notes p {
     font-size:12px;line-height:20px;
 }
   #truqap-dosing #section-6 .cmp-title__text {
    font-size: 24px;
    line-height: 32px;
}
#truqap-dosing #section-6{text-align:center;padding-top:51px}
#truqap-dosing .dosing-tile{font-size:18px;line-height: 24px;margin-bottom: 25px;}
#truqap-dosing .titel,#truqap-dosing .desc{font-size:16px;line-height:24px;margin-bottom: 0;text-align: left;/* max-width: 246px; */}
#truqap-dosing .dosing-subgroup {
    padding: 25px 30px 34px 30px;
}

#truqap-dosing .dosing-f1 {
    margin-top: 40px;
}
#truqap-dosing .dosing-container {
    padding-bottom: 38px;
}

#truqap-dosing #section-8 {
    padding-top: 55px;
    padding-bottom: 57px;
}
#truqap-dosing #section-8 .text{
    padding:4px 10px;
}
#truqap-dosing #section-8 .text p,#truqap-dosing #section-8 .text a{font-size:12px;line-height:24px}
#truqap-dosing #foot-notes p{margin-bottom: 15px !important;}
#truqap-dosing #foot-notes p:last-child{margin-bottom:0 !important;}
#truqap-dosing #abbreviations ol{padding-bottom:30px;}

  /*end of responsive css*/
  /*model code*/
  #truqap-pages  .modal__close {
    background: #fff;
    text-align: right;
}

#truqap-pages  span.modal__closeLabel {display:none;}

#truqap-pages  .modal__close .modal__closeIcon {
    margin-right: 1.5rem;
}
#truqap-dosing #modal-page{
    display:block;
}
#truqap-dosing .cmp-modal__content div{overflow-y:scroll;}
#section-4 .grade-container .grade-list ul li{margin-left:5px;}
#truqap-dosing .modal--visible{overflow-y:scroll;}
}

#truqap-dosing #section-3 .titel{
    max-width:none;
    font-size:18px;
}

#truqap-dosing #section-3 .desc{
    font-size:18px;
}

@media (orientation: portrait) and (max-width:767px) {
  #truqap-pages .modal-box {
    padding-top: 60px;
}
}
@media(min-width:425px){
    #truqap-dosing .cmp-accordion__item .cmp-image--mobile {
    max-width: 75%;
    margin: auto;
}
}

@media (min-width:960px){
    #truqap-dosing #section-3 .azcl-columns--3{
    margin-top:42px;
}
#truqap-dosing #section-3 .azcl-columns--3 .dosing-subgroup{
    max-width:none;
    height:583px;
}
#truqap-dosing #section-3 .azcl-columns--3 .dosing-subgroup  .desc{
    max-width:none;
}
}
@media(min-width:1024px){
    #truqap-dosing #dosing-teaser{
    
        height:30.5vw;
    }
    #truqap-dosing #section-3 .azcl-columns--3 .dosing-subgroup{
    max-width:none;
    height:524px;
}
}

@media(min-width:1180px){
#truqap-dosing #hero .cmp-teaser{
justify-content: flex-end;
}

#truqap-dosing #hero .cmp-teaser__content{
max-width:588px}
}

@media(min-width:1183px){
    #truqap-dosing #section-3 .azcl-columns--3 .dosing-subgroup{
     height:452px;
}
}



@media(min-width:1440px){
    #truqap-dosing #dosing-teaser{
    
        height:22.5vw;
    }
    
}