:root {
--jump-buttons-21-20: clamp(1.25rem, 1.2348rem + 0.0647vw, 1.3125rem);
--ban-main-head-40-28: clamp(1.75rem, 1.568rem + 0.7767vw, 2.5rem);
}

body#faqs-page {
    max-width: 1920px;
    margin: auto;
    -webkit-text-size-adjust: none;
}

#faqs-page .main-banner-heading{
    font-size:var(--ban-main-head-40-28);
    line-height: 1.69;
    color: var(--white-color);
font-family: "Open Sans", sans-serif;
}

#faqs-page #inner-banner-design.azcl-columns__base .azcl-column-par1 #inner-banner-content {
  /*  padding-top: clamp(0.9375rem, -1.0346rem + 8.4142vw, 9.0625rem); */
  padding-top: 0;
  justify-content: center;
    padding-right:clamp(1.25rem, 0.4157rem + 3.5599vw, 4.6875rem);
}

#faqs-page p.ban-sub-head{
    font-size: var(--jump-buttons-21-20);
font-family: "Open Sans", sans-serif;
    line-height: 1.421;
    color: var(--white-color);
    font-weight: 400;
    padding-top:28px;
    max-width: 590px;
}

/*#faqs-page .para-button {*/
   
/*}*/

#faqs-page .para-button a {
    font-size: var(--jump-buttons-21-20);
font-family: "Open Sans", sans-serif;
    line-height: 1.286;
    color: #003865;
    background-color: #F0AB00;
    border-radius: 8px;
    max-width: 358px;
    padding: 5.6px 12px 5.6px 14px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 35px;
    border: none;
    text-decoration: none;
    outline: none;
    width: 100%;
    gap: 14px;
}

#faqs-page #side-effects .para-button a {
   
    max-width: 280px;
    width: 100%;
}


#faqs-page .cmp-text {
    padding: 0em 0;
}

#faqs-page  .jump-tabs ul li a {
    font-size: var(--jump-buttons-21-20);
font-family: "Open Sans", sans-serif;
    line-height: 1.286;
    color: #003865;
    background: #F0AB00;
    padding: 5.5px 17px;
    border-radius: 8px;
    display: inline-block;
    width: fit-content;
    text-decoration:none;
    border: 1px solid transparent;
   
}

#faqs-page b.common-font, p.frag-body-para b {
font-family: "Open Sans", sans-serif;
font-weight:700;
}


#faqs-page #tezspire-accordion .cmp-accordion__panel.cmp-accordion__panel--expanded {
    padding: 32px 32px 10px;
}

#faqs-page  .jump-tabs ul li {
    margin-bottom:23px;
}

#faqs-page  .jump-tabs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5%;
    max-width: 1450px;
}

#faqs-page p.body-para.jump-info {
    margin-top: 49px;
}

#faqs-page p.body-para.jump-info {
    margin-bottom: 23px;
}

#faqs-page  .jump-tabs {
    margin-bottom: 5px;
}

#faqs-page .heading-body {
    margin-bottom: 28px;
    margin-top: 22px;
}


#side-effects-accordion-container .cmp-accordion__button {
    font-size: var(--jump-buttons-21-20);
font-family: "Open Sans", sans-serif;
    line-height: 1.286;
    color: #003865;
    background-color:#F0AB00;
    border-radius: 8px;
    padding:0.5em 1em 0.5em 1.5em;
    max-width:466px;
    border: none;
    outline: none;
}

/*#View-more-on-safety-and-side-effects {*/
/*    width: fit-content;*/
    
/*}*/

#side-effects-accordion-container .cmp-accordion__button .cmp-accordion__icon::before{
     content: url(/content/dam/intelligentcontent/brands/tezspire/uk/en/images/home-patient-assets/faqs/arrow_down.png)!important;
    background-size: contain;
    display: inline-block;
    
}

#side-effects-accordion-container .cmp-accordion__button--expanded .cmp-accordion__icon::before {
    content: url(/content/dam/intelligentcontent/brands/tezspire/uk/en/images/home-patient-assets/faqs/arrow-top.png)!important;
    background-size: contain;
    display: inline-block;
   
}

#faqs-page ul.common-side-effects {
    font-size: var(--body-para-20-16);
    line-height: 24px;
    color: var(--gray-color);
font-family: "Open Sans", sans-serif;
    padding-left:2.7%;
    margin-bottom:10px;
}

#faqs-page ul.common-side-effects li {
    font-size: var(--body-para-20-16);
    line-height: 24px;
    color: var(--gray-color);
font-family: "Open Sans", sans-serif;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 0px;
   /* max-width: 520px; */
}

#side-effects-accordion-container .cmp-accordion__panel {
    padding-left: 0px;
    padding-top: 42px;
}

#faqs-page p.effected {
    margin-bottom: 8px;
}

#faqs-page ul.allergic {
   /* max-width: 557px; */
    margin-bottom: 10px;
}

#faqs-page .attention{
    margin-bottom:10px;
}
#faqs-page a.self-injec{
    color:inherit;
    font-family:inherit;
    text-decoration:underline;
    
}

#faqs-page ul.anaphylaxis {
    padding-left: 6.1%;
    margin-bottom: 30px;
}
#faqs-page #side-effects-accordion-container .cmp-accordion__button .cmp-accordion__title::before {
    content: "View more on safety and side effects";
}

#faqs-page #side-effects-accordion-container .cmp-accordion__button--expanded .cmp-accordion__title::before{
    content: "View less on safety and side effects";
}

#faqs-page .safety-info .body-para{
    margin-bottom:10px;
}

#side-effects #tezspire-accordion .cmp-accordion__item {
    margin-bottom: 22px;
}


@media only screen and (min-width:1280px){

#faqs-page  .jump-tabs ul li a:hover {
    
   background: #fff;
    border: 1px solid var(--orange-color);
}

}





@media only screen and (min-width:769px) and (max-width:1391px){
   #faqs-page #inner-banner-design.azcl-columns__base .azcl-column-par1 #inner-banner-content {
    padding-top: 2vw;
       
   }
   #faqs-page .main-banner-heading {
    line-height: 1.39;
   }
   
   #faqs-page p.ban-sub-head {
    padding-top: 15px;
  }
    
}

@media only screen and (min-width:769px) and (max-width:1008px){
/*    #faqs-page #inner-banner-design.azcl-columns__base .azcl-column-par1 #inner-banner-content {*/
/*    padding-top: 0vw;*/
/*}*/
#faqs-page .main-banner-heading {
    line-height: 1.39;
    font-size: 3vw;
}

#faqs-page p.ban-sub-head {
    padding-top: 12px;
    font-size: 2.2vw;
}

}

@media only screen and (max-width:768px){
   #faqs-page .para-button a {
    padding: 12px;
    gap: 15px;
    /*max-width: max-content;*/
    justify-content: space-between;
}
#faqs-page .top-to-bottom img{
    width: 45px !important;
}
 #faqs-page p.ban-sub-head {
    font-size: 16px;
    line-height: normal;
    padding-top: 20px;
}

#faqs-page #inner-banner-design.azcl-columns__base .azcl-column-par1 #inner-banner-content {
    padding: 18px 16px 25px 16px;
    padding-right: 16px !important;
}

#faqs-page p.body-para.jump-info {
    margin-top: 20px;
    margin-bottom: 20px;
} 

#faqs-page  .jump-tabs ul li a {
    font-size: 20px;
    line-height:27px;
    font-weight: 700;
    padding:5.5px 12px;
font-family: "Open Sans", sans-serif;
}

#faqs-page #tezspire-accordion .cmp-accordion__panel.cmp-accordion__panel--expanded {
    padding: 35px 16px 0px 16px;
}

#faqs-page ul.common-side-effects {
    padding-left: 8.8%;
    margin-bottom: 41px;
}

#faqs-page ul.common-side-effects.allergic {
    margin-bottom: 16px;
}

#faqs-page p.body-para.attention {
    margin-top: 6px;
}

#faqs-page ul.anaphylaxis {
    padding-left: 18.2%;
    
}

#faqs-page .main-banner-heading {
    line-height: 40px;
}

/*#faqs-page img.right-black-arrow {*/
/*    padding-right: 25px;*/
/*}*/

#faqs-page .para-button a{
    font-size:21px;
    line-height:27px;
    width: 100%;
    margin-bottom:30px;
}

#faqs-page ul.common-side-effects.anaphylaxis {
    margin-bottom: 30px!important;
}

#faqs-page #side-effects .para-button a {
   margin-bottom:45px;
}

#faqs-page #tezspire-accordion .cmp-accordion__button {
    align-items: self-start;
}

#faqs-page #inner-banner-design.azcl-columns__base .azcl-column-par2 .cmp-container__backgroundImage--enabled {
    min-height: 84vw;
    background-size: cover;
}

#faqs-page .jump-tabs ul li {
    margin-bottom: 11px;
}
 
 
}


@media only screen and (max-width:390px){
    
    #faqs-page .para-button a span{
    max-width:211px;
    
}

#faqs-page #inner-banner-design.azcl-columns__base .azcl-column-par2 .cmp-container__backgroundImage--enabled {
    max-height: 315px;
    width:auto;
}

#faqs-page #side-effects .para-button a {
    max-width: 100%;
    width: 100%;
}

#faqs-page img.right-black-arrow {
    padding-right: 18px;
}

#side-effects #tezspire-accordion .cmp-accordion__item {
    margin-bottom: 32px;
}

}

#faqs-page .top-to-bottom img{
    position: fixed;
    bottom: 10%;
    right: 3%;
    z-index: 99;
    width: 60px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
        opacity: .9;
}