*:focus:not(.focus-visible) {
  outline: none;
}

/* common styles starts */
.ff-arial {
    font-family: Arial, sans-serif;
}

.desktop-only {
    display: none;
}

/* -------- */

.text-nowrap {
    white-space: nowrap;
}

.text-break {
    word-break: break-all;
}

/* -------- */

.fw-bold {
    font-weight: 700 !important;
}

.fw-black {
    font-weight: 900 !important;
}

.fs-italic {
    font-style: italic;
}

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

/* ------------ */
.white-color{
    color: white !important;
}
.green-color{
    color : #4BA7B6  !important;
}

/* ----------- */

.bg-green {
    background: #4BA7B6 !important;
}
.bg-grey{
    background-color: #343A40 !important;
}

/* common styles ends */




 #main-body{
  margin: 0 auto;
  font-family: Arial, sans-serif ;
  margin: 27px 173px 82px 166px;
}
#main-body #img_hero{
    width:729px;
}

#main-body #section-grid > .aem-Grid{
  display: flex;
}
#main-body #section-grid > .aem-Grid>.container:first-child{
  margin-right: 30px;
}
#main-body  #section-grid > .aem-Grid>.container:last-child {
  max-width: 348px;
  width: 100%;
}

#main-body #box-2{ 
    width:348px;
}
#main-body #box-2 .content h1 {
  margin: 0 0 20px;
  font-size: 30px;
  line-height: 34px;
}

#main-body #box-2 .content{
  font-family: Arial, sans-serif;
}

#main-body #box-2 .content p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 26px;
  color:#353F47;
}

#main-body sup{
  line-height: 0;
  white-space: nowrap;
  font-size: 60%;
}

#main-body #box-2 .content p:last-child{
  margin-right: 25px;
    margin-bottom:0px;
    
}

#main-body #box-2 #cta-section {
  display: none;
}

#main-body #box-2 .content p.list-heading {
  margin-bottom: 0;
}

#main-body #box-2 .content li {
  padding-left: 26px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  color:#353F47;
}

#main-body #box-2 .content ul  {
  margin-bottom: 30px;
}

#main-body #box-2 .content li:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #4BA7B6;
  left: 10px;
  top: 10px;
}


#main-body .cmp-accordion button .cmp-accordion__title {
  font-size: 12px;
  line-height: 19px;
  color:#3C4242;
}

#main-body .cmp-accordion button .cmp-accordion__icon:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 11px;
  background-image: url(/content/dam/intelligentcontent/brands/mibcaware/us/en/images/desktop/down-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

#main-body .cmp-accordion button .cmp-accordion__icon {
    padding: 0;
    height: 13px;
    margin-bottom: 3px;
}

#main-body .cmp-accordion button.cmp-accordion__button--expanded .cmp-accordion__icon:before {
  background-image: url(/content/dam/intelligentcontent/brands/mibcaware/us/en/images/desktop/up-arrow.svg);
}

#main-body .accordion-content p {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 19px;
}

#main-body .cmp-accordion .cmp-accordion__item {
  border: 1px solid #8D8F8F80;
  margin: 26px 0 22px 3px;
}

.cmp-accordion button.cmp-accordion__button--expanded .cmp-accordion__title {
  color: #4BA7B6;
  font-weight: 700;
}

#main-body .cmp-accordion__panel--expanded {
  padding: 0px 13px 5px 10px;
}

#main-body #cta-section .cta-buttons.text-right {
    display: flex;
    justify-content: right;
}

#main-body #cta-section a {
    display: inline-block;
    max-width: 101px;
    width: 100%;
    text-align: center;
    height: 40px;
    align-content: center;
    border-radius: 4.8px;
    font-size: 16px;
    line-height: 24px;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration:none;
}
#main-body #cta-section a.previous {
  margin-right: 5px;
}

#role-of-pt #cta-section a.Next {
  opacity: 50%;
  pointer-events: none;
}



#main-body .cmp-accordion button .cmp-accordion__icon:before {
    background-image: url(/content/dam/intelligentcontent/unbranded/mibcaware/us/en/img/down-arrow-dropdown.png);
}
#main-body .cmp-accordion button.cmp-accordion__button--expanded .cmp-accordion__icon:before {
    background-image: url(/content/dam/intelligentcontent/unbranded/mibcaware/us/en/img/up-arrow-dropdown.png);
    width: 18px;
    height: 12px;
}
#main-body .cmp-accordion__panel--expanded {
    padding: 3px 13px 5px 10px;
}
#main-body .accordion-content a,
#main-body .accordion-content p {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 19px;
  text-decoration:none;
  color:#000;
}
#main-body .accordion-content a{
    word-break: break-all;
}
#main-body .cmp-accordion .cmp-accordion__item {
  border: 1px solid #8D8F8F80;
  margin: 26px 0 20px;
}

#main-body .cmp-accordion button.cmp-accordion__button--expanded .cmp-accordion__title {
  color: #4BA7B6;
  font-weight: 700;
}



#MIBCoverview #cta-section a.previous{
  opacity: 50%;
  pointer-events: none;
}
#role-perioperative-treatment #cta-section a.Next{
  opacity: 50%;
  pointer-events: none;
}
#Signs-and-symptoms-of-MIBC #main-body #box-2 {
    width: 340px;
}
#Signs-and-symptoms-of-MIBC #main-body #box-2 .content p:last-child {
    margin-right: 1px;
}
#Signs-and-symptoms-of-MIBC #main-body .cmp-accordion__panel--expanded {
    padding-right: 13px;
}
#Treatment-of-MIBC #main-body #box-2{
    width: 349px;
}
#Treatment-of-MIBC #main-body .cmp-accordion__panel--expanded {
    padding-right: 7px;
}

#role-MDT #main-body #box-2 .content h1{
    margin-right:30px;
    margin-bottom:27px;
}
#role-MDT #main-body #box-2 .content p:last-child {
    margin-right: 0px;
}
#role-MDT #main-body .cmp-accordion__panel--expanded {
    padding-right: 25px;
}
#role-perioperative-treatment #main-body #box-2 {
    width: 358px;
    
}
#role-perioperative-treatment #main-body #box-2 .content p:last-child {
    margin-right: 0px;
}
#role-perioperative-treatment #main-body .cmp-accordion__panel--expanded{
    padding-right: 21px;
}

/*1399px screen*/
@media screen and (max-width:1439px) and (min-width:992px) {
    
    
    #main-body {
        margin: 1.875vw 12.01388888888889vw 5.694444444444445vw 11.527777777777779vw;
    }   
    #main-body #img_hero{
        width:100%;
    }
    #main-body #section-grid > .aem-Grid>.container:first-child{
      margin-right: 2.083333333333333vw;
    }
    #main-body  #section-grid > .aem-Grid>.container:last-child {
      max-width: 24.166666666666668vw;
    }
    #main-body #box-2{ 
        width:24.166666666666668vw;
    }
    #main-body #box-2 .content h1 {
      margin: 0 0 1.3888888888888888vw;
      font-size: clamp(0.9375rem, -1.1451rem + 3.3557vw, 1.875rem);;
      line-height: clamp(1.0625rem, -1.2978rem + 3.8031vw, 2.125rem);;
    }
    #main-body #box-2 .content p {
      font-size: clamp(0.5rem, -0.6107rem + 1.7897vw, 1rem);;
      line-height: clamp(0.75rem, -0.9161rem + 2.6846vw, 1.5rem);;
      margin-bottom: 2.083333333333333vw;
    }
    #main-body #box-2 .content p:last-child{
      margin-right: 1.7361111111111112vw;
    }
    #main-body #box-2 .content li {
      padding-left: 1.8055555555555554vw;
      font-size: clamp(0.5rem, -0.6107rem + 1.7897vw, 1rem);;
      line-height: clamp(0.75rem, -0.9161rem + 2.6846vw, 1.5rem);;
    }
    #main-body #box-2 .content ul  {
      margin-bottom: 2.083333333333333vw;
    }
    #main-body #box-2 .content li:before {
      width: 0.3472222222222222vw;
      height: 0.3472222222222222vw;
      left: 0.5555555555555556vw;
      top: 0.6944444444444444vw;
    }
    #main-body .cmp-accordion button.cmp-accordion__button--expanded .cmp-accordion__icon:before {
        background-image: url(/content/dam/intelligentcontent/unbranded/mibcaware/us/en/img/up-arrow-dropdown.png);
        width: 1.25vw;
        height: 0.8333333333333334vw;
    }
    #main-body .cmp-accordion__panel--expanded {
        padding: 0.20833333333333334vw 0.9027777777777777vw 0.3472222222222222vw 0.6944444444444444vw;
    }
    #main-body .accordion-content a,
    #main-body .accordion-content p {
      font-size: clamp(0.375rem, -0.4581rem + 1.3423vw, 0.75rem);;
      line-height: clamp(0.625rem, -0.6246rem + 2.0134vw, 1.1875rem);;
    }
    #main-body .cmp-accordion .cmp-accordion__item {
      border: 0.06944444444444445vw solid #8D8F8F80;
      margin: 1.8055555555555554vw 0 1.3888888888888888vw;
    }
    
    #main-body #cta-section a.previous {
        margin-right: 0.3472222222222222vw;
    }
    #main-body #cta-section a {
        max-width: 7.013888888888889vw;
        height: 2.7777777777777777vw;
        border-radius: 0.3333333333333333vw;
        font-size: clamp(0.5rem, -0.6107rem + 1.7897vw, 1rem);
        line-height: clamp(0.75rem, -0.9161rem + 2.6846vw, 1.5rem);
    }
    
    #main-body .cmp-accordion button .cmp-accordion__title {
        font-size: clamp(0.375rem, -0.4581rem + 1.3423vw, 0.75rem);
        line-height: clamp(0.625rem, -0.6246rem + 2.0134vw, 1.1875rem);
    }
    #main-body .cmp-accordion button {
        height: 2.569444444444444vw;
        padding-left: 0.6944444444444444vw;
    }
    
    #main-body .cmp-accordion button .cmp-accordion__icon {
        height: 0.9027777777777777vw;
        margin-bottom: 0.20833333333333334vw;
    }
    #main-body .cmp-accordion button .cmp-accordion__icon:before {
        width: 1.1805555555555556vw;
        height: 0.7638888888888888vw;
    }

    #Signs-and-symptoms-of-MIBC #main-body #box-2 {
        width: 23.61111111111111vw;
    }
    #Signs-and-symptoms-of-MIBC #main-body #box-2 .content p:last-child {
        margin-right: 0.06944444444444445vw;
    }
    #Signs-and-symptoms-of-MIBC #main-body .cmp-accordion__panel--expanded {
        padding: 0.20833333333333334vw 1.1111111111111112vw 0.3472222222222222vw 0.6944444444444444vw;
    }
    #Treatment-of-MIBC #main-body #box-2{
        width: 24.23611111111111vw;
    }
    #Treatment-of-MIBC #main-body .cmp-accordion__panel--expanded {
        padding-right 0.4861111111111111vw ;
    }
    #role-MDT #main-body #box-2 .content h1{
        margin-right:2.083333333333333vw;
    }
    #role-MDT #main-body .cmp-accordion__panel--expanded {
        padding: 0.20833333333333334vw 1.7361111111111112vw 0.3472222222222222vw 0.6944444444444444vw;
    }
    #role-perioperative-treatment #main-body #box-2 {
        width: 24.86111111111111vw;
    }
    #role-perioperative-treatment #main-body .cmp-accordion__panel--expanded{
        padding-right: 1.7361111111111112vw;
    }
}


@media screen and (max-width:991px) {
    
    #main-body {
      margin: 0 auto;
      font-family: Arial, sans-serif ;
      margin: 0px;
    }
    #main-body #box-2, 
    #Signs-and-symptoms-of-MIBC #main-body #box-2,
    #Treatment-of-MIBC #main-body #box-2    {
        width: 100%;
    }
    #main-body #section-grid {
        margin: 0 15px 18px;
    }
    
    #main-body #img_hero {
        width: 100%;
    }
    #main-body #mobile-header p {
        font-size: 14px;
        line-height: 21px;
        font-family: Arial, sans-serif ;
    }
    #main-body .cmp-accordion .cmp-accordion__item{
        margin: 0px ;
    }
    #main-body #box-2 .content p:last-child{
        margin-bottom:18px;
    }
    
    
  #main-body #section-grid>.aem-Grid>.container:last-child {
    max-width: 100%;
  }

  #main-body .mobile-heading {
    height: 40px;
    align-content: center;
    border: 1px solid #8D8F8F80;
    border-left: none;
    border-right: none;
    display:flex;
    justify-content: center;
        align-items: center;
  }
  #main-body #box-2 .content h1{
      margin-right: 10px;
  }
  #MIBCoverview #main-body #box-2 .content h1{
     margin-right:0px;
  }
  #main-body #section-grid>.aem-Grid {
    flex-direction: column;
  }

  #main-body {
    margin: 0;
  }

  #main-body #section-grid>.aem-Grid>.container:first-child {
    margin: 15px auto 17px;
    width:100%;
  }

  #desktop-accordion,
    #box-1 #cta-section {
    display: none;
  }

  #section-grid {
    margin: 0 15px 18px;
  }

  #mobile-accordion,
    #box-2 #cta-section {
    display: block;
  }

  .cmp-accordion .cmp-accordion__item {
    margin-top: 30px;
  }
  
    #main-body .cmp-accordion__panel--expanded {
        padding: 3px 13px 25px 10px;
    }
    
    #MIBCoverview #main-body #box-2 .content p:nth-child(5){
        margin-right: 10px;
    }
    
    #Treatment-of-MIBC #main-body #box-2 .content p:nth-child(4){
        margin-right: 50px;
    }
    #Treatment-of-MIBC #main-body #box-2 .content p:nth-child(7){
        margin-right: 50px;
    }
    #Treatment-of-MIBC #main-body #box-2 .content p:nth-child(8){
        margin-right: 12px;
    }
    #Treatment-of-MIBC #main-body #box-2 .content p:last-child {
          margin-right: 45px;
    }
    #Treatment-of-MIBC #main-body #box-2 .content ul {
        margin-right: 52px;
    }#Treatment-of-MIBC #main-body #box-2 .content ul li:nth-child(2){
        margin-right: 10px;
    }
    #Treatment-of-MIBC #main-body #box-2 .content ul li:last-child{
        margin-right: 10px;
    }
    
    #Treatment-of-MIBC #main-body .cmp-accordion__panel--expanded {
        padding: 3px 7px 25px 10px;
    }
    #role-MDT #main-body #box-2 .content h1 {
        margin-right: 0px;
    }
    #role-perioperative-treatment #main-body #box-2 {
        width: 100%;
    }
    #role-perioperative-treatment #main-body #box-2 .content h1 {
        margin-right: 0px;
    }
    #role-perioperative-treatment #main-body #box-2 .content p:last-child {
        margin-right: 40px;
    }
}
@media screen and (min-width:991px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none;
    }
}