:root {
  --Imfinze-Light-Blue: #7099D3;
  --Imfinzi-Red: #AC182E;
}

#duoe-clinical .cmp-title__text, #duoe-clinical .image {
  margin-bottom: 0;
}

#duoe-clinical #hero-text {
  overflow: hidden;
  max-width: none;
}

#duoe-clinical h1 {
  margin: 0;
}

#duoe-clinical .cmp-text {
  overflow: hidden;
}

#duoe-clinical .cmp-text ul li{

    display:block;
}


#duoe-clinical .hero-title {
  max-width: 100%;
}

#duoe-clinical h2 {
  margin: 0;
  border-top: none;
}

#duoe-clinical #buttons {
  display: flex;
  gap: 6px;
  align-items: center;
  padding: 10px;
}

#duoe-clinical  .button {
  padding: 6px 16px;
}

#duoe-clinical #text-1 p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 10px 16px;
  font-family: "Inter";
}

#duoe-clinical #study-design {
  padding: 20px 10px;
}

#duoe-clinical #study-design .cmp-title__text.cmp-title__text--h2 {
  color: var(--Lynparza-Blue, #004D74);
/* H2 Mobile */
  font-family: Lexia;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 10px;
}

#duoe-clinical #study-design .image {
  padding: 20px 0px 0px 0px;
}

#duoe-clinical #patients {
  padding: 20px 0 14px;
}

#duoe-clinical #patients #title-2-wrapper {
  padding: 0 16px 0;
}

#duoe-clinical #patients #title-2-wrapper > h3 span , #duoe-clinical #efficacy #title-3-wrapper  h3 span {
  color: var(--Imfinze-Light-Blue, #7099D3);
/* h3 mobile */
  font-family: Lexia;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

#duoe-clinical #patients #table-1 {
  padding: 14px 10px 0px;
}

#duoe-clinical #accordion-1 .cmp-accordion__header {
  background-color: #fff;
}

 #duoe-clinical #efficacy-subtitle span {
  color: var(--Imfinze-Light-Blue, #7099D3);
/* h3 mobile */
  font-family: Lexia;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}
#duoe-clinical #abbreviations .cmp-accordion__title{
    color: var(--Colour-Tints-Mulberry-100, #830051);
/* H6 Lexia regular */
  font-family: Lexia;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
#duoe-clinical #abbreviations-desktop {
  display: none;
}

#duoe-clinical  .cmp-accordion__icon::before{
    content: url(/content/dam/intelligentcontent/brands/az-oncology-uk/en/duoe/images/chevron.svg) !important;
}

#duoe-clinical #abbreviations .cmp-accordion__icon::before {
  
      background: url(/content/dam/intelligentcontent/brands/az-oncology-uk/en/duoe/images/chevron-small.svg) !important;
    content: " " !important;
    width: 20px;
    display: inline-block;
    height: 20px;
}

#duoe-clinical .cmp-accordion__button--expanded .cmp-accordion__icon::before {
  content: url(/content/dam/intelligentcontent/brands/az-oncology-uk/en/duoe/images/chevron.svg) !important;
}

#duoe-clinical .cmp-accordion__button--expanded  span.cmp-accordion__icon {
  transform: rotate(180deg);
}

#duoe-clinical .cmp-accordion__button {
  align-items: flex-start;
  padding: 0;
  outline: none;
}

#duoe-clinical .cmp-accordion__panel--expanded {
  padding: 0;
}

#duoe-clinical #efficacy-wrapper {
  background-color: var(--Off-white, #F8F8F8);
}

#duoe-clinical #efficacy {
  background-color: var(--Off-white, #F8F8F8);
  padding: 20px 16px 9px;
}

#duoe-clinical #efficacy #efficacy-title h2 {
  color: var(--Lynparza-Blue, #004D74);
/* H2 Mobile */
  font-family: Lexia;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
  padding-top: 0;
}

#duoe-clinical #efficacy-subtitle h3 {
  margin-bottom: 22px;
}

#duoe-clinical #accordion-mobile li, #duoe-clinical #accordion-mobile p {
  margin: 0px;
}

#duoe-clinical #efficacy h4 {
  color: var(--Imfinze-Light-Blue, #7099D3);
/* H4 - Desktop */
  font-family: "Inter";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 20px;
  /*margin-top: 12.56px;*/
  ;
}

/*img.cmp-image__image.cmp-image--desktop {*/
/*    padding-top: 20px;*/
/*}*/
#duoe-clinical #alone-image {
  padding-top: 20px;
}

#duoe-clinical #efficacy h5 {
  color: var(--Colour-Tints-Graphite-100, #3C4242);
/* H5 - Desktop */
  font-family: "Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 32px;
  padding-right: 12px;
}

#duoe-clinical #accordion-1 #accordion-1-item-c496313413-button {
  margin-bottom: 22px;
}

#duoe-clinical #accordion-2 .cmp-accordion__item, #duoe-clinical #accordion-3 .cmp-accordion__item, #duoe-clinical #accordion-4 .cmp-accordion__item {
  padding: 20px 0 10px;
}

#duoe-clinical #accordion-2 .cmp-accordion__button, #duoe-clinical #accordion-3  .cmp-accordion__button, #duoe-clinical #accordion-4 .cmp-accordion__button {
  background-color: #F8F8F8;
}

#duoe-clinical #efficacy > div.image {
  margin-bottom: 9px;
}

#duoe-clinical #accordion-2 {
  padding-bottom: 20px;
}

#duoe-clinical #accordion-2 .cmp-accordion__button--expanded {
  margin-bottom: 16px;
}

#duoe-clinical #accordion-3 {
  padding-bottom: 12px;
}

#duoe-clinical #accordion-3 .cmp-accordion__button--expanded {
  margin-bottom: 6px;
}

#duoe-clinical #accordion-3 h5 {
  padding: 25px 20px 17px 0;
  margin-bottom: 0;
}

#duoe-clinical #accordion-4 h5 {
  padding: 17px 20px 17px 0;
  margin-bottom: 0;
}

#duoe-clinical #accordion-3 #os-graph {
  padding: 12px 0 18px;
}

#duoe-clinical #accordion-4 #image-3adb9c89dd {
  padding: 20px 0 20px;
}

#duoe-clinical #safety-profile #image-65502bf420 {
  width: 100%;
  /*height: 251px;*/
  padding: 14.437px 13px 13.563px 13px;
  align-items: center;
}

#duoe-clinical #accordion-3-title-3 h5 {
  padding-right: 64px;
}

#duoe-clinical #efficacy #title-3-wrapper  h3 {
  padding: 20px 0;
}

#duoe-clinical #efficacy #title-3-wrapper  h3 span {
  color: var(--Imfinzi-Red, #AC182E);
}

#duoe-clinical #title-c8cf471682 > h5 {
  margin-bottom: 28px;
}

#duoe-clinical #Imfinzi-container h4 span {
  width: 343px;
  height: 101px;
  margin-top: 12.5px;
}

#duoe-clinical #Imfinzi-container h5 span {
  width: 343px;
  height: 113px;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  margin-bottom: 28px;
  font-weight: 400;
  line-height: 28px;
}

#duoe-clinical #Imfinzi-container p {
  width: 1180px;
  color: #656969;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 10px 0px;
}

#duoe-clinical #exploratory-subgroup h5 span {
  width: 343px;
  height: 57px;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

#duoe-clinical #safety-profile .title h2 {
  width: 343px;
  height: 100px;
  color: var(--Lynparza-Blue, #004D74);
  font-family: Lexia;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  padding: 20px 16px;
}

#duoe-clinical #safety-profile p {
  width: 343px;
  color: var(--Colour-Tints-Graphite-100, #3C4242);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 10px 16px;
}

#duoe-clinical #safety-profile-container #special-interest h5 {
  width: 343px;
  height: 70px;
  color: var(--Colour-Tints-Graphite-100, #3C4242);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  padding: 17px 16px;
  line-height: 28px;
  margin: 0;
}

#duoe-clinical #safety-profile-container #special-interest p {
  width: 343px;
  color: var(--Colour-Tints-Graphite-100, #3C4242);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 10px 16px;
}

#duoe-clinical #safety-profile-container #special-interest #image-e55d7ba132 {
  width: 344px;
  height: 98px;
  padding: 16px 16px 21px 15px;
}

#duoe-clinical #safety-profile-container #advanced-patient p {
  width: 343px;
  color: var(--Colour-Tints-Graphite-100, #3C4242);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 16px;
  margin: 0px;
}



#duoe-clinical #text-one {
  color: var(--Colour-Tints-Graphite-100, #3C4242);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 10px 16px 10px 0px;
}


#duoe-clinical #text-one  ul li::before{

    content:"";
}



#duoe-clinical #text-one > ul > li:nth-child(1), #duoe-clinical #text-one > ul > li:nth-child(2) {
  color: var(--Colour-Tints-Graphite-100, #3C4242);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 0px 16px 0px 16px;
  margin: 0;
}



#duoe-clinical #custom-list ul li {
    margin:0px;
}

#duoe-clinical p.text-one-p {
  font-size: 16px !important;
}

#duoe-clinical span.li-bullet {
  margin-left: -30px;
}

#duoe-clinical #accordion-desktop {
  display: none;
}

#duoe-clinical #comparable-rates h5 {
  width: 343px;
  color: var(--Colour-Tints-Graphite-100, #3C4242);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  padding: 16.563px 16px 12.438px 16px;
  margin: 0px;
}

#duoe-clinical #comparable-rates #regimen-card {
  width: 340.055px;
  height: 255px;
  padding: 19.563px 14px 27.438px 15px;
}

#duoe-clinical #comparable-rates #subgroup-card {
  width: 334px;
  height: 485px;
  padding: 19.563px 15.5px 62.438px 25.5px;
}

#duoe-clinical #comparable-rates #image-144201cbab {
  width: 324px;
  height: 580px;
  padding: 20px 23px 0px 28px;
}

#duoe-clinical #advanced-patient #new-course h5 {
  width: 343px;
  height: auto;
  color: var(--Colour-Tints-Graphite-100, #3C4242);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  padding: 16.563px 16px 12.438px 16px;
  margin: 0px;
}

#duoe-clinical #advanced-patient #image-7119564334 {
  width: 345px;
  height: 135px;
  padding: 24.438px 15px 22.563px 15px;
  margin: 0px;
}

#duoe-clinical #advanced-patient ul{
      padding-left:16px;
  }

@media (min-width:768px) {
  #duoe-clinical #hero-text p {
    font-size: 41px;
    line-height: 41px;
  }

  #duoe-clinical #accordion-desktop {
    display: block;
  }

  #duoe-clinical #abbreviations-desktop {
    display: block;
  }

  #duoe-clinical #accordion-desktop li {
    margin: 0;
  }

  #duoe-clinical #buttons {
    justify-content: center;
    gap: 29px;
  }

  #duoe-clinical  .button {
    width: 30%;
    width: 30%;
    border-radius: 0 4px;
    border-radius: 0px 20px;
    text-align: center;
    padding: 22px 0;
    margin: 0px;
  }

  #duoe-clinical #study-design .cmp-title__text.cmp-title__text--h2 {
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
  }

  #duoe-clinical #patients {
    padding: 20px 10px;
  }

  #duoe-clinical #patients #title-2-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  #duoe-clinical #patients #title-2-wrapper {
    padding-bottom: 10px;
  }

  #duoe-clinical #patients #title-2-wrapper > h3 span {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
  }

  #duoe-clinical #patients #cards {
    padding: 40px 0 20px;
  }

  #duoe-clinical #patients #table-1 {
    padding: 20px 0px 0px 0px;
  }

  #duoe-clinical .cmp-accordion__title {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    color: var(--Colour-Tints-Mulberry-100, #830051);
    padding: 10px 0px;
  }

  #duoe-clinical #accordion-desktop h3 button .cmp-accordion__title {
    font-size: 24px;
  }

  #duoe-clinical #accordion-4 .cmp-accordion__title {
    padding: 20px 0px 10px;
  }

  #duoe-clinical .cmp-accordion__icon {
    padding-top: 8px;
  }

  #duoe-clinical .cmp-accordion__button--expanded .cmp-accordion__icon {
    padding-top: 0;
    padding-bottom: 8px;
  }

  #duoe-clinical #Imfinzi-container .title #title-3-wrapper h3 span {
    font-family: Inter;
    font-size: 36px;
  }

  #duoe-clinical #Imfinzi-container h4 span {
    width: 1180px;
    flex-shrink: 0;
    color: var(--Imfinze-Light-Blue, #7099D3);
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    padding-bottom: 20px;
  }

  #duoe-clinical #Imfinzi-container h5 span {
    width: 1180px;
    color: var(--Colour-Tints-Graphite-100, #3C4242);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 40px;
  }

  #duoe-clinical #exploratory-subgroup h5 span {
    width: 1180px;
    color: var(--Colour-Tints-Graphite-100, #3C4242);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }

  #duoe-clinical #accordion-4 h5 {
    padding: 27px 20px 20px 0;
    margin-bottom: 0;
  }

  #duoe-clinical #safety-profile .title h2 {
    
    color: var(--Lynparza-Blue, #004D74);
    font-family: Lexia;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    padding: 40px 10px 10px;
  }

  #duoe-clinical #safety-profile p {
    width: 1180px;
    color: var(--Colour-Tints-Graphite-100, #3C4242);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 20px 10px;
  }

  #duoe-clinical #safety-profile #image-65502bf420 {
    width: 100%;
    height: 816px;
    gap: 20px;
    padding: 20px 0px;
  }

  #duoe-clinical #safety-profile-container #special-interest h5 {
    width: 1180px;
    color: var(--Colour-Tints-Graphite-100, #3C4242);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    padding: 10px 10px 20px 10px;
  }

  #duoe-clinical #safety-profile-container #special-interest p {
    width: 1180px;
    color: var(--Colour-Tints-Graphite-100, #3C4242);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 10px 20px 10px;
  }

  #duoe-clinical #refrence-text-trial {
    padding: 10px 13px 10px 0px;
  }

  #duoe-clinical #safety-profile-container #special-interest #image-e55d7ba132 {
    width: 100%;
    height: 232px;
    gap: 20px;
    padding: 20px 0px;
  }

  #duoe-clinical #safety-profile-container #advanced-patient p {
    width: 1180px;
    color: var(--Colour-Tints-Graphite-100, #3C4242);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    padding: 10px 10px 20px 10px;
  }
  
  #duoe-clinical #advanced-patient ul li{
      display:block;
  }
  

  #duoe-clinical #text-one > ul > li:nth-child(1) {
  }

  #duoe-clinical #comparable-rates h5 {
    width: 1180px;
    color: var(--Colour-Tints-Graphite-100, #3C4242);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 76px;
    padding: 10px 10px 20px 0px;
  }

  #duoe-clinical #comparable-rates #regimen-card {
    width: 100%;
    height: 114px;
    padding: 20px 0px;
    /*margin: 20px 0px;*/
    ;
  }

  #duoe-clinical #comparable-rates #subgroup-card {
    width: 100%;
    height: 226px;
    padding: 20px 0px;
    /*margin: 20px 0px;*/
    ;
  }

  #duoe-clinical #comparable-rates #image-144201cbab {
    width: 100%;
    height: 231px;
    padding: 20px 0px;
  }

  #duoe-clinical #advanced-patient #new-course h5 {
    width: 100%;
    color: var(--Colour-Tints-Graphite-100, #3C4242);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    padding: 10px 10px 20px 0px;
    margin: 0px;
  }

  #duoe-clinical #advanced-patient #image-7119564334 {
    width: 100%;
    height: 369px;
    padding: 20px 0px;
    margin: 0px;
  }
}

@media (min-width:1024px) {
  #duoe-clinical #title-1-wrapper, #duoe-clinical #buttons, #duoe-clinical #text-1 p, #duoe-clinical #study-design, #duoe-clinical #efficacy, #duoe-clinical #safety-profile, #duoe-clinical #special-interest, #duoe-clinical #comparable-rates, #duoe-clinical #advanced-patient, #duoe-clinical #patients, #duoe-clinical #patients, #duoe-clinical .cmp-accordion__item {
    max-width: 1180px;
    margin: 0 auto;
  }

  #duoe-clinical #buttons {
    justify-content: space-between;
  }
}

@media (min-width:1280px) {
  #duoe-clinical .cmp-title__text--h1 {
    line-height: 60px;
    font-size: 56px;
  }
}

@media (min-width:1440px) {
  #duoe-clinical #hero-text p {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
  }

  #duoe-clinical .cmp-container__backgroundImage--enabled {
    padding: 56px 63px 149px 406px;
  }

  #duoe-clinical #title-1-wrapper {
    padding: 40px 0;
  }

  #duoe-clinical #title-1-wrapper h1 > span {
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
  }

  #duoe-clinical #buttons, #duoe-clinical #text-1 p, #duoe-clinical #study-design {
    padding: 20px 0;
  }

  #duoe-clinical #patients, #duoe-clinical .cmp-accordion__item {
    padding: 30px 20px 30px 0px;
  }
}

@media (min-width:1700px) {
  #duoe-clinical .cmp-container__backgroundImage--enabled {
    padding-left: 28%;
  }

  #duoe-clinical #hero-text .hero-title {
    padding-right: 350px;
  }
}