/* Global French CSS */

html[lang="fr"] #tz-eightth-secz1 #tz-reference-wrap p.ref-para {
    max-width: 866px;
}
html[lang="fr"] #tz-reference-wrap ol.ref-list li{
   padding-left: 20px;
}
html[lang="fr"] #tz-moa-sec #orange-callout .tz-para span:before { 
    height: 16px;
    width: 225px; ;  
    bottom: -20px;
    background-size: cover;
}
html[lang="fr"] #tz-moa-sec #orange-callout .tz-para, #orange-callout .tz-para span {
    font-family: "Inter-Bold";
    font-size: 24px;
    line-height: 46px;
}
html[lang="fr"] #video-container .video-heading {
    padding-left: 145px;
}
html[lang="fr"] #tz-reference-wrap ol.ref-list {
    max-width: 831px;
}
html[lang="fr"] #keypoints-container p.text-trial {
   max-width: 1010px;
}
html[lang="fr"] #tz-reference-wrap p.ref-para {
    /*max-width: 846px;*/
}
html[lang="fr"] #safety-profile-container .para-wrap a {
     /*text-decoration: underline; */
}
html[lang="fr"] #path-img-container .nav-container2 .right-img p {
    line-height: 18px;
    
}

html[lang="fr"] #tez-inner-pages .cmp-imagelist a.card-btn {
    /*font-style: italic;*/
}

html[lang="fr"] #bottom-container-child .right-content p {
    max-width: 981px;
}

html[lang="fr"] #bottom-container-child .content-container p {
   max-width: 1067px;
}

html[lang="fr"] #tezspire-main #first-sec .inpage-nav-ul a span sup{
    font-size: 60%;
    top: 2px;
    position: relative;
    line-height: normal;
}

html[lang="fr"] #tz-reference-wrap p.ref-para i{
    font-size: 12px;
    line-height: 18px;
    color: var(--Tez-blue);
}
/*html[lang="fr"] #tezspire-main .cmp-imagelist a.card-btn {*/
/*      font-style: italic;*/
/*}*/


html[lang="fr"] #tezspire-main .cmp-imagelist .quick-link-text sup{
    line-height: normal;
}

html[lang="fr"] #tezspire-moa #tezspire-main a#back-to-top, #tezspire-resources #tezspire-main a#back-to-top {
    max-width: 230px; font-size:14px;
}

/*html[lang="fr"] #tezspire-resources #tezspire-main a#back-to-top {*/
/*    max-width: 199px;*/
/*}*/
html[lang="fr"] #tezspire-resources #tezspire-main h5 span, #tezspire-resources #tezspire-main h5 {
   line-height: 51px;
}

html[lang="fr"] #tezspire-home .teaser--home-hero h1.cmp-teaser__pretitle p.content-para {
    font-size: 52px;
}



/*Efficacy data css*/
@media screen and (min-device-width: 820px) and (max-device-width: 1106px) and (orientation : landscape){
    #tezspire-main .teaser--home-hero .cmp-teaser__content {padding-left: 8px;}


}




@media screen and (max-width: 479px) {
     html[lang="fr"] #tezspire-main #blue-bg-content-wrap .blue-bg-content span {
        font-size: 22px;
      
    }
     html[lang="fr"] #tezspire-home h5.para-sec b {max-width: 285px;}
    html[lang="fr"] #tezspire-main #blue-bg-content-wrap .blue-bg-content {
    font-size: 22px;
}
 html[lang="fr"] #tezspire-main .orange-box *:not(sup) {
    font-size: 20px;
}
     html[lang="fr"] #tezspire-main .table-block .thead p {
        font-size: 11px;
    }
 html[lang="fr"] #tz-blue-orage-box-content .btn-white {
    font-size: 12px;
    }

    html[lang="fr"] #tz-moa-sec #orange-callout .tz-para, #orange-callout .tz-para span {
        font-size: 22px;
    }
     html[lang="fr"] #tezspire-pathway-study .nav-container1 .right-img, html[lang="fr"] #tezspire-pathway-study .nav-container2 .right-img {
    margin-left: -51px;
}

}
/*Dosing css FR*/
html[lang="fr"] #tezspire-dosingad #tezspire-mid-cont .small-text {
    max-width: 1086px;
}

html[lang="fr"] #tezspire-mid-cont .show-button a {
    max-width: 468px;
}
html[lang="fr"] #tezspire-home .teaser--home-hero h1.cmp-teaser__pretitle p.content-para {
    font-size: 52px;
}
html[lang="fr"] #tezspire-main a#back-to-top {
    max-width: 270px;
}
html[lang="fr"] #tezspire-main h1.cmp-teaser__title p {
        max-width: 925px;
    }
   
    html[lang="fr"] #tz-reference-wrap ol.ref-list a {
    /* text-decoration: underline; */
    /*color: blue;*/
}
    
    
@media screen and (max-width: 767px){
    html[lang="fr"] #tz-moa-sec #orange-callout .tz-para, #orange-callout .tz-para span {
    line-height: 44px;
}
html[lang="fr"] #tezspire-home .teaser--home-hero h1.cmp-teaser__pretitle p.content-para {font-size: 34px;}
   html[lang="fr"] .table-block .thead p {padding: 11px 15px 10px;}
    html[lang="fr"] #tezspire-home .teaser--home-hero .buttons a {padding: 8px 5px;font-size: 14px;}
     html[lang="fr"] #bottom-container-child .content-container p {
    width: 405px;
}
  html[lang="fr"] #bottom-container-child1 .right-content p {
    /*text-decoration: none;*/
    width: 100%;
}
    html[lang="fr"] #video-container .video-heading {
    padding-left: 0px;
    text-align: center;
}
html[lang="fr"] #bottom-container-child .right-content ul li {
    width: 100%;
}
    html[lang="fr"] #tz-fourth-sec img.mob-onlt + img.mob-onlt {
    margin-top: -6%;
}
html[lang="fr"] #path-img-container .right-img p {
        width: 100%;
    }
}

@media screen and (max-width: 479px){ 
 html[lang="fr"] #tezspire-home .teaser--home-hero h1.cmp-teaser__pretitle p.content-para {font-size: 24px;}
html[lang="fr"] #Tez-home-title-1 h2, html[lang="fr"] #Tez-home-title-1 h2 span, html[lang="fr"] #tezspire-main #Tez-home-title-1 h2, 
html[lang="fr"] #tezspire-main #Tez-home-title-1 h2 span {font-size: 28px;line-height: 36px;}
   html[lang="fr"] #tezspire-dosingad  #tezspire-main .banner-title, #tezspire-main .banner-title span {
    font-size: 38px;
    line-height: 44px;}

   html[lang="fr"] #tezspire-moa #tz-moa-sec a#back-to-top {
    max-width: 199px;
}
    html[lang="fr"] #efficacy-wrapper-body-five .btn a, .btn {
     margin-right: 0px; 
}
    html[lang="fr"]  #tezspire-pathway-study .nav-container2 {padding: 0px 28px 0px 70px;}   
    html[lang="fr"]  #tezspire-navigator-study #nav-img-container .right-img img {margin-left: -25px;}
         
}

@media screen and (max-width: 480px){
   html[lang="fr"] #tz-reference-wrap p.ref-para {
    max-width: 402px;
}
html[lang="fr"] #tezspire-dosingad #tezspire-mid-cont .small-text span {
     display: contents; 
}
html[lang="fr"] #keypoints-container p.text-trial {
   max-width: 400px;
}
html[lang="fr"] #tz-reference-wrap ol.ref-list {
    max-width: 396px;
}
html[lang="fr"] #tezspire-mid-cont .rect-box p {
        padding: 33px 10px 34px;
    }
    html[lang="fr"] #tezspire-dosingad #tezspire-mid-cont .tez-heading h1 {
        max-width: 426px;
    }
     html[lang="fr"] #tz-title-7-content p.tz-para {
    max-width: 403px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
     html[lang="fr"] #video-container .video-heading {
        padding-left: 30px;
        text-align: center;
    }
    html[lang="fr"] #tezspire-home .teaser--home-hero h1.cmp-teaser__pretitle p.content-para { font-size: 58px;}
    html[lang="fr"] #tezspire-home h5.para-sec, #tezspire-home h5.para-sec span {max-width: 620px;        margin: 25px 0px 20px;}
}

@media screen and (min-width: 992px) and (max-width: 1366px) {
    html[lang="fr"] .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--level-0.cmp-navigation__item--active:nth-child(8) ul.cmp-navigation__group:before {height: 57px;}
    html[lang="fr"] #tezspire-home .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-efficacy-profile .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-moa .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-dosingad .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-safety-information .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-pathway-study .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-navigator-study .cmp-experiencefragment.cmp-experiencefragment--Header{margin-bottom: 0px;}
}

@media screen and (min-width: 1367px) and (max-width: 1850px) {
/*@media screen and (min-width: 1280px) and (max-width: 1850px) {*/
    html[lang="fr"] .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--level-0.cmp-navigation__item--active:nth-child(8) ul.cmp-navigation__group:before {height: 57px;}
    html[lang="fr"] #tezspire-home .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-efficacy-profile .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-moa .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-dosingad .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-safety-information .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-pathway-study .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-navigator-study .cmp-experiencefragment.cmp-experiencefragment--Header{margin-bottom:0px;/*margin-bottom: 62px;*/}
}
@media screen and (min-width: 768px) and (max-width: 820px) {
html[lang="fr"] #path-img-container .nav-container1 .left-text p {
    margin-bottom: 204px;
}
}


/*@media screen and (min-width: 992px) and (max-width: 1159px) {*/
/*    html[lang="fr"] #tezspire-home .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-efficacy-profile .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-moa .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-dosingad .cmp-experiencefragment.cmp-experiencefragment--Header, */
/*    html[lang="fr"] #tezspire-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-safety-information .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-pathway-study .cmp-experiencefragment.cmp-experiencefragment--Header, */
/*    html[lang="fr"] #tezspire-pathway-study .cmp-experiencefragment.cmp-experiencefragment--Header {margin-bottom: 110px;}*/
/*    html[lang="fr"] .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--active:nth-child(7) ul.cmp-navigation__group:before {height: 112px;}*/
/*}*/

@media screen and (min-width: 992px) and (max-width: 1159px) { 
    html[lang="fr"] .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--active:nth-child(7) ul.cmp-navigation__group:before {height: 112px;}
}

@media screen and (min-width: 992px) and (max-width: 1366px) {
    html[lang="fr"] #tezspire-home .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-efficacy-profile .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-moa .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-dosingad .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-safety-information .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="fr"] #tezspire-pathway-study .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="fr"] #tezspire-navigator-study .cmp-experiencefragment.cmp-experiencefragment--Header {margin-bottom: 0px;} 
}