@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/*testing css*/

/*testing css*/
#patient-material .heading {
    font-size: 59px;
    line-height: 71px;
font-family: "Roboto", sans-serif;
    text-align: center;
    padding-top: 100px;
    font-weight:700;
}
#patient-material .revised {
    font-size: 25px;
    line-height: 30px;
font-family: "Roboto", sans-serif;
font-weight:500;
    text-align: center;
}

#patient-material #tez-top, #patient-material #footer-col, #patient-material #footer-top {
    display: none;
}



/*.sec-line::after {*/
/*    content: '';*/
/*    width: 100% !important;*/
/*    height: 0px !important;*/
/*    background: #FFFFFF !important;*/
/*    display: block;*/
/*    margin: 0px;*/
    /* transition: 0.5s; */
/*}*/




/*

/*@font-face {*/
/*  font-family: "Roboto-Bold";*/
/*    src: url('/content/dam/intelligentcontent/brands/tezspire/uk/en/font-family/Roboto-Bold.woff2') format('woff2'),*/
/*        url("/content/dam/intelligentcontent/brands/tezspire/uk/en/font-family/Roboto-Bold.woff") format("woff");*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*}*/

/*@font-face {*/
/*  font-family: "Roboto-Condensed-Bold-Italic";*/
/*    src: url('/content/dam/intelligentcontent/brands/tezspire/uk/en/font-family/RobotoCondensed-BoldItalic.woff2') format('woff2'), */
/*        url("/content/dam/intelligentcontent/brands/tezspire/uk/en/font-family/RobotoCondensed-BoldItalic.woff") format("woff");*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*}*/


/*@font-face {*/
/*  font-family: "Roboto-Bold";*/
/*    src: url('/content/dam/intelligentcontent/brands/tezspire/uk/en/font-family/Roboto-Bold.ttf') format('truetype'); */
/*      font-style: normal;*/
/*    font-weight: normal;*/
/*}*/

/*#resources-page .resources a::after {*/
/* text-decoration: underline;*/
/* content: '';*/
 /* width: 0%; */
/* height: 2px;*/
/* background: #FFFFFF;*/
/* display: block;*/
/* margin: auto;*/
/*}*/


#resources-page .resources .nav-links ul li:hover::after {

height:0px!important;
width:0px!important;

}


sup {

position: relative;
font-size: 60%;
transform: translate(0px,-5px);

}


b {

font-family: "Roboto", sans-serif;
font-weight: 700;

}

#navbar-con .cmp-text{
	padding: 0.0em 0!important;
}

 .cmp-text{
	padding: 0.2em 0;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
  position: relative;
  min-height: 1px;
  /*padding-right: 15px;*/
  /*padding-left: 15px;*/
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

@media (min-width: 768px) {
  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }
}





.self-certify-blur .root {
 opacity: 1;
}



/*header css*/
.tezspire-pi{
    display:flex;
    justify-content: space-between;
}

#pi-color{
    background-color:#002644;
}
#pi-color2{
    background-color:#00508F;
}

#navbar-con{
 background-color:#003865;
}

.tezspire-pi p {
    margin: 0px;
}

.row-container {
		width: 1263px;
		margin: 0 auto;
	}
	
#image-container {
    	width: 1263px;
		margin: 0 auto;
}
	
.row-wid {
		width: 1263px;
		margin: 0 auto;
	}
	
.pi-font{
    font-size:14px;
    line-height:16px;
    color:#FFFFFF;
font-family: "Roboto", sans-serif;
}
.pi-font a{
    font-size:14px;
    line-height:16px;
    color:#FFFFFF;
font-family: "Roboto", sans-serif;
}

.tez-logo {
    padding-bottom: 2px;
    margin-right: 30px;
    padding-top: 6px;
    /*margin-left: 6.6%;*/
}

.nav ul li {
    float: left;
    padding: 28px 19px;
    font-size:18px;
    line-height:24px;
    color:#FFFFFF;
}

.nav{
    position:unset;
}

.nav ul li a {
    font-size:18px;
    line-height:24px;
    color:#FFFFFF;
    padding: 0px 0px;
    text-decoration:none;
font-family: "Roboto", sans-serif;
}

.parent-cont {
    display: flex;
    align-items: center;
}


.dropdown {
    display: none;
}

.dropdown ul li {
    font-size:18px;
    line-height:24px;
    color:#003865;
font-family: "Roboto", sans-serif;
     padding: 0px 40px 10px 0px!important;
}
.dropdown ul li a {
    font-size:18px;
    line-height:24px;
    color:#003865;
    padding: 0px 0px 0px 0px!important;
font-family: "Roboto", sans-serif;
}

.nav-links ul li::after {
    content: '';
    width: 0%;
    height: 2px;
    background: #FF592D;
    display: block;
    margin: auto;
    transition: 0.5s;
}

.dropdown ul li::after {
    content: '';
    width: 0%;
    height: 0px;
    /*background: #002644;*/
    /*display: block;*/
    margin: auto;
    /*transition: 0.5s;*/
}


.nav-links ul li:hover::after {
	 width: 100%;
  }

/*.nav ul li:hover a{*/
/*    color: #FF592D;*/
/*}*/

.nav ul li a:hover{
    color: #FF592D;
}

.nav ul li:hover .dropdown ul li a{
    color: #003865 !important; 
}

.dropdown ul li a:hover{
    color: #FF592D !important;
}
.dropdown ul li:hover a{
    color: #FF592D;
}

.nav ul li:hover .dropdown {
    position: absolute;
    display: block;
    width: 100%;
    left: 0px;
    top: 100%;
    padding-top: 10px;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 99;
    overflow: hidden;
    background-color: #ffffff;
}

.nav ul li:hover .dropdown.collapsible-text.resource-wrapper{
    height: 49px;
}
ul.resources-menu-list {
    position: absolute;
    left: 52%;
}

#check {
    display: none;
}


.checkbtn {
   display: none;
}


/*.fa-bars:before {*/
/*    content: "\f0c9";*/
/*}*/


.fa-bars:before {
    content: "";
    width: 46px;
    height: 46px;
    background-image: url(/content/dam/intelligentcontent/brands/tezspire/uk/en/images/header/icon-ham.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 0px;
    right: 5px;
    position: absolute;
    display: inline-block;
}



.ro-container{
    position:relative;
    left:6.6vw;
    margin:auto;
}


#pi-color2-mob{
    display:none;
    background-color:#00508F;
}
#pi-color2{
    display:block;
    background-color:#00508F;
}

.collapsible input{
    display:none;
}


div#tesp-con {
    position: relative;
    top: 0px;
    margin-bottom: 142px;
}

#tez-top {
    position: fixed;
    z-index: 999;
}












/*footer start*/

#footer-top{
    /*padding-top:25px;*/
    padding-bottom:30px;
}
.adverse{
    padding:30px 60px;
    border:1px solid #000000;
}

.adverse p{
    color:#000000;
    font-size:20px;
    line-height:26px;
    text-align:center;
font-family: "Roboto", sans-serif;
}

.adverse p a{
    color:#000000;
    font-size:20px;
    line-height:26px;
    text-decoration:underline;
    
}

#footer-col{
    background-color:#00508F;
}

.footer-font{
    font-size:18px;
    line-height:22px;
    color:#FFFFFF;
font-family: "Roboto", sans-serif;
}

.footer-font a{
    font-size:18px;
    line-height:22px;
    color:#FFFFFF;
font-family: "Roboto", sans-serif;
}


.footer-parent {
   display: flex;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 40px;
    align-items: flex-end;

}

span.tel a {
    text-decoration: none!important;
}

.footer-child1 {
    width: 14%;
}

.footer-child2 ul li {
    float: left;
    padding-left: 40px;
}

.footer-space {
    padding-bottom: 10px;
}

.footer-child3{
    display:none;
}

.footer-child1{
    display:block;
}


span.contactmed {
    display: inline-block;
    text-decoration:underline;
}


/*footer ends*/




/*patient footer start*/

#row-patient-container {
            max-width: 86.585%;
            margin: 0 auto;
    
}

.row-patient-container,#row-patient-containerr {
            max-width: 86.585%;
            margin: 0 auto;
    
}

#patient-footer #footer-col {
    background-color: #D9D9D9;
}
#patient-footer .footer-child2 ul li {
    float: left;
     padding-left: 0px; 
}
#patient-footer .logo-space {
        text-align: right;
}
#patient-footer p {
    color: #333333;
font-family: "Open Sans", sans-serif;
    line-height: 1.37;
    font-size: 13px;
}
#patient-footer .pat-footer-first-text {
        padding-top: 35px;
        padding-bottom: 40px;
}
#patient-footer .sec-cont p {
    padding-bottom: 10px;
        font-size: 15px;
    line-height: 1.36;
}
#patient-footer .pat-footer-inner-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    padding-top: 38px;

}
#patient-footer .pat-footer-col-1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#patient-footer .pat-footer-col-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;

}
#patient-footer a {
    text-decoration: underline;
    color: #333333;
}
#patient-footer .pat-footer-col-1 p, #patient-footer .pat-footer-col-2 p {
 padding-bottom:15px;
}
#patient-footer .cmp-text {

    padding: 0 !important;

}
/*patient footer ends*/










	


@media screen and (min-width: 1920px) and (max-width: 2560px){


    .row-container {
		width: 1668px;
		margin: 0 auto;
	}
	
	#image-container {
    	width: 1668px;
		margin: 0 auto;
}
	
	.row-wid {
		width: 1668px;
		margin: 0 auto;
	}
	
}
@media screen and (max-width: 2560px) and (min-width: 1921px) {
    ul.resources-menu-list{
        left: 52%!important;
    }
}
@media screen and (max-width: 1919px) {
    ul.resources-menu-list{
        left: 60%;
    }
    
}



/*@media screen and (max-width: 1440px) {
    ul.resources-menu-list{
        right: 20%;
    }
    
}*/

@media screen and (max-width: 1300px) {

		.row-container {
		width: 1126px;
		margin: 0 auto;
	}
	
     #image-container {
       width: 1126px;
		margin: 0 auto;
 }
	
	#image-container {
    width: 1126px;
		margin: 0 auto;
}
    ul.resources-menu-list {
       left: 68%;
    }
}


@media screen and (max-width: 1200px) {
    

    
    .row-container {
      max-width: 990px;
      margin: 0 auto;
    
    }
    
    #image-container {
       max-width: 1050px;
      margin: 0 auto;
 }
     /*ul.resources-menu-list{
        right: 5%;
     }*/
}


@media screen and (max-width: 1024px) {

    .row-container{
        max-width: 970px;
        margin: 0 auto;
    }
    #image-container {
       max-width: 970px;
       margin: 0 auto;
 }
    
    
}
@media screen and (max-width: 991px) {

    
    .row-container {
        max-width: 750px;
        margin: 0 auto;
    }
    #image-container {
       max-width: 750px;
       margin: 0 auto;
 }
}

/*@media screen and (max-width: 820px) {*/


/***** Media Query for Mobile and iPad Portrait Starts *****/

@media only screen and (max-width: 991px) {
    
    
    /*dummy check*/
    .nav ul li:hover .dropdown {
    position: absolute;
    display: none;
    visibility:hidden;
}
    
    /*dummy check*/
    
    /*dropdown*/
    
    .collapsible {
        position:relative;
    }
    
    .collapsible label{
        position:relative;
        display:block;
    }
    
    .collapsible label:after {
   content: "";
    width: 16px;
    height: 16px;
    background-image: url(/content/dam/intelligentcontent/brands/tezspire/uk/en/images/header/uparrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 14px;
    right: 0px;
    position: absolute;
    display: inline-block;

}

.collapsible-text{
    max-height:0px;
    overflow:hidden;
    position:relative;
    opacity:0.5;
    top:-100%;
    transition: all 0.3s ease;
}
.collapsible input:checked ~ .collapsible-text{
    max-height:100%;
    opacity:1;
    top:0px;
    display: block!important;
    visibility: visible!important;
}

/*.collapsible-head input:checked ~ .collapsible-text{*/
/*    max-height:100%;*/
/*    opacity:1;*/
/*    top:0px;*/
/*}*/

.collapsible input{
    display:none;
}

.row-wid ul li:first-child {
    padding-top: 10px !important;
}


.nav-links ul li:last-child::after {
    content: '';
    width: 100% !important;
    height: 0px !important;
    background: #FFFFFF !important;
    display: block;
    margin: 0px;
}


    
    /*dropdown*/
    
    .row-wid {
    width: 100% !important;
    padding: 0px 15px 0px 15px;
}
    
    .dropdown ul li {
    padding: 0px 0px 0px 0px!important;
}
    
    .funded{
        padding: 0.8em 0;
    }
    
    .nav-links ul {
    padding-top: 40px !important;
}
   .checkbtn {
    display: block;
    position: absolute;
    right: 20px;
    top: 14px;
    z-index: 999;
  }
   
   .nav-links {
    position: absolute;
    top: 0px;
    right: -250px;
    background: #003865;
    height: 100%;
    width: 265px;
    text-align: left;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    display: none;
    visibility: hidden;
    height: auto;
}

#check:checked ~ .nav-links {
    right: 0%;
    top:0%;
    display: block;
    visibility: visible;
}

.nav ul li {
    float: none;
    padding: 2px 38px 0px 42px;
    font-size: 18px;
    line-height: 32px;
    color: #FFFFFF;
}

 .collapsible label:after {
   content: "";
    width: 16px;
    height: 16px;
     background-image: url( /content/dam/intelligentcontent/brands/tezspire/uk/en/images/header/down-arrow.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 14px;
    right: 0px;
    position: absolute;
    display: inline-block;

}

.collapsible input:checked ~ a label:after {
 
   
    background-image: url(/content/dam/intelligentcontent/brands/tezspire/uk/en/images/header/uparrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 14px;
    right: 0px;
    position: absolute;
    display: inline-block;
  
}

#check:checked ~ .checkbtn i::before {
       content: "";
    width: 16px;
    height: 16px;
     background-image: url(/content/dam/intelligentcontent/brands/tezspire/uk/en/images/header/close-icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 20px;
    right: 20px;
    position: absolute;
    display: inline-block;
}

    .nav-links ul li::after {
    content: '';
    width: 100% !important;
    height: 2px !important;
    background: #FFFFFF !important;
    display: block;
    margin: 0px;
    /* transition: 0.5s; */
}



.nav ul li a {
   line-height: 42px;
  
}

.nav ul li:last-child {
    padding-bottom:30px;
}


#pi-color2-mob{
    display: block;
    width: 100%;
}
#pi-color2{
    display:none;
}

.tezspire-pi  {
    display: block;
    padding-left: 12px;
}

.tezspire-pi p  {
    padding-bottom:8px;
}

.nav ul li:hover .dropdown {
    position: relative;
     padding-top: 0px;
    
}

.nav ul li:hover .dropdown.collapsible-text.resource-wrapper{
    height: unset;
}
ul.resources-menu-list{
    position : unset;
}



	/*footer start*/
	
	.adverse {
    padding: 30px 25px;
    border: 1px solid #000000;
}

.footer-parent {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 20px;
    align-items: center;
    flex-direction: column-reverse;
}

.footer-child1{
    display:none;
}

.footer-child3 {
    display: block;
    width: 46%;
    margin: auto;
    padding-bottom: 40px;
}



.footer-child2 ul li {
    float: unset;
    padding-left: 0px;
    padding-bottom: 22px;
    text-align: center
}

.footer-child2 {
    margin:0 auto;
}



.footer-child {
    text-align: center;
}

.dropdown ul {
    padding-top: 0px !important;
}

.dropdown ul li::after {
    content: '';
    width: 0%;
    height: 2px;
    background: #D1D1D1 !important;
    display: block;
    margin: auto;
    transition: 0.5s;
}

.dropdown::after {
    content: '';
    width: 0%;
    height: 0px;
    background: #003865 !important;
    display: block;
    margin: auto;

}

.dropdown ul li:last-child {
    padding-bottom: 12px !important;
}


.nav ul li:hover .dropdown {
     margin-bottom: -1px;
}

/*footer ends*/


    
}


/***** Media Query for Mobile and iPad Portrait ends *****/


@media only screen and (min-width: 992px) and (max-width: 1024px) { 
    
    .nav ul li {
    float: left;
    padding: 0px 26px 0px 0px;
    font-size: 18px;
    line-height: 24px;
    color: #003865;
}

.footer-child {
    width: 34%;
}

.footer-child2 {
    width: 50%;
}

.footer-child2 ul li {
    float: left;
    padding-left: 18px;
}

}

/***** Media Query for iPad Landscape Only Starts *****/
@media only screen and (min-width: 1025px) and (max-width: 1199px) { 
    
    .nav ul li {
    float: left;
    padding: 0px 26px 0px 0px;
    font-size: 18px;
    line-height: 24px;
    color: #003865;
}
}
    
    /***** Media Query for iPad Landscape Only ends *****/
@media screen and (max-width: 540px) {
    /* #row-patient-container {
    max-width: 100%;
    padding: 0 20px;
    }

    
    .row-patient-container {
    max-width: 100%;
    padding: 0 16px;
    } */

	#patient-footer .patient-job-code {
	        white-space: nowrap;
	}
   #patient-footer .pat-footer-inner-container {
    display: flex;
    flex-direction: column-reverse;
        padding-top: 25px;
}
   #patient-footer .pat-footer-col-2 {
     display: unset;
}
 #patient-footer span.pat-devider {
     display:none;
 }
 #patient-footer .pat-footer-first-text {
    font-size: 14px;
    padding-top: 25px;
    padding-bottom: 28px;
    line-height: 1.4;
}

#patient-footer a.pat-privacy-link {
    padding-left: 70px;
}
#patient-footer a.pat-cookie-link {
    padding-left: 77px;
}
#patient-footer .pat-footer-list {
        padding: 15px 0px 45px 0px !important;
}
#patient-footer .pat-footer-col-1 {
    padding-bottom: 4px;
}
    #patient-footer .pat-mob-white-space {
        display: block;
        padding-top: 25px;


}
}
@media screen and (max-width:1024px) {
    #patient-footer .pat-footer-inner-container {
    display: flex;
    flex-direction: column-reverse;


}
#patient-footer .pat-footer-col-2 {
    display: flex;
    align-items: start;
}
}



@media screen and (max-width: 767px) {
    
#patient-material .heading {
    font-size: 42px;  
    padding-top: 0px;
}

#patient-material .revised {
    font-size: 17px;  
}

.row-container {
		width: auto;
		margin: 0 auto;
		padding-left:20px;
		padding-right:20px;
		
	}
	
.fa-bars:before {
    top: 7px;

}

#image-container {
       	width: auto;
		margin: 0 auto;
		padding-left:20px;
		padding-right:20px;
 }

.tez-logo {
    padding-bottom: 8px;
}
	
.mob-num a{
    text-decoration:none !important;
}
	
span.contactmed {
    display: inline-block;
    text-decoration:underline;
}	
	
	
.pi-font {
    font-size: 12px;
    line-height: 16px;
   
}

.pi-font a {
    font-size: 12px;
    line-height: 16px;
    text-decoration:none;
   
}

.footer-font {
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
font-family: "Roboto", sans-serif;
}


.footer-font a {
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
font-family: "Roboto", sans-serif;
}



.checkbtn {
    display: block;
    position: absolute;
    right: 20px;
    top: -4px;
  }


.funded{
        padding: 0.8em 0;
        width:90%;
    }
    
    
  .dropdown ul li a {
    font-size: 16px;
    line-height: 24px;
    color: #003865;
    padding: 0px 0px 0px 0px!important;
font-family: "Roboto", sans-serif;
}


.nav-links {
    position: absolute;
    top: 0px;
    right: -250px;
    background: #003865;
    height: 100%;
    width: 250px;
    text-align: left;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    display: none;
    visibility: hidden;
    height: auto;
}

	
	
	
	/*footer start*/
	
/*	.adverse {*/
/*    padding: 30px 40px;*/
/*    border: 1px solid #000000;*/
/*}*/

/*.footer-parent {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    padding-top: 30px;*/
/*    padding-bottom: 20px;*/
/*    align-items: center;*/
/*    flex-direction: column-reverse;*/
/*}*/

/*.footer-child1{*/
/*    display:none;*/
/*}*/

/*.footer-child3 {*/
/*    display: block;*/
/*    width: 46%;*/
/*    margin: auto;*/
/*    padding-bottom: 40px;*/
/*}*/



/*.footer-child2 ul li {*/
/*    float: unset;*/
/*    padding-left: 0px;*/
/*    padding-bottom: 20px;*/
/*}*/

/*.footer-child2 {*/
/*    margin:0 auto;*/
/*}*/

/*.footer-font {*/
/*    font-size: 15px;*/
/*    line-height: 18px;*/
/*    color: #FFFFFF;*/
/*    font-family: "Roboto-Regular";*/
/*}*/


/*.footer-child {*/
/*    text-align: center;*/
/*}*/

/*footer ends*/





}

@media only screen and (max-device-width: 767px) and (orientation: landscape){
    
    
    .funded {
    width: 100%;
}

.fa-bars:before {
    top: 20px;
}

}


/* global-patient */

:root{
    --navy-color: #003865;
    --agua-color: #6BD2DF;
    --gray-color: #333;
    --orange-color: #F0AB00;
    --white-color: #fff;
    --dark-gray-footer: #D9D9D9;
    --home-banner-49-28: clamp(1.75rem, 0.347rem + 2.2629vw, 3.0625rem);
    --home-banner-40-28: clamp(1.75rem, 0.9483rem + 1.2931vw, 2.5rem);
    --hero-banner-line-height: clamp(2.4375rem, 2.0431rem + 1.6828vw, 4.0625rem);
    --home-banner-subheading-40-26: clamp(1.625rem, 1.4126rem + 0.9061vw, 2.5rem);
    --home-banner-sub-line-height: clamp(2.125rem, 1.8064rem + 1.3592vw, 3.4375rem);
    --banner-heading-40-28: clamp(1.75rem, 1.568rem + 0.7767vw, 2.5rem);
    --banner-heading-line-height: clamp(1.75rem, 1.568rem + 0.7767vw, 2.5rem);
    --heading-30-20: clamp(1.25rem, 1.0983rem + 0.6472vw, 1.875rem);
    --subheading-27-18: clamp(1.125rem, 0.9885rem + 0.5825vw, 1.6875rem);
    --callout-25-17: clamp(1.0625rem, 0.9411rem + 0.5178vw, 1.5625rem);
    --body-para-20-16: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
    --body-para-line-height: 24px;
    --button-20-17: clamp(1.0625rem, 1.017rem + 0.1942vw, 1.25rem);
    --banner-home-heading-tab: clamp(1.125rem, 0.2083rem + 1.9097vw, 2.5rem);
    --home-banner-subheading-tab: clamp(1.125rem, 0.2083rem + 1.9097vw, 2.5rem);
    --landing-callout-17-15: clamp(0.9375rem, 0.9072rem + 0.1294vw, 1.0625rem);
}


/*@font-face {*/
/*  font-family: 'Opensans-Regular';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  font-stretch: 100%;*/
/*  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');*/
/*  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;*/
/*}*/
/*@font-face {*/
/*  font-family: 'Opensans-Bold';*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*  font-stretch: 100%;*/
/*  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');*/
/*  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;*/
/*}*/

/* global-patient */



.banner-49-28{
    font-size: var(--home-banner-49-28);
    line-height: var(--hero-banner-line-height);
font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: var(--white-color);
}

.banner-home-heading {
    font-size: var(--banner-home-heading-tab);
    line-height: 1.6;
    color: var(--white-color);
font-family: "Open Sans", sans-serif;
    font-weight: 700;
}
.home-banner-subheading {
    font-size: var(--home-banner-subheading-tab);
    line-height: 1.5;
    color: var(--white-color);
font-family: "Open Sans", sans-serif;
}
.banner-heading{
    font-size: clamp(1.75rem, 1.25rem + 1.0417vw, 2.5rem);
    line-height: 1.625;
    color: var(--white-color);
    /*font-family: 'Opensans-Regular';*/
    font-family: "Open Sans", sans-serif;
    
}

.heading-body{
    font-size: var(--heading-30-20);
font-family: "Open Sans", sans-serif;
    line-height: normal;
    color: var(--navy-color);
    font-weight: 700;
}
.body-para{
    font-size: var(--body-para-20-16);
    line-height: 24px;
    color: var(--gray-color);
    /*font-family: 'Opensans-Regular';*/
     font-family: "Open Sans", sans-serif;
    margin-bottom: 30px;
    
}
.mt-30{
    margin-top: 30px;
}

.frag-body-para{
    color: #000;
    font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
    line-height: normal;
    margin-bottom: 20px;
font-family: "Open Sans", sans-serif;
}

#report-side-content{
    border: 1px solid #000;
    background: #F2F1F1;
    padding: 30px 23px 20px;
}
.frag-body-para a{
    color: #000;
}

#home-patient b{
font-family: "Open Sans", sans-serif;
    font-weight: 700;;
}

#report-side-effect{
    padding: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem) 0;
    padding-bottom:45px;
}
@media screen and (max-width: 768px){
    body#home-patient, body#about-tez,
    body#how-to-use-tezspire-page, body#safety-and-side-effect-page, 
    body#patient-resources, body#faqs-page, body#contact-us-page  {
    padding-top: 0;
} 
    .row-patient-container, #row-patient-container, #row-patient-containerr{
        max-width: 100%;
        padding: 0 16px;
    }
   
}


/* Header Desktop code patient */

.navbar-patient-desktop {
    overflow: hidden;
    padding: 36px 0 45px 10px;
    
}
.navbar-patient-desktop ul{
    color: #333;
    display: flex;
    justify-content: space-between;
    max-width: 1152px;
    list-style: none;
    padding-left: 0;
}
.navbar-patient-desktop a {
  font-size: clamp(1.125rem, 0.7909rem + 0.5388vw, 1.4375rem);
font-family: "Open Sans", sans-serif;
  color: #333;
  text-align: center;
  text-decoration: none;
}

.dropdown-patient {
  float: left;
  overflow: hidden;
}

.dropdown-patient .dropbtn-patient {
  border: none;
  outline: none;
  color: #333;
font-family: "Open Sans", sans-serif;
  margin: 0;
}

.navbar-patient-desktop a:hover, .dropdown-patient:hover .dropbtn-patient {
  color: #003865;
  text-shadow: 0 0.015em #003865, 0 -0.015em #003865, 0.01em 0 #003865, -0.01em 0 #003865;  

}

.dropdown-content-patient {
  display: none;
  position: absolute;
  min-width: 235px;
  z-index: 1;
  background: #fff;
    top: 59%;
    padding-top: 10px;
}

.dropdown-content-patient a {
  float: none;
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: normal;
}

.dropdown-content-patient a:hover {
  color: #003865;
}



/*   activate when there is dropdown  */

/*
li.dropdown-patient::after {
    content: url(/content/dam/intelligentcontent/brands/tezspire/uk/en/images/home-patient-assets/header/nav_arrow_down.png);
    transition: .3s ease-in-out;
}

li.dropdown-patient:hover::after{
    content: url(/content/dam/intelligentcontent/brands/tezspire/uk/en/images/home-patient-assets/header/nav_arrow_up.png);
}

.dropdown-patient:hover .dropdown-content-patient {
  display: block;
} */

/*   activate when there is dropdown  */



.hamburger, .close {
border: none;
 cursor: pointer;
 /* position absolute position the icons relative to the body because they have no position relative parents*/
 position: absolute;
 top: 24px;
right: 20px;
width: 64px;
height: 32px;
text-align: right;
}



.navbar-patient {
  position: absolute;
  z-index: -1000;
      top: 5px;
    right: 0;
  min-width: 343px;
  min-height: 510px;
  overflow: hidden;
  list-style: none;
  background: #fff;
  color: #333;
  display: flex;
  flex-flow: column nowrap;
  transform: translateY(-100%);
  transition: transform 0.2s ease;
  padding: 70px 0 90px !important;
  margin: 0;
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 10px;
}

/* :target is called when its anchor id #navbar is called by clicking on the hamburger which has href="#navbar" */

.navbar-patient:target {
 /* show navbar */
 transform: translateY(0);
 z-index: 99999;
}
.navbar-patient li a {
 display: block;
 /* remove default underline and add our own with padding and border bottom */
 text-decoration: none;
 color: #333;
font-family: "Open Sans", sans-serif;
 font-size: 20px;
}
.navbar-patient li{
  padding: 0px 16px 28px 42px;
}
.navbar-patient li a:hover, .navbar-patient li a:focus {
    color: #003865;
  /*text-shadow: 0 0.015em #003865, 0 -0.015em #003865, 0.01em 0 #003865, -0.01em 0 #003865;  */
      font-weight: 700;
}

/* patient-header-code-new-code */

#header-wrapper.azcl-columns__base{
  gap: 0px;
  /*grid-template-columns: 37% 63%;*/
    grid-template-columns: 35% 65%;
  padding: 55px 0 40px 0;
  border-bottom: solid 2px var(--orange-color);
}
.header-text {
font-family: "Open Sans", sans-serif;
  font-size: 16px;
  text-align: right;
  color: var(--navy-color);
}
.header-text p:nth-child(1){
font-family: "Open Sans", sans-serif;
  font-weight: 600;
  line-height: normal;
}
.header-tagline-text a{
  color: #003865;
  text-decoration: underline;
}
.header-tagline-text{
  margin-top: 15px;
}
#patient-header-layout {
    max-width: 86.585%;
    margin: 0 auto;
} 



@media screen and (max-width: 991px){

  #patient-header-layout{
    display: none;
  }
  #tab-view-header{
    display: block !important;
  }
  .nav .dropdown.collapsible-text{
    background-color: #fff !important;
  }

  }

#tab-view-header{
  display: none;
  background: #fff;
}
.gray-bg-tab{
  background: #EDECEC;
  padding: 18px 16px 21px;
}
.tagline-header-tab{
  color: #010047;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
font-family: "Open Sans", sans-serif;
  line-height: normal;
}
.header-tagline-text-tab a{
  color: #003865;
  text-decoration: underline;
}
.header-tagline-text-tab{
font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #003865;
  margin-top: 15px;
}
.nav-tab-header{
    padding: 24px 16px 16px;
    position: relative;
    background: #fff;
}


@media only screen and (min-width: 769px) and (max-width: 990px){
  .nav-tab-header{
    max-width: 86.585%;
    margin: 0 auto;
    padding: 24px 0px 16px 0;
  }
  .tagline-header-tab{
    max-width: 86.585%;
    margin: 0 auto;
  }
}

/* active header code */
 #home-patient .navbar-patient-desktop ul li:nth-child(1) a, #home-patient .navbar-mobile-patient ul.navbar-patient li:nth-child(1) a{
    color: #003865;
        text-shadow: 0 0.015em #003865, 0 -0.015em #003865, 0.01em 0 #003865, -0.01em 0 #003865;
  }
  #about-tez .navbar-patient-desktop ul li:nth-child(2) a, #about-tez .navbar-mobile-patient ul.navbar-patient li:nth-child(2) a{
    color: #003865;
        text-shadow: 0 0.015em #003865, 0 -0.015em #003865, 0.01em 0 #003865, -0.01em 0 #003865;
  }
  #how-to-use-tezspire-page .navbar-patient-desktop ul li:nth-child(3) a, #how-to-use-tezspire-page .navbar-mobile-patient ul.navbar-patient li:nth-child(3) a{
    color: #003865;
        text-shadow: 0 0.015em #003865, 0 -0.015em #003865, 0.01em 0 #003865, -0.01em 0 #003865;
  }
  #safety-and-side-effect-page .navbar-patient-desktop ul li:nth-child(4) a, #safety-and-side-effect-page .navbar-mobile-patient ul.navbar-patient li:nth-child(4) a{
    color: #003865;
        text-shadow: 0 0.015em #003865, 0 -0.015em #003865, 0.01em 0 #003865, -0.01em 0 #003865;
  }
  #patient-resources .navbar-patient-desktop ul li:nth-child(5) a, #patient-resources .navbar-mobile-patient ul.navbar-patient li:nth-child(5) a{
    color: #003865;
       text-shadow: 0 0.015em #003865, 0 -0.015em #003865, 0.01em 0 #003865, -0.01em 0 #003865;
  }
  #faqs-page .navbar-patient-desktop ul li:nth-child(6) a, #faqs-page .navbar-mobile-patient ul.navbar-patient li:nth-child(6) a{
    color: #003865;
        text-shadow: 0 0.015em #003865, 0 -0.015em #003865, 0.01em 0 #003865, -0.01em 0 #003865;
  }
/* active header code  */
/* Header code Patient */
@media screen and (max-width: 1800px){
    .header-text{
        padding-left: 18px;
    }
}
/*gb code code*/
.gb-wrapper {
    padding-bottom: 45px;
}
.gb-wrapper p.gb-code {
    font-size: var(--body-para-20-16);
    line-height: 24px;
    color: var(--gray-color);
font-family: "Open Sans", sans-serif;
}

@media screen and (max-width: 768px){
.tagline-header-tab span.d-none-medium{
        display: inline-block;
        color: #000;
    }
    .tagline-header-tab span{
        display: block;
    }
    #patient-footer .pat-footer-inner-container .pat-footer-logo img{
    width: 168px;
}
}
@media screen and (min-width: 769px){
    .tagline-header-tab span.d-none-medium{
        display: none;
    }
   #patient-footer .pat-footer-inner-container img.footer-logo-patient {
    width: 275px;
}
}