:root {
    --accordion-title-29-23: clamp(1.4375rem, 1.1875rem + 0.5208vw, 1.8125rem);
    --subhead-27-18: clamp(1.125rem, 0.75rem + 0.7813vw, 1.6875rem);
    
}

#about-tez #inner-banner-design.azcl-columns__base .azcl-column-par1 #inner-banner-content {
    padding-right: clamp(1.625rem, -0.4167rem + 4.2535vw, 4.6875rem);
    padding-top:clamp(1.625rem, -2.5rem + 8.5938vw, 7.8125rem);
}

#about-tez #inner-banner-design.azcl-columns__base .azcl-column-par1 #inner-banner-content .banner-heading.main-ban-head{
    
    max-width:588px;
}

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



/*accordion start*/

#tezspire-accordion .cmp-accordion__button {
    padding: 1em 3.375em 1em 0em !important;
    outline: none;
    border: 0px;
    margin: 0px;
}

/*#tezspire-accordion .cmp-accordion__icon {*/
/*    right: 12px;*/
/*}*/

#tezspire-accordion span.cmp-accordion__title {
    font-size:var(--accordion-title-29-23);
    color:var(--white-color);
font-family: "Open Sans", sans-serif;
    line-height: 1.6;
    font-weight:700;
}

#tezspire-accordion .cmp-accordion__icon {
    position: relative;
    padding: 0 0.0em;
}

#tezspire-accordion h3.cmp-accordion__header{
   background-color:#003865; 
   padding-left: 18px;
}

#tezspire-accordion .cmp-accordion__button .cmp-accordion__icon::before {
    content: url(/content/dam/intelligentcontent/brands/tezspireconnect360/gb/en/images/home-patient-assets/about-tezspire/arrow_down.png)!important;
    background-size: contain;
    display: inline-block;
    width: 50px;
    height: 50px;
}

#tezspire-accordion .cmp-accordion__button--expanded .cmp-accordion__icon::before {
    content: url(/content/dam/intelligentcontent/brands/tezspireconnect360/gb/en/images/home-patient-assets/about-tezspire/arrow_up.png)!important;
    background-size: contain;
    display: inline-block;
    width: 50px;
    height: 50px;
}

#tezspire-accordion .cmp-accordion__panel.cmp-accordion__panel--expanded {
    border-radius: 0px 0px 28px 28px;
    padding: 32px 32px 32px;
    border:2px solid#F0AB00;
    border-top:none;
}

#tezspire-accordion .cmp-accordion__item{
    margin-bottom: 28px;
}

/*accordion end*/

#about-tez #tezspire-treatment {
    max-width: 86%;
    margin: auto;
    padding-left: 24px;
}

#about-tez span.inflammation{
    display:block;
}

#about-tez .cmp-text {
    padding: 0em 0;
}

#about-tez b {
    font-weight: 700;
    color: inherit;
font-family: "Open Sans", sans-serif;
}


#about-tez div#tezspire-accordion {
    margin-top: 70px;
    margin-bottom:10px;
}

#about-tez .tez-works {
    font-size: var(--subhead-27-18);
    text-align: center;
font-family: "Open Sans", sans-serif;
    line-height:normal;
    font-weight: 700;
    color:#003865;
    padding-top: 14px;
    margin-bottom:34px;
}

#about-tez p.body-para.aged {
    max-width: 1570px;
}

#about-tez p.body-para.doctor {
    max-width: 1562px;
}

#about-tez .parent-box {
    position: relative;
}

#about-tez #tslp-release.azcl-columns__base {
    display: grid;
    gap: 0px;
    grid-template-columns: 23.6% 23.6% 23.6%;
    width: 100%;
    max-width: 1093px;
    margin: auto;
    justify-content: space-between;
}

#about-tez #tslp-release .body-para{
    text-align:center;
    font-weight:400;
    padding-top: 5px;
}

#about-tez p.body-para.exact-mec {
    margin-bottom: 8px;
    padding-top: 10px;
}
#about-tez #last-para .body-para{
    margin-bottom:0px;
}

#about-tez .card-layout-container {
    width: 100%;
    max-width: 1057px;
    justify-content: space-between;
}

#about-tez .card-layout::before {
    width: 98.3%;
}

/*#about-tez img.temp-icon {*/
/*    width: 49.3%;*/
/*    max-width: 66px;*/
/*}*/

#about-tez .child-box {
    text-align: center;
}



@media only screen and (min-width:768px) and (max-width:992px) {
    
   #about-tez #inner-banner-design.azcl-columns__base .azcl-column-par1 #inner-banner-content {
    padding-top: 0.6vw;
}



/*#about-tez .card-layout-container {*/
/*    width: 85%;*/
/*}*/

#about-tez span.severe {
    display: inline;
}

/*#about-tez #tslp-release.azcl-columns__base {*/
/*    grid-template-columns: 25% 25% 25%;*/
/*    width: 92%;*/
/*}*/


}


@media only screen and (max-width:768px){
    
    #tezspire-accordion .cmp-accordion__button .cmp-accordion__icon::before {
    content: url(/content/dam/intelligentcontent/brands/tezspireconnect360/gb/en/images/home-patient-assets/about-tezspire/mob-arrow_down.png)!important;
    background-size: contain;
    display: inline-block;
    width: 37px;
    height: 37px;
}

#tezspire-accordion .cmp-accordion__button--expanded .cmp-accordion__icon::before {
    content: url(/content/dam/intelligentcontent/brands/tezspireconnect360/gb/en/images/home-patient-assets/about-tezspire/mob-arrow_up.png)!important;
    background-size: contain;
    display: inline-block;
    width:37px;
    height: 37px;
}

#tezspire-accordion .cmp-accordion__button {
    padding: 1em 2em 1em 0em !important;

}

#tezspire-accordion span.cmp-accordion__title {
   line-height:normal;
}

#tezspire-accordion .cmp-accordion__icon {
    position: relative;
    padding: 0 0.0em 0 0.5em;
}

/*#tezspire-accordion .cmp-accordion__icon {*/
/*    right: 8px;*/
/*}*/
    
#about-tez #tslp-release.azcl-columns__base {
    
    grid-template-columns: 100%;
    width: 100%;
    
}

#about-tez p.card-heading {
    margin-bottom: 9px;
}


#about-tez span.inflammation {
    display: inline;
}

/*#about-tez .body-para{*/
/*    font-size:16px;*/
/*}*/


/*#about-tez p.card-heading.card-things {*/
/*    margin-bottom: 38px!important;*/
/*}*/

#about-tez #inner-banner-design.azcl-columns__base .azcl-column-par2 .cmp-container__backgroundImage--enabled {
    min-height: 77vw;
    background-size: cover;
}

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

#about-tez p.body-para.substance {
    margin-bottom: 20px;
}
#about-tez .card-layout-container {
    width: 100%;
    flex-direction: column;
}

#about-tez .card-layout::before {
    left: -16px !important;
}

#about-tez #design-patient-container {
    padding: 0 16px 0 30px !important;
}

/* p.main-ban-head {*/
/*    padding-bottom: 15px;*/
/*    max-width:588px;*/
    
/*}*/

#about-tez p.banner-heading.main-ban-head {
    /*max-width: 588px;*/
    padding-bottom: 15px;
}

#about-tez div#tezspire-accordion {
    margin-top: 24px;
    margin-bottom: 15px;
}

#tezspire-accordion .cmp-accordion__item {
    margin-bottom: 25px;
}

#about-tez #find-out-more-section {
    padding-bottom: 35px !important;
    
}

#about-tez p.immune{
   margin-bottom: 15px;
}

#about-tez #tslp-release .body-para {
    padding-top: 30px;
    margin-bottom:48px;
    max-width:257px;
    margin-right:auto;
    margin-left:auto;
}

#about-tez p.body-para.exact-mec {
    padding-top: 0px;
    margin-bottom: 25px;
}
#about-tez #last-para .body-para {
    margin-bottom: 8px;
}

#about-tez .card-layout::before {
    width: 96.7%;
}

#about-tez #tezspire-treatment {
    /*max-width: 94.78%;*/
    max-width: 460px;
    margin: auto;
    padding-left: 16px;
}

#about-tez #find-out-more-section {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px;
}

#about-tez .card-layout-content {
    display: flex;
    flex-direction: column;
    width: 65%;
}

#about-tez  p.card-heading.use-tez {
    margin-bottom: 37px!important;
}

#about-tez  p.deski-block {
    height: 18px;
}
    
}


@media only screen and (max-width:599px){
/*  #about-tez #find-out-more-section {*/
/*    max-width: 100%;*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*    padding-left: 16px;*/
/*    padding-right: 16px;*/
/*}*/

/*#about-tez #tezspire-treatment {*/
/*    max-width: 375px;*/
/*    margin: auto;*/
/*    padding-left: 16px;*/
/*}*/

#about-tez #design-patient-container .card-layout-container .card-layout.box2 .card-layout-content p.card-heading {
    margin-bottom: 30px;
}

#about-tez span.severe {
    display: block;
}

}