/* Poppins font */
@font-face {
  font-family: 'Poppins';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/Poppins-Regular.ttf");
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: 'Poppins-Bold';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/Poppins-Bold.ttf");
}
@font-face {
  font-family: 'Poppins-Medium';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/Poppins-Medium.ttf");
}
@font-face {
  font-family: 'Poppins-ExtraLight';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/Poppins-ExtraLight.ttf");
}
@font-face {
  font-family: 'Poppins-Light';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/Poppins-Light.ttf");
}

/* RobotoCondensed font */
@font-face {
  font-family: 'RobotoCondensed-Light';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/RobotoCondensed-Light.ttf");
}
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/RobotoCondensed-Regular.ttf");
}
@font-face {
  font-family: 'RobotoCondensed-Medium';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/RobotoCondensed-Medium.ttf");
}
@font-face {
  font-family: 'RobotoCondensed-SemiBold';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/RobotoCondensed-SemiBold.ttf");
}
@font-face {
  font-family: 'RobotoCondensed-Bold';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/RobotoCondensed-Bold.ttf");
}
@font-face {
  font-family: 'RobotoCondensed-Thin';
  src:  url("/content/dam/open-digital/tezspire-ca/ca/en/font/RobotoCondensed-Thin.ttf");
} 
 
body { font-family: 'Poppins', serif;}
p, .text.parbase ul, .text.parbase ul li, .text.parbase ol li, a {font-family: 'Poppins', sans-serif  ; font-size: 16px; } 
b, strong {font-family: 'Poppins-Bold', sans-serif;text-shadow: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins-Bold', sans-serif;text-shadow: none;}
.no-wrap {white-space: nowrap;}
    
/*tezspire css starts */
/*form button change text uppercase*/
.fr-hcp button.btn.submit-btn.btn-primary.btn-lg {text-transform: uppercase;}
.primary-navigation .nav.stacked-menu>li.item-more {display: none !important;}
.logo-medicine-txt {display: none;}
.static-links-wrapper {position:relative; }
.primary-navigation .nav .static-links-wrapper>li.first-level-item a {display: table;margin: 0;padding: 5px 0 5px;font-size: medium;color: #fff;
    letter-spacing: 0px;text-decoration:none;font-family: 'Poppins', sans-serif;}
.top-header {background-color:rgb(0, 34, 88);}
.top-header .header-actions>li>a.dropdown-toggle {display: none;}
ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu {position: static;display: block;background: none;box-shadow: none;border: none;
margin-top: 0.8em;min-width: unset;}
ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu li a {font-size: 13px;color: white;padding: 5px 7px 5px 3px;
font-family: 'Poppins' !important;line-height: 0px;border-left: 0px; }
/*.top-header .header-actions>li>a {font-size: 12px;padding: 12px 15px; display: inline-block;color: #fff;font-family: sans-serif;}*/
.navbar-default .navbar-nav>.open>a:hover{color:#fff;}
.home .fixed-top-margin{margin-top: 154.188px !important;}
    
/*hcp_ banner content*/
.hcp-page .component-section.full-width.no-style.tez-hcp-page.banner-content .section-blur-layer {height: 20%;bottom: 0;background: rgb(0,34,88);
background: linear-gradient(360deg, rgba(0,34,88,1) 35%, rgba(0,212,255,0) 100%);top: unset;}
.hero_text {color: #fff;font-family: 'Poppins';font-size: 14px;padding-top: 330px;padding-left: 0;}
.hcp_banner_text {padding-bottom: 20px;padding-top: 15px;font-size: 14.5px;}
.hcp_banner_sec_text {font-family: 'Poppins-SemiBold';font-size: 16px;}
/*hcp-page hcp block desktop*/
sup {font-size:100% !important;line-height: 0;position: relative;vertical-align: baseline;top: -1px;/*top: -0.7em;font-size: 60% !important;*/}
.container.middle-content {width: 100%;padding: 0px;}
.section-hcp-block {background-color: rgb(0, 34, 88);width: 100%;padding-bottom: 70px;/*height: 560px; padding-bottom: 45px;*/}
.section-patient-block {background-color:rgb(15 52 94);width: 100%;padding-bottom: 66px;/*height: 1100px; padding-bottom: 105px;*/}
.sub-heading {font-size: 20px;color: #fff;font-family:'Poppins-Bold';text-shadow:none;}
ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu li {display: inline-block;}
ul.nav.navbar-nav.pull-right.header-actions .dropdown-menu>li:first-child a {border-right: 2px solid white;font-family: 'Poppins'!important;padding: 5px 6px 5px 5px;}

body.fixed-top-margin.hcp-page {margin-top: 47px !important;}

/*Header css*/
.home .navbar img.header-nav-logo {height: 60px;margin-top: 0px; /*height: 130px;margin-top: -30px;*/}
.my-accounts .navbar img.header-nav-logo {height: 130px;margin-top: -30px;}
.my-accounts .navbar .primary-navigation {min-height: 100px;}
.en-hcp .navbar img.header-nav-logo { height: 130px;margin-top: -30px;}
.en-patient .navbar img.header-nav-logo {height: 60px;margin-top: 0px;/*height: 130px;margin-top: -30px;*/}
.hcp-login .navbar img.header-nav-logo {height: 130px;margin-top: -30px;}
.navbar-default {background: #0f345e; border: 0px;}
.hcp-page .navbar-default {background: transparent;} 
.hcp-page .navbar-default.navbar-black {background: #000;} 
.navbar-default .top-header { border-bottom: 0px ;}
.navbar .top-header .navbar-brand { padding: 0; height: 70px; position: absolute;top: 75px;}
.navbar img.header-nav-logo {height: 60px;margin-top: 20px;margin-left: 0px;/*height: 140px;margin-top: -20px;*//*margin-left: -30px;*/}
.navbar ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu {margin: 1.5em 0 1.3em;line-height: 16px;}
.navbar .primary-navigation {border-bottom: 0px solid #eeeeee;background: transparent;padding-top: 0px;padding-bottom: 10px;}
.navbar div#top-nav {text-align: center;}
.navbar .primary-navigation .nav.stacked-menu {width: 100%;max-width: 560px;margin: 50px 0 5px auto;float: none;}
.navbar .primary-navigation .nav.stacked-menu .first-level-item:nth-child(1) {display: none;}
.navbar .primary-navigation .nav>li a {margin: 0px;padding: 4px 10px;color: #fff; letter-spacing: 0px;border-radius: 40px;line-height: 16px;}
.navbar .primary-navigation .nav>li a:hover {color: #fff;}
.navbar .primary-navigation .nav li.first-level-item:nth-child(5) a:after,
.navbar .primary-navigation .nav .static-links-wrapper>li.first-level-item a.bottom-hover-border:after {display: none; }
.navbar .primary-navigation .nav>li {padding-left: 5px;padding-right: 5px;}
.navbar .static-links-wrapper li.first-level-item:nth-child(2), .navbar .static-links-wrapper li.first-level-item:nth-child(3) {max-width: 105px;}
.navbar .static-links-wrapper li.first-level-item:nth-child(4) {max-width: 185px;}
.navbar .static-links-wrapper li.first-level-item:nth-child(5) {max-width: 150px;margin-left: 10px;padding-right: 0px !important;}
.navbar .static-links-wrapper li.first-level-item:nth-child(5) a {background-color: #ec446f; border-radius: 100px;} 
.primary-navigation .nav .static-links-wrapper>li.first-level-item{padding-right: 10px;padding-left: 10px;}
.primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) {position: absolute;top: -92px;right: 110px;display: block;}
.navbar .primary-navigation .nav.stacked-menu .static-links-wrapper li.first-level-item a {font-family: 'Poppins';}
.navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) a{font-family: 'Poppins';font-size: 13px;}
 
.patient-page .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper li.first-level-item a{font-size: 18px;line-height: 22px;}
.patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(2), 
.patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(3){max-width: 125px;padding: 0px 25px 0px 0px !important;}
.patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(4){max-width: 235px;padding: 0px 25px !important;/*max-width: 180px;*/}
.patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(6){max-width: 135px;padding: 0px 0px 0px 25px !important;
/*max-width: 105px;padding-right: 0 !important;*/}
.patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(5), 
.patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(2) {display: none;}
.patient-page .navbar .primary-navigation .nav.stacked-menu {max-width: 500px;/*max-width: 390px;*/ }
/* Header css ends*/

/*home page*/
.home .component-section.full-width.transparent.home-section-first-fr {background-position: 0 -2px;}
body.home {min-height: 100vh;background: #0f345e;}
body.pfp-video {min-height: 100vh;background: #0f345e;}
body.pfs-video {min-height: 100vh;background: #0f345e;}

/*@media screen and (min-width: 992px){*/
.tez-hcp-page .banner-content {background-position: center;}
.banner-content {padding-bottom:20px;min-height: 57.5vw;height: auto;/*min-height: auto; height: 750px;*/}
/*.hcp-page .banner-content {min-height: 100vh;}*/
.banner-content {display: flex;align-items: center;padding: 0;}
/*hcp-section*/
.hcp_space_top {margin-top: 0px;}
.hcp_title {color: #fff;font-size: 22px;font-style: normal;font-family: 'Poppins-Bold';text-transform: uppercase;margin-bottom:55px;
/*font-weight: 600; margin:55px 0;*/}
.hcp_title:after {content: '';position: absolute;background: #ff7600;height: 2px;left: 15px;right: 0;width: 10%;display: block;margin:25px 0 0;}
.hcp_img {max-width: 267px;height:auto;/*width:200px;*/}
.hcp_p1 {font-size: 18px;font-style: normal; color: #fff;margin-bottom:60px;font-family: 'Poppins';}
.hcp_p2 {font-size: 18px;font-style: normal;color: #fff;max-width:267px;margin:20px 0;font-family: 'Poppins';/*font-size: 16px;max-width: 220px;*/}
.hcp_download {color:#fff !important;background: #FF7F32;padding: 7px 25px;text-decoration: none !important;border-radius: 24px;display: block;
max-width: max-content;font-family: 'Poppins-Medium';font-size: 18px;line-height: normal;/*background: #ff7600;border-radius: 50px;*/}
a.hcp_download:visited {color: #fff;}
a.hcp_download:hover {color: #fff;}

/* overlay */
/*#patient-resources .newImage.section .hcp_img .image-navigation-link:hover:before {*/
/*content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfp-injection-overlay.png);left: 0;top: 0;width: 100%;height: 100%;*/
/*position:absolute;z-index:1;} */
/*#patient-resources .column-2 .newImage.section:nth-child(2) .hcp_img .image-navigation-link:hover:before {*/
/*content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfs-injection-overlay.png);}*/
/*#patient-resources .column-1 .newImage.section:nth-child(6) .hcp_img:hover:before {*/
/*content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfp-journey-guide-overlay.png);left: 0;top: 0;width: 100%;height: 100%;*/
/*position:absolute;z-index:1;}*/
/*#patient-resources .column-2 .newImage.section:nth-child(6) .hcp_img:hover:before {*/
/*content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfs-journey-guide-overlay.png);left: 0;top: 0;width: 100%;height: 100%;*/
/*position:absolute;z-index:1;} */
/*#patient-resources .column-3 .newImage.section:nth-child(2) .hcp_img:hover:before {*/
/*content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/patient-brochure-overlay.png);left: 0;top: 0;width: 100%;height: 100%;*/
/*position:absolute;z-index:1;}*/
/*#patient-resources .column-3 .newImage.section:nth-child(6) .hcp_img:hover:before {*/
/*content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/patient-info-leaflet-overlay.png);left: 0;top: 0;width: 100%;height: 100%;*/
/*position:absolute;z-index:1;}*/
#patient-resources .patient-section-row-firts .col-sm-4 .newImage.section .hcp_img div{overflow:hidden;}

/*patient block*/
.patient_title{color: #fff;font-size: 24px;font-style: normal;font-family: 'Poppins-Bold';text-transform: uppercase;margin: 80px 0 60px;
    /*font-size: 22px;font-weight: 600;margin:55px 0;*/}
.patient_title:after {content: '';position: absolute;background: #ff7600;height: 2px;left: 15px;right: 0;width: 8%;display: block;margin: 25px 0 0;
/*width: 10%; */}
.patient-section-title{font-size:18px;color:#fff;font-family:'Poppins-SemiBold';text-transform: uppercase;margin-bottom: 15px;/*font-size: 16px;*/} 
.patient-section-row-firts .col-sm-4.col-xs-12.column-2 {border-left: 1px solid rgb(255 255 255 / 80%); border-right: 1px solid rgb(255 255 255 / 80%);}
.patient-section-row-firts .col-sm-4 .section {max-width:280px;margin: auto;/*max-width: 225px;*/}
.patient-section-row-firts .col-sm-4.column-1 .section {margin: 0;}
.patient-section-row-firts .col-sm-4.column-3 .section {margin: 0 0 0 auto;}

/*connect-360*/
.hcp-connect-program-resource{background-image: linear-gradient(#F58A29, #F58860,#F05D75);padding: 63px 0px 66px;/*padding: 40px 0px 50px;*/}
.connect_sec:after {content: '';position: absolute;background: #fff;height: 2px;right: 0;left: calc(50% - 50px);width: 95px;display: block;margin: 25px 0 0;
/*left: 45%;width: 8%;transform: translate(-50%, 0);*/}
.connect_sec, .connect-subsec, .main-connect{text-align:center;}
.hcp-connect-program-resource .spport-p.connect-subsec {text-align: center;margin-bottom: 35px;}
.hcp-connect-program-resource .spport-p {color: #fff;font-family:'Poppins', sans-serif;font-size:18px;line-height:24px;margin-bottom:-3px;/*font-size: 16px;*/}
.hcp-connect-program-resource .semi-bold-font {font-family: 'Poppins-Semibold', sans-serif;line-height: 28px;}
.hcp-connect-program-resource .spport-p img {margin-right: 10px;}
.hcp-connect-program-resource .spport-p a {color: #fff;font-size: 18px;}
.hcp-connect-program-resource .connect-program-image {width: 100%;height: 0px;padding: 0px 10px 0px 0px;width: 180px;text-align: center;}
.connect-image img {max-width:175px;margin: auto;display: block;/*max-width: 150px;*/}
.hcp-connect-program-resource .hcp_title.connect_sec{font-size: 24px;line-height: 28px;margin: 17px 0 65px;/*margin: 15px 0 55px;*/}
.patient-page .hcp-connect-program-resource .spport-p.connect-subsec{max-width: 800px;margin: 0px auto 25px;}

/* Footer css */
.footer {color: #ffffff;background: rgb(15, 52, 94);margin-top: 0px;padding-top: 0px;padding-bottom: 70px;position: relative;
/*padding-top: 32px; padding-bottom: 50px;*/}
.footer-text {max-width: 815px;font-size: 11px;line-height: 15px;margin-bottom: 0px;font-family: 'RobotoCondensed-Regular'!important;
    /*font-size: 10px;line-height: 16px;margin-bottom: 10px;font-family: 'Poppins-Light', sans-serif;*/}
.footer-text:nth-child(1){margin-bottom:15px;}
.footer-text sup {top:-3px;font-size: 70% !important;}
.footer .section {max-width: 1170px;margin: auto;padding: 0px 15px ;}
.footer .newImage.parbase.section{padding-top: 38px;}
.footer ul.footer-list {list-style: none;padding: 0;overflow: hidden;display: flex;margin: 22px 0 44px;/*margin: 20px 0 35px;*/}.footer ul.footer-list li + li {border-left: 1px solid;padding-left: 30px !important;/*padding-left: 20px !important;*/}
.footer ul.footer-list li {padding: 0px 30px 0 0;margin: 0px;overflow: hidden;/*line-height: 18px;padding: 0px 20px 0 0;*/}
.footer ul.footer-list li a {text-decoration: none !important;font-size:18px;}
.footer .footer-list {margin-bottom: 40px;}
.footer .footer-brand-logo .column-1 {display: flex;align-items: end;} 
.footer .footer-brand-logo .column-1 .section {margin: 0;padding: 0;}
.footer .footer-brand-logo .column-1 .section:nth-child(1) img{max-height: 27px;margin-bottom: 16px;}
.footer .footer-brand-logo .column-1 .section:nth-child(2) img {max-height: 91px;margin-left: 30px;}
.footer .bottom-footer-box-wrap {display: flex;align-items: end;}
.footer .bottom-footer-img-box img {width: 55px;}
.footer .bottom-footer-img-box span img {width: 100px;}
.footer .bottom-footer-img-box {width: 62px;width: 190px;align-items: end;display: flex;justify-content: space-between;}
.footer .bottom-footer-data-box {width: calc(100% - 190px);}
.footer .new-image.footer-logos {width: 100%;margin: 2px auto 0px -18px;max-width: 230px;
/*margin: 2px auto 0px;margin: 2px auto 0px -30px;max-width: 300px;*/}

/*.footer .new-image .new-image-desktop, .footer .new-image .new-image-mobile{max-height: 72px;}*/
/*.footer .newImage.parbase.section {max-width: 225px;padding: 0px;margin: 0 0 0 0;} */
/*.footer .newImage.parbase.section:nth-child(1) {margin-left: -13px;}*/
/*.footer .col-sm-6.col-xs-12.column-1 {display: flex;}*/

.hcp-pregate_license-section .user-enrole .pro-teritery label:after,
.hcp-pregate_license-section .user-enrole .profession label:after{content: "";
background-image: url(/content/dam/open-digital/tezspire-ca/ca/en/icons/drop-down-arrow.png);position: absolute;right: 15px;top: 45px;
z-index: 9999;width: 20px;height: 20px;background-size: 15px auto;background-repeat: no-repeat;pointer-events: none;}
.hcp-pregate_license-section .user-enrole .pro-teritery label,
.hcp-pregate_license-section .user-enrole .profession label{position: relative;}
/* Footer css ends */

/*safty information block*/
.Section-safty-information .safty_text a {color: #fff;text-decoration: none;font-size: 18px;}
.Section-safty-information {background-color: rgb(0, 34, 88);width:100%;padding: 78px 0px 80px;margin-bottom:-10px;/*padding-bottom: 80px;*/}
.safty_text {color: #fff;font-family: 'Poppins', sans-serif;font-size: 18px;line-height: 24px;/*font-size: 16px;*/}
.safty_subtitle {color: #fff;font-size: 16px;font-family: 'Poppins-SemiBold', sans-serif;text-decoration: underline;font-weight: 600;}
.saftyinfo_title {color: #fff;font-family: 'Poppins-Medium';font-size: 24px;line-height: 38px;margin-bottom: 51px;/*font-family: 'Poppins', sans-serif;font-size: 22px;*/}
.safty_point, ul {font-size: 16px;color: #fff;padding-left: 9px;}
ul li {font-family: 'Poppins', sans-serif !important;}
.section_two {padding-top: 9px;}
.Section-safty-information .hcp_title:after {background: #ff7f32;width: 95px;margin: 21px 0 0;}

/*patient-page*/
.hero_title {font-size: 72px;line-height: 65px;color:#003865;letter-spacing: 0px; margin-top: -214px;font-family: 'RobotoCondensed-Bold';
/*font-family: 'Poppins-Bold';font-size: 50px;line-height: 50px;color: #0f345e;*/}
.banner_sec_title {font-family: 'Poppins-Medium', sans-serif;font-size:32px;color: #ff7600;line-height: 38px;/*font-size: 26px;color: #ff7600;line-height: 30px;*/}
.orange-line {max-width: 382px;margin: 39px 0;/*max-width: 310px;margin: 35px 0;*/}
.patient-page #patient-resources sup, .patient-page #safty-information sup {font-size: 100% !important;top: -0em;}
 

/*home page*/
.home .navbar .primary-navigation {min-height: 100px;}
.component-section.full-width.transparent.home-section-first {width: 100%;padding:78px 0 79px;background-position: 0 -2px;/*padding-bottom: 140px;padding-bottom:30px;*/}
.home a.home_button {margin-top: 59px;}
.home-section-first-fr .home_button {text-align: center;font-family: 'Poppins-SemiBold', sans-serif;font-size: 20px;line-height: 22px;
padding: 16px 20px;text-transform: uppercase;display: block;max-width: 440px;margin: auto;border-radius: 24px;}
.home_button {text-align: center;font-family: 'Poppins-SemiBold', sans-serif;font-size:20px;line-height: 22px;padding: 16px 20px;
text-transform: uppercase;display: block;max-width: 422px;margin: auto;border-radius: 24px;}
.home .text.parbase.section {margin-top: 22px;/*margin-top: 40px;*/}
.home .newImage.parbase.section {/*padding-top: 38px;padding-top: 25px;*/}
.home .footer {margin-top: -22px;}
.home a.hcp_download.home_button:hover {color: #fff;}
.home a.hcp_download.home_button:active {color: #fff;}
.home a.hcp_download.home_button:visited {color: #fff;}

/*hcp-pregate page*/
.en-hcp .navbar .primary-navigation {min-height: 100px;}
.hcp-login .navbar .primary-navigation {min-height: 100px;}
.hcp-pregate-title {font-size: 40px;line-height: 50px;font-family: 'Poppins-SemiBold', sans-serif;color: #fff;margin-top: 5.5em;margin-bottom: 5em;/* font-weight: 600; */}
.hcp-pregate_license-section {font-family: 'Poppins', sans-serif;color: rgb(17, 68, 111);font-size:16px;    padding-top: 60px !important;}
.license-sec-title1:after {content: '';position:absolute;background:#ff7600;height:2px;left:20px;right:0;width:6%;display:block;margin:0px 0 0;}
.hcp-pregate_license-section button#SUBMIT,.hcp-login_block button#SUBMIT{background-color: rgb(255, 118, 0);color: #fff;boarder-radius: 20px;
border-color: rgb(255, 118, 0);border-radius: 50px;padding: 8px 27px;font-family: 'Poppins-SemiBold', sans-serif;font-size: 16px;font-weight: 600;   
width: 130px;font-style: normal;}
.hcp-pregate_license-section .user-enrole label, .hcp-login_block .user-enrole label{color: rgb(17, 68, 111)!important;font-family: 'Poppins';
font-weight: 400;}

/*patient-pregate page*/
.en-patient .navbar .primary-navigation {min-height: 100px;}
.patient-pregate-banner {width: 100%;background-position: 0px -2px;}
.hcp-pregate_banner {width: 100%;background-position: 0px -2px;}
.hcp-login .hcp-pregate_banner{width: 100%;background-position: -250px -1px}
.patient-pregate-title {font-family: 'RobotoCondensed-Bold';font-size: 46px;color: #fff;margin-top: 18.2vw;margin-bottom: 18vw;
/*font-size: 42px;font-family: 'Poppins-SemiBold', sans-serif;font-weight: 600;*/}
.patient-pregate-din {font-size: 18px;font-family: 'Poppins', sans-serif;color:#003865;padding: 67px 0px 70px;/*color: rgb(17, 68, 111);padding: 60px 0px 40px;*/}
/*.patient-pregate-din.din_btn { margin-bottom: -140px;}*/

.din-sec-one {padding-bottom: 20px;font-size:18px;}
.din-sec-two:after {content: '';position: absolute;background: #ff7600;height: 2px;left: 16px;right: 0;width: 6%;display: block;margin: 25px 0 0;
/*margin: 15px 0 0;*/}
.en-patient .din-sec-two:after{width: 95px;}


/*din section start css*/
.en-patient .modal-header {display: none;}
.en-patient .modal-footer {border-top: none;text-align:left;padding-top:0px;display: flex;flex-direction: column;max-width: 345px;padding: 0px;}
.en-patient .self-certification-holder .modal-body {width: 100%;padding: 0;max-width:461px;padding-top: 67px;/*padding-top: 56px;max-width: 345px;*/}
.patien-pregate-din, label {display: none;}
.en-patient .form-control {border-radius: 10px;font-size: 18px;font-family: 'Poppins', sans-serif;color: #11446f;border-color: #11446f;border-radius: 8px;}
.en-patient .btn-enter-button {border-color: #000;background: #000;color: white;padding: 6px 12px;}
.btn-enter-button {border-color: #000;background: #000;color: white;padding: 6px 12px;}.din_btn .subHeading.section h3.border {text-align: right;width: 30%;margin-top: -21rem;font-family:'Poppins';text-decoration:underline;}
.din_btn .subHeading.section h4 {text-align: right;width: 30%;margin-top: 0;margin-bottom: 10rem;font-family: 'Poppins';font-size: 18px;
line-height: 24px;text-decoration:underline;}
.din_btn .submit-btn {margin-bottom: 80px;margin-top: 0;}
.din_btn .has-error .form-control {border-color: #ee3a69;box-shadow: inset 0 1px 1px rgb(238 58 105);}
.din_btn .text-danger {color: #ee3a69;}
.din_btn .popover {min-width: 700px;background-color: #fff;padding: 50px;text-align: center;}
.din_btn .popover p {color:rgb(17, 68, 111);}
.din_btn .popover .popover-title {color:#ff7600;background-color: #fff;text-align:center;}

/*patient pregated*/
.patient-pregate-din .self-certify-yes.submit-btn {margin-top: 90px;width: 171px;background: #ff7600 !important;border-color: #ff7600 !important;
color: #fff;font-family: 'Poppins-SemiBold', sans-serif;font-weight: 600;border-radius: 24px;padding: 8px 5px;text-decoration: none;outline: none;
font-size:18px;font-style:normal; /*margin-top: 76px;width: 130px;*/}
.patient-pregate-din .din-links {padding-top: 0px;margin-top: -205px;margin-bottom: 74px;text-align: right;max-width: 461px;width: 100%;
    /*padding-right: 50em;  padding-left: 56px; margin-top: -180px;max-width: 345px;*/}
.patient-pregate-din a.w-din {color: #11446f;font-size: 18px;/*font-size: 16px;*/}
.patient-pregate-din a.w-find-my-din{color: #11446f;font-size: 18px;/*font-size: 16px;*/}

/**/
.en-patient .modal-footer .self-certify-no {float: right;border: 0px;padding: 0;margin: 0px 0 5px !important;font-size: 16px;color: #11446f;
font-family: 'Poppins', sans-serif;text-decoration: underline; text-align: right;font-style: normal;box-shadow: none !important;}
.patient-pregate-din .self-certify-yes-patient.submit-btn {background: #ff7600 !important;border-color: #ff7600 !important;font-style: normal;
font-size: 16px;font-family: 'Poppins-SemiBold', sans-serif;margin: 20px 0 50px;padding: 5px 15px;font-weight: 600;width: 130px;border-radius: 30px;
text-decoration: none !important;}
.patient-pregate-din #self-certification-text-field-error {position: absolute;bottom: -35px;margin: 0;font-size: 18px;color:#EE3767;} 
.patient-pregate-din .form-group.has-error { margin-bottom: 10px;}
.patient-pregate-din .component-section.container.transparent {width: 100%;}
 #self-certification-text-field-error {position: absolute;bottom: -35px;margin: 0;font-size: 16px;}
.en-patient .modal-footer div:nth-child(1) {order: 3;}

/* popup */
.wcf-popup .modal-body .component-section{width: 100%;} 
.wcf-popup .modal-content, .wid-popup .modal-content {border-radius: 0px;} 
.wcf-popup button.close.fg-color, .wid-popup button.close.fg-color {color: #11446f;font-weight: 400;} 
.wcf-popup h3.popup-title, .wid-popup h3.popup-title {color: #FF7F32;font-family: 'Poppins-Bold', sans-serif;font-size: 22px;line-height: 30px;
margin: 32px 0px 28px;/*color: #ff7600;font-family: 'Poppins-SemiBold', sans-serif;font-weight: 600;*/} 
.wcf-popup .popup-text, .wid-popup .popup-text {font-family: 'Poppins', sans-serif;color: #003865;font-size: 18px;line-height: 30px;
margin-bottom: 25px;/*font-family: 'Poppins', sans-serif;color: #11446f;*/} 
.wcf-popup .row {max-width: 80%;margin: auto;}
.wcf-popup .col-sm-6.col-xs-12 {padding: 10px;} 
#popup-template .modal-dialog .modal-body{ min-height: 100px;overflow-y: initial; max-height: 100%;}

/*form*/
.hcp-pregate_license-section .user-enrole {margin: 50px auto 40px 0px;width: 90%;padding: 0 5px;}
.hcp-pregate_license-section form.userEnroleForm {display: flex;justify-content: space-between;}
.hcp-pregate_license-section .ue-formfields-container, .hcp-pregate_license-section .form-row.form-widget.pro-teritery {width: calc(44% - 10px);}
.hcp-pregate_license-section .ue-formfields-container .formOptions:nth-child(3) {margin-top: 40px;margin-bottom: 60px;}

/*.hcp-pregate_license-section,*/
select#profession,input#externalId2,select#Province, .hcp-pregate_license-section .selfCertification select#province{
 border-radius: 10px;min-height: 27px;
    padding: 10px 14px; border: 1px solid rgb(17, 68, 111)!important;    font-family: 'Poppins';
    color: #333;font-size: 15px;
 }
.hcp-pregate_license-section .user-enrole .form-control,
.hcp-login_block .user-enrole .form-control{border-radius:10px;min-height: 24px;padding: 11px 14px; border: 1px solid rgb(17, 68, 111)!important;
font-family: 'Poppins';color: #333;font-size: 15px;}
input#externalId2::-webkit-input-placeholder, .selfCertification .self-certification-text-field::-webkit-input-placeholder,
.form-control-container .form-control::-webkit-input-placeholder{ /* Edge */color: #333;}
input#externalId2:-ms-input-placeholder, .selfCertification .self-certification-text-field:-ms-input-placeholder,
.form-control-container .form-control:-ms-input-placeholder{ /* Internet Explorer */color: #333;}
input#externalId2::placeholder, .selfCertification .self-certification-text-field::placeholder,
.form-control-container .form-control::placeholder{color: #333;}

 /*Pre gate form design css */
.hcp-pregate_license-section .selfCertification .modal-header {display: none;} 
.hcp-pregate_license-section .selfCertification .modal-body {padding: 0px;} 
.hcp-pregate_license-section .selfCertification .form-group {max-width: calc(44% - 10px);display: block;width: 100%;position: relative;} 
.hcp-pregate_license-section .selfCertification .self-certification-modal-footer {border-top: 0px;padding: 0px;max-width: 40%;text-align: left;
margin-top: 25px;} 
.hcp-pregate_license-section .selfCertification label.control-label, .generated-form .form-validation .form-label-container .text-muted{
display: block;color: rgb(17, 68, 111)!important;font-family: 'Poppins';font-weight: 400;margin: 0 0 0 5px;font-size: 15px;}
.hcp-pregate_license-section .selfCertification label.control-label span.text-danger{color: rgb(17, 68, 111)!important;}
.hcp-pregate_license-section .selfCertification .self-certification-holder { position: relative;z-index: 1;} 
.hcp-pregate_license-section span.text-danger {margin-left: -3px;}
.hcp-pregate_license-section .selfCertification select#profession {width: 100%;} 
.hcp-pregate_license-section .selfCertification select#province {width: 100%;} 
.hcp-pregate_license-section .selfCertification.section{margin-top: 50px;}
.hcp-pregate_license-section .selfCertification.section.selfCertification-1 {position: relative;margin-top: -310px;margin-bottom: 300px;min-height: 90px;} 
.hcp-pregate_license-section .selfCertification.section.selfCertification-1 .form-group.drop_province {position: absolute;top: 0;right: 0;} 
.hcp-pregate_license-section .selfCertification.section.selfCertification-1 .form-group.drop_profession {position: absolute;top: 125px;left: 0;} 
.hcp-pregate_license-section .self-certification-modal-footer .self-certify-yes.submit-btn, 
.generated-form .form-validation .form-group .submit-btn.btn-primary {background-color: rgb(255, 118, 0);color: #fff;border-color: rgb(255, 118, 0);
border-radius: 50px;padding: 8px 27px;font-family: 'Poppins-SemiBold', sans-serif;font-size: 16px;font-weight: 600;min-width: 130px;font-style: normal;} 
.hcp-pregate_license-section .selfCertification .self-certification-text-field, 
.generated-form .form-validation .form-control-container .form-control {border-radius: 10px;min-height: 27px;padding: 10px 14px;
border: 1px solid rgb(17, 68, 111)!important;font-family: 'Poppins';color: #333;box-shadow: none;font-size: 15px; } 
.hcp-pregate_license-section .selfCertification #self-certification-text-field-error {top: 75px;    bottom: auto;font-size: 14px;}
.hcp-pregate_license-section .selfCertification form.self-certification-form {min-height: 230px;position: relative;}
.generated-form .form-validation {display: flex;flex-wrap: wrap;justify-content: space-between;}
.generated-form .form-validation .form-group{width: calc(44% - 15px); margin-top: 35px;}
.generated-form .form-validation .form-group  .btn.clear-btn {display: none;}
/*Pre gate form design css ends */

.hcp-pregate_license-section .selfCertification .form-group div.error.text-danger {font-size: 14px;font-family: 'Poppins-Light', sans-serif;
display: none;opacity: 1;margin-top: 10px;}
.hcp-pregate_license-section .selfCertification .form-group div.error.text-danger.in {display: block;}




/*Resposive tab potrate*/
@media only screen and (min-device-width : 768px) and (max-device-width : 991px){
    .navbar img.header-nav-logo {height: 60px;margin-top: 15px;/*height: 100px;margin-top: 0;*/}
    .navbar .static-links-wrapper li.first-level-item.hidden-menu:nth-child(5) {display: block !important;}
    
    /* Patient Navbar*/
    .patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(3){max-width:110px;padding:0px 10px 0px 0px !important;}
    .patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(4){max-width:200px;padding:0px 10px !important;}
    .patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(6){max-width:120px;padding:0px 0px 0px 10px !important;display:block;}
    /* Patient page */
    .patient-page .hero_title{font-size: 40px;line-height: 50px;margin-top: -60px;}
    .patient-page .orange-line{max-width: 240px;margin: 25px 0;}
    .patient-page .banner_sec_title{font-size: 24px;line-height: 30px;}
    .patient-page .patient-section-title {min-height: 45px;}
    .patient-page .hcp_p2.hcp-height-align br {display: none;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
   .hcp-connect-program-resource .connect-program-image {width: 100%;height: 0px;padding: 0px 10px 0px 0px;width: 180px;text-align: center;margin-left: 273px;}
    
}

/* Responsive screens */
@media  (min-width: 768px){
    .hcp_p2.hcp-height-align {min-height: 72px;}
    .hcp_p2.hcp-height-align1 {min-height: 120px;}
    .patient-section-row-firts .col-sm-4.col-xs-12.column-2 {padding-bottom: 60px;}
    .patient-section-row-firts .col-sm-4.column-3 .section:nth-child(3) .hcp_p2 {max-width: 280px;}
    #popup-template.wid-popup .modal-dialog {margin-top: calc(50vh - 100px);}
    #popup-template.wcf-popup .modal-dialog {margin-top: calc(50vh - 313px);}
    
    /* overlay */
    #patient-resources .column-1 .newImage.section:nth-child(2) .hcp_img .image-navigation-link:hover:before {content:'';left: 0;top: 0;width: 100%;
    background:url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfp-injection-overlay.png);background-size: 100%;height: 100%; 
    position:absolute;z-index:1;} 
    #patient-resources .column-2 .newImage.section:nth-child(2) .hcp_img .image-navigation-link:hover:before {content:'';left: 0;top: 0;width: 100%;
    background:url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfs-injection-overlay.png);background-size: 100%;height: 100%;
    position:absolute;z-index:1;}
    #patient-resources .column-1 .newImage.section:nth-child(6) .hcp_img div:hover:before {content:'';left: 0;top: 0;width: 100%;height: 100%;
    background:url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfp-journey-guide-overlay.png);background-size: 100%;
    position:absolute;z-index:1;}
    #patient-resources .column-2 .newImage.section:nth-child(6) .hcp_img div:hover:before {content:'';left: 0;top: 0;width: 100%;height: 100%;
    background:url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfs-journey-guide-overlay.png);background-size: 100%;
    position:absolute;z-index:1;} 
    #patient-resources .column-3 .newImage.section:nth-child(2) .hcp_img div:hover:before {content:'';left: 0;top: 0;width: 100%;height: 100%;
    background: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/patient-brochure-overlay.png);background-size: 100%;
    position:absolute;z-index:1;}
    #patient-resources .column-3 .newImage.section:nth-child(6) .hcp_img div:hover:before {content:'';left: 0;top: 0;width: 100%;height: 100%;
    background:url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/patient-info-leaflet-overlay.png);background-size: 100%;
    position:absolute;z-index:1;}
}
@media  (min-width: 1199px) {
    .patient-section-row-firts .col-sm-4 {width:31.33333%;/*width: 29.33333%;*/}
    .patient-section-row-firts .col-sm-4.col-xs-12.column-2 {width: 37.33333%;/*width: 40.33333%;*/}
    .patient-3-height {min-height: 100px;margin-bottom: 10px !important;}
    
}
@media  (min-width: 1400px) { 
    .hcp-login.athentication-page .hcp-pregate_banner {background-position: 0px -2px;}
}
@media  (max-width: 767px) {
    .mobile-hide{display:none;}
    .popup-image-new {max-width: 400px;width: 100%;}
    /*home page space remove*/
    .home a.home_button {margin-bottom: 60px;}
    .home .component-section.full-width.transparent.home-section-first {width: 100%;padding-bottom: 30px;background-position: 0 -2px;
    background: #0f345e url(/content/dam/open-digital/tezspire-ca/ca/en/home-page/Group%2055_11zon.jpg);}
    /*footer links alignment*/
    .footer .new-image.footer-logos {width: 100%;margin: 2px auto 0px auto;max-width: 300px;}
    /*.footer .newImage.parbase.section { margin: 0 auto;} */
    /*.footer .newImage.parbase.section:nth-child(1) {margin: 0 auto;}*/
    /*.footer .col-sm-6.col-xs-12.column-1 {flex-direction: column;}*/
    /*.home .footer .newImage.parbase.section{padding-top: 0px;}*/
    /*.home .footer .newImage.parbase.section:nth-child(1) {padding-top: 25px;}*/
    
    /*patient gated page*/
    .patient-pregate-din .din-links{padding-left: 0px;padding-top: 0px;margin-top: -130px;margin-bottom: 80px;text-align: right;padding-right: 1em;
    /*margin-top: -108px;margin-bottom: 74px;*/}
    
    /*patient-pregate mobile*/
    .en-patient .navbar-default .top-header .navbar-header .navbar-toggle {border: 0px;display: none;}
    .en-patient .navbar .primary-navigation {padding-bottom: 0px;display: none;}
    body.fixed-top-margin {margin-top: 46px !important;}
    .home .footer { padding-top: 0px; }
    .home .footer {margin-top: -76px;}
    .home .navbar .primary-navigation {padding-bottom: 0px; display: none;}
    .home .home-section-first { margin-top: 50px; }
    .home .navbar-default .top-header .navbar-header .navbar-toggle {background: transparent; display: none;}
    .patient-pregate-banner .patient-pregate-title {line-height: 45px;}
    .en-patient .self-certification-holder .modal-body {width: 100%; padding: 0;max-width: 345px;padding-top: 50px;}
    .en-patient .navbar .top-header .navbar-brand {height: 50px;position: relative;top: 10px; display: none;/*top: 0;*/}
    .en-patient .dropdown { display: flex !important;}
   
    .patient-section-row-firts .col-sm-4 + .col-sm-4,.patient-section-row-firts .col-sm-4.col-xs-12.column-2 {border: 0px solid #fff;}
    .patient-section-row-firts .col-sm-4 .section, 
    .patient-section-row-firts .col-sm-4.column-1 .section,
    .patient-section-row-firts .col-sm-4.column-3 .section {margin: 0 auto;}
    .navbar .top-header .navbar-brand {height: 50px;position: relative;top: 10px;/*top: 0;*/}
    .navbar .top-header .navbar-brand .header-nav-logo-condensed {height: 30px;/*height: 50px;*/}
    .navbar-default .top-header .container {padding: 0 5px;}
    .hcp-page .navbar .primary-navigation {background: #000; }
    .navbar .primary-navigation {padding-bottom: 0px;}
    .navbar .primary-navigation .container {padding: 0;}
    .navbar .primary-navigation .nav.stacked-menu {max-width: 100% !important;margin: 0px;}
    .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(1),
    .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(2),
    .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(3),
    .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(4),
    .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(5),
    .patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(6){width: 100%;max-width: 100%;position: relative;
    top: 0;right: 0;padding: 10px 15px !important;border-top: 1px solid #fff;margin-left: 0px;}
    .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) a {font-weight: 600;}
    .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper li.first-level-item a {border: 0;padding: 0px;} 
    .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper li.first-level-item:nth-child(5) a { padding: 5px 0px !important;}
    .navbar ul.nav.navbar-nav.pull-right.header-actions ul.dropdown-menu {margin: 1em 0 0em;}.navbar-default .top-header .navbar-header .navbar-toggle {border: 0px;}
    .top-header .navbar-nav.header-actions .dropdown {display: block !important;}
    .navbar-default .top-header .navbar-header .navbar-toggle { background: transparent;}
    .patient-page .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(1),
    .primary-navigation .nav .first-level-item.home-header.visible-xs, .hero_text br{display: none !important;}
    .hero_text { padding-left: 0;text-align: center;}
    .footer .footer-brand-logo .column-1 .section:nth-child(2) img,  .footer .footer-brand-logo .column-1 .section:nth-child(1) img {
        margin: 0px auto;} 
    .footer { padding-top: 50px; }
    .footer ul.footer-list li + li {padding: 0px !important;border: 0px;}
    .footer .footer-brand-logo .column-1, .footer ul.footer-list, .footer .bottom-footer-box-wrap {flex-direction: column;text-align: center;align-items: center;}
    .footer .bottom-footer-data-box {width: 100%;}.footer .bottom-footer-img-box {margin: 20px auto 0;}
    .footer ul.footer-list li { margin: 20px 0 0;padding:0; }
    /*.hero_text br {display: none;} */
    .patient-page .component-section.full-width.no-style.tez-hcp-page.banner-content {height: auto;padding: 50px 0 230px;background-size: 400px !important;background-position: center bottom;background-repeat: no-repeat;}
    .hero_title, .banner_sec_title, .section-patient-block, .patient-page .Section-safty-information, .section-hcp-block {text-align: center;}
    .orange-line {margin: 35px auto;}
    .hcp_title:after {left: 45%;}
    .patient_title:after {left: 45%;}
    .hero_title{margin-top: 0px;} 
    .hcp_img{margin: 0 auto;}
    .section-patient-block .column-2 .patient-section-title, .section-patient-block .column-3 .patient-section-title {margin-top: 50px;}
    .hcp-page .banner-content {height: auto;min-height:1px;background: #002258 url(/content/dam/open-digital/tezspire-ca/ca/en/banner-image.png);
        padding: 50px 0 30px;background-size: 100% !important;background-repeat: no-repeat;margin-bottom: -1px;}
    .hcp-page .hero_text { padding-top: 62vw; }
    .hcp-page .Section-safty-information .hcp_title:after{left:15px}
    .wcf-popup .modal-content, .wid-popup .modal-content {max-width: 96%;margin: auto;} 
    .hcp-pregate_license-section .user-enrole { width: 100%;padding: 0 0px;}
    .hcp-pregate_license-section form.userEnroleForm { flex-direction: column;position: relative;}
    .hcp-pregate_license-section .ue-formfields-container, .hcp-pregate_license-section .form-row.form-widget.pro-teritery {width: 100%;}
    .hcp-pregate_license-section .ue-formfields-container .formOptions:nth-child(3) {margin-top: 110px;}
    .hcp-pregate_license-section .form-row.form-widget.pro-teritery {position: absolute;top: 95px;}
    .en-hcp .navbar .primary-navigation {padding-bottom: 0px;}
    .en-hcp .navbar-default .top-header .navbar-header .navbar-toggle {background: transparent;display: none;}
    .en-hcp .navbar .primary-navigation {min-height: 0px;}
    .en-hcp .navbar img.header-nav-logo{display:none;}
    .en-hcp .hidden-xs {display: flex!important;}
    .hcp-pregate_license-section .selfCertification .form-group {max-width: 100%;}
    .hcp-pregate_license-section .selfCertification form.self-certification-form {min-height: 375px;}
    .hcp_p2 {text-align: center;margin: 20px auto;}
    .hcp_download {text-align: center;margin: 0 auto;}
    #popup-template .modal-dialog .modal-body{max-height: calc(100vh - 50px);}
    
    /* Patient page */
    .patient-page .hero_title{font-size: 40px;line-height: 50px;}
    .patient-page .orange-line{max-width: 240px;margin: 25px auto;}
    .patient-page .banner_sec_title{font-size: 24px;line-height: 30px;}
    
    /* overlay */
    #patient-resources .newImage.section .hcp_img .image-navigation-link:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfp-injection-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;} 
    #patient-resources .column-2 .newImage.section:nth-child(2) .hcp_img .image-navigation-link:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfs-injection-overlay.png);}
    #patient-resources .column-1 .newImage.section:nth-child(6) .hcp_img:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfp-journey-guide-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;}
    #patient-resources .column-2 .newImage.section:nth-child(6) .hcp_img:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/pfs-journey-guide-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;} 
    #patient-resources .column-3 .newImage.section:nth-child(2) .hcp_img:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/patient-brochure-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;}
    #patient-resources .column-3 .newImage.section:nth-child(6) .hcp_img:before {
    content: url(/content/dam/open-digital/tezspire-ca/ca/en/patient-page/patient-info-leaflet-overlay.png);left: 0;top: 0;width: 100%;height: 100%;
    position:absolute;z-index:1;} 
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    html[lang="fr"] .patient-page .banner-content .hero_title {margin-top: 0;}
    #patient-resources .column-2 .newImage.section:nth-child(6) .hcp_img div:before,
    #patient-resources .column-3 .newImage.section:nth-child(2) .hcp_img div:before,
    #patient-resources .column-3 .newImage.section:nth-child(6) .hcp_img div:before, 
    #patient-resources .column-1 .newImage.section:nth-child(6) .hcp_img div:before {width: 220px !important;max-width: 220px !important;} 
}

.tez-hcp-page.banner-content.tez-hcp-banner{background-position: -500px -140px;background-repeat: no-repeat;background-size: calc(100% + 500px) auto !important;}
.hcp_text1 {font-size: 17px;line-height: 26px;margin-bottom: 15px;}
.hcp_text2 {font-size: 62px;line-height: 68px;margin-bottom: 15px;font-family: 'Poppins-Bold';}
.hcp_text2 sup {font-family: 'Poppins-Light';}
.hcp_text3 {font-size: 31px;line-height: 36px;margin-bottom: 15px;}
html[lang="fr"] .hcp_text1 {font-size: 17px;line-height: 24px;}
html[lang="fr"] .hcp_text2 {font-size: 56px;line-height: 64px;}
html[lang="fr"] .hcp_text3 {font-size: 26px;line-height: 32px;}

@media only screen and (min-width: 992px) and (max-width: 1366px) {
    .tez-hcp-page.banner-content.tez-hcp-banner {background-position: -500px -100px;}
    .hero_text {padding-top: 335px;}
}
@media only screen and (max-width: 1199px) {
    .hcp_text1 {font-size: 16px;line-height: 24px;}
    .hcp_text2 {font-size: 56px;line-height: 64px;}
    .hcp_text3 {font-size: 28px;line-height: 34px;}
    html[lang="fr"] .hcp_text2 {font-size: 46px;line-height: 54px;}
    html[lang="fr"] .hcp_text3 {font-size: 21px;line-height: 27px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tez-hcp-page.banner-content.tez-hcp-banner {background-position: -400px -50px;}
    .hero_text {padding-top: 280px;}
    .tez-hcp-page.banner-content.tez-hcp-banner {background-position: -400px -70px;}
    .hcp_text1, .hcp_text2, .hcp_text3{margin-bottom: 10px;}
}
@media only screen and (max-width: 991px) {
    .hcp_text2 {font-size: 43px;line-height: 53px;}
    .hcp_text3 {font-size: 21px;line-height: 28px;} 
    html[lang="fr"] .hcp_text2 {font-size: 35px;line-height: 42px;}
    html[lang="fr"] .hcp_text3 {font-size: 19px;line-height: 25px;}
}
@media only screen and (max-width: 767px) {
    .tez-hcp-page.banner-content.tez-hcp-banner {background-position: 0 0;background-size: 100% auto !important;}
    .generated-form .form-validation .form-group{width: 100%;margin-bottom: 0;}
    button.btn.submit-btn.btn-primary.btn-lg {margin-bottom: 25px;}
}

/*hcp-login page*/
.hcp-login .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) {position: absolute;top:-30px;right: 230px;
display: block;width: 158px;border: 1px solid #ff7600;border-radius: 25px;background-color: #ff7600;padding: 5px;font-weight:bold;}
.hcp-login .navbar .static-links-wrapper li.first-level-item:nth-child(2) {max-width: 240px;width: 100%;border: 2px solid #ff7600;border-radius: 25px;
padding: 5px 15px 5px 15px;background-color: #ff7600;margin-top: -30px;font-weight:bold;}
.hcp-login .navbar .primary-navigation .nav.stacked-menu .first-level-item:nth-child(1) {display: block;}
.hcp-login .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) a{
font-family: 'Poppins';font-size: 16px;min-width: 150px}
.hcp-login .navbar .primary-navigation .nav.stacked-menu {width: 100%;max-width: 230px;margin: 50px 0 5px auto;float: none;}
.icon-sec-part {font-size: 20px;font-weight: bold;}
.hcp-login_license-section .icon-sec-part {font-size: 20px;font-weight: bold;color:#fff}
.hcp-login .hcp-login_license-section {background-color: rgb(0, 34, 88);top:-3px;}
.hcp-registration .hcp-login_license-section {background-color: rgb(0, 34, 88);top:-3px;}
.hcp-login_license-section .login-sec-icon {width: 135px;height: 149px;margin: 80px 5px 5px 105px;}
.hcp-login .license-sec-title1:after {content: '';position: absolute;background: #ff7600;height: 3px;left: 15px;right: 0;width: 12%;display: block;
margin: 4px 0 0;}

.hcp-login .right-txt1 {padding-left: 30px;}
.hcp-login  h1.form-title,
.hcp-login  h3.form-info {display: none;}
.hcp-login .user-enrole .form-row.form-widget {margin: 0 0 10px;}
.hcp-login .user-enrole .consentLabel {margin: 5px 0 0 10px;font-weight: 400;}
.hcp-login  button#LOGIN {border-color: #ff7600;background: #ff7600;font-family: 'Poppins';font-weight: 600;font-size: 16px; normal;text-decoration: none !important;
idth: 140px;margin: 0 0px !important;border-radius: 40px;padding: 10px;line-height: 20px;font-style:normal;} 
.hcp-login .form-row.form-btn-sec.form-submit-btn {text-align: left;min-height: 90px;margin-top: 10px;}
.hcp-login .hcp-login_block p, .hcp-login .hcp-login_block a {color: rgb(17, 68, 111)!important;font-family: 'Poppins';}
.hcp-login .user-enrole.login-form {max-width: 1020px;margin: 50px 0 0;width: 100%;padding: 0px;}
.hcp-login .ue-formfields-container {display: flex;flex-wrap: wrap;}
.hcp-login .formText {width: 50%;}
.hcp-login .user-enrole .form-row.form-widget {width: 80%;}
.hcp-login .formOptions {width: 50%;margin-left: 50%;}
.hcp-login .form-row.form-btn-sec.form-submit-btn {text-align: left;min-height: 90px;margin-top: 10px;}
.hcp-login  a.forgot-password {position: absolute;bottom: 0px;margin: 0px;}
.hcp-login .popover {padding: 0px;width: 155px;top: auto !important;bottom: 40px;left: 0px !important;}
.hcp-login .hcp-login_block p.popover-txt, .hcp-login .hcp-login_block p.popover-txt a {color: #fff !important;font-size: 12px;}
html[lang="fr"] .hcp-login button#LOGIN {background-color: #ff7600;border: 1px #ff7600;border-radius: 20px;width: 140px;margin: auto;padding: 10px;font-weight: 600;
font-style: normal;text-decoration: none;}

/*registration*/
.hcp-login .user-enrole input.err {border: 1px solid #f11038!important;}
.hcp-registration .user-enrole input.err {border: 1px solid #f11038!important;}
.hcp-registration .user-enrole input.err, .hcp-registration .user-enrole input[type="text"]#externalId2.err, 
.hcp-registration .user-enrole select.err, .hcp-registration .user-enrole select#profession.err { border: 1px solid #f11038 !important;}
.user-enrole .err-msg {color: #f11038!important;}
.hcp-registration .user-enrole a {color: #11446f;text-decoration: underline;font-size: 16px;}
.hcp-regisration .user-enrole a:visited, .user-enrole a:focus, .user-enrole a:hover {color: #11446f;text-decoration: underline;}
p.log-txt.OrangeLine {font-size: 20px;}
.hcp-login-title .body-txt {width: 100%;max-width: 300px;line-height: 1.5;}
html[lang="fr"] .hcp-login-title .body-txt {width: 100%;max-width: 305px;line-height: 1.5;margin:auto;}
.hcp-registration .navbar .primary-navigation {min-height: 100px;}
.hcp-registration .navbar img.header-nav-logo {height: 130px;margin-top: -30px;}
.hcp-registration .primary-navigation .nav .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) {position: absolute;top:-30px;
right: 230px;display: block;width: 158px;border: 1px solid #ff7600;border-radius: 25px;background-color: #ff7600;adding: 5px;font-weight:bold;}
.hcp-registration .navbar .static-links-wrapper li.first-level-item:nth-child(2){max-width: 240px;width: 100%;border: 2px solid #ff7600;border-radius: 25px;
padding: 5px 15px 5px 15px;background-color: #ff7600;margin-top: -30px;font-weight:bold;}
.hcp-registration .navbar .primary-navigation .nav.stacked-menu .first-level-item:nth-child(1) {display: block;}
.hcp-registration .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) a{
font-family: 'Poppins';font-size: 16px;min-width: 150px}
.hcp-registration .navbar .primary-navigation .nav.stacked-menu {width: 100%;max-width: 230px;margin: 50px 0 5px auto;float: none;}
.hcp-registration .hcp-pregate_license-section .ue-formfields-container, 
.hcp-pregate_license-section .form-row.form-widget.pro-teritery {width: calc(100% - 100px);}
.hcp-login_license-section .icon-title {color: #fff;text-align: center;margin-bottom:50px;}
.hcp-registration .license-sec-title1:after {content: '';position: absolute;background: #ff7600;height: 3px;left: 15px;right: 0;width: 12%;
display: block;margin: 4px 0 0;}
.image-logo1 .one-key-img {width: 130px;height: auto;}
.popup-image-new {max-width: 733px;margin: auto;height: auto;/*top: -10px;*/}


html[lang="fr"] .navbar .primary-navigation .nav.stacked-menu {max-width: 830px;}
html[lang="fr"] .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper li.first-level-item a {font-size: 14px;}
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(2), 
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(3) {max-width: 185px;}
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(4) {max-width: 250px;} 
html[lang="fr"] .navbar .static-links-wrapper li.first-level-item:nth-child(5) {max-width: 160px;}
html[lang="fr"] .patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(6) {max-width: 145px;padding-right: 0 !important; }
html[lang="fr"] .patient-page .navbar .primary-navigation .nav.stacked-menu {max-width: 580px; }
html[lang="fr"] .patient-section-title {min-height: 70px;}

@media  (max-width: 767px){ 
    .hcp-login_license-section .login-sec-icon {margin: 10px 5px 5px 105px;}
    .hcp-login_license-section .icon-sec-part {text-align: center;     margin-bottom: 40px;}
    .athentication-page .license-sec-title1:after {left: calc(50% - 17%);}
    .athentication-page .component-section.hcp-login_block {padding: 40px 15px 20px;}
    .hcp-login .ue-formfields-container {flex-direction: column;}
    .hcp-login .formText, .hcp-login .user-enrole .form-row.form-widget, .hcp-login .formOptions {width: 100%;margin-left: 0px;}
    .hcp-login-title .body-txt {margin: 0px;max-width: 100%;}
    .athentication-page .license-sec-title1:after{width: 34% !important;height:4px;}
    .en-patient .popup-image-new {max-width: 400px;width: 100%;}
    html[lang="fr"] .fr-patient .popup-image-new {max-width: 400px;width: 100%;}
    html[lang="fr"] .home .component-section.full-width.transparent.home-section-first-fr {background-position: 0px;}
    html[lang="fr"] .patient-page .navbar .static-links-wrapper li.first-level-item:nth-child(6) {max-width: 100%;}
 
} 

body.hcp-registration.athentication-page .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(2),
body.hcp-login.athentication-page .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) {
background-color: #ffffff;}
body.hcp-registration.athentication-page .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(2) a, 
body.hcp-login.athentication-page .navbar .primary-navigation .nav.stacked-menu .static-links-wrapper .first-level-item.static-nav-links:nth-child(1) a {
color: #ff7600;}
    
@media only screen and (max-width: 479px){ 
    .patient-pregate-din .din-links {margin-top: -130px;margin-bottom: 80px; }
    .patient-pregate-din .self-certify-yes.submit-btn{margin-top: 100px;}
    .patient-pregate-din #self-certification-text-field-error{bottom: -22px;font-size: 14px;}
}