@font-face {
  font-family: 'Roboto-Bold';
  font-display: swap;
  src: url('/content/dam/open-digital/airq-hcp/en/fonts/Roboto-Bold.ttf');
}

@font-face {
  font-family:'Roboto-Light';
  font-display:swap;
  src:url('/content/dam/open-digital/airq-hcp/en/fonts/Roboto-Light.ttf');
}

@font-face {
  font-family:'Roboto-LightItalic';
  font-display:swap;
  src:url('/content/dam/open-digital/airq-hcp/en/fonts/Roboto-LightItalic.ttf');
}

@font-face {
  font-family:'Roboto-Medium';
  font-display:swap;
  src:url('/content/dam/open-digital/airq-hcp/en/fonts/Roboto-Medium.ttf');
}

@font-face {
  font-family:'Roboto-Regular';
  font-display:swap;
  src:url('/content/dam/open-digital/airq-hcp/en/fonts/Roboto-Regular.ttf');
}
.nowrap{
    white-space:nowrap;
}
/*header .popupSnippetPage .text.parbase.section:nth-child(1) {
  display: none!important;
}*/
/*header*/
.color-sea-blue {
  color: #29CBA7;
}

.Roboto-Regular {
  font-family: 'Roboto-Regular';
}

body.fixed-top-margin {
  margin-top: 0!important;
}

body p {
  text-shadow: none!important;
}
body h1 {
  text-shadow: none!important;
}

header nav.navbar.navbar-default {
  position: relative;
  border-bottom: none;
  background-color: #46475A;
}

.logo-medicine-txt {
  display: none;
}

header .navbar-collapse {
  position: relative;
}

header .menu-snippet-desktop {
  position: absolute;
  bottom: 64px;
  right: 0px;
  width: 50%;
}

header .popupSnippetPage {
  display: flex;
  justify-content: flex-end;
}

header .navbar-default .top-header {
  height: 35px;
}

header .main-inner-naviagtion.mobile-configuration {
  position: relative;
}

header .top-header > div > div > a.navbar-brand.hidden-xs {
  position: absolute;
  bottom: 12px;
  z-index: 1;
}
/*to disable extra about airq link*/
.nav .first-level-item .bottom-hover-border {
  display: none;
}
/*to disable extra about airq link ends*/
.top-header {
  background-color: #5F6077;
}

.snip-view, .snip-lang {
  font-size: 14px;
  font-family: 'Roboto-Regular';
  color: #FFFFFF !important;
}

.snip-view:hover, .snip-lang:hover {
  text-decoration: underline!important;
}

.snip-view, a {
  text-decoration: none!important;
}

.popupSnippetPage .patient-snip-lang {
  font-family: 'Roboto-Regular';
}

.snip-view:hover, .snip-lang:hover {
  color: #FFFFFF;
}

.snip-view:visited {
  color: #FFFFFF;
}

.snip-view:active, .snip-lang:active {
  color: #FFFFFF;
}

.primary-navigation {
  background-color: #46475A;
  border-bottom: none;
}
/*after new airq logo updated*/
.navbar-header .navbar-brand img {
  height: 18px;
}
/*after new airq logo updated ends here*/
header ul.nav.navbar-nav.stacked-menu {
  margin: 0;
}

header .static-links-wrapper {
  align-items: center;
  display: flex;
  float: right;
}

header .primary-navigation .nav .static-links-wrapper>li.first-level-item {
  height: 70px;
  display: flex;
  align-items: center;
}
.primary-navigation .nav .static-links-wrapper>li.first-level-item {
    padding-right: 10px;
    padding-left: 10px;
}

.navbar-default .top-header {
  border-bottom: 0;
}

.primary-navigation .nav.stacked-menu>li.item-more {
  display: none!important;
  visibility: hidden!important;
}

.primary-navigation .nav .static-links-wrapper>li.first-level-item a {
  color: #FFFFFF;
  text-decoration: none!important;
  font-family: 'Roboto-Bold';
  font-size: 14px;
}

.static-links-wrapper li:nth-child(4) {
  padding-right: 30px;
}

.static-links-wrapper li:nth-child(6) {
  margin-left: 15px;
}

.static-links-wrapper li:nth-child(5),
.static-links-wrapper li:nth-child(6) {
  background: #FEA82E;
  border-radius: 5px;
  height: 40px!important;
  text-align: center;
  font: normal normal bold 20px Roboto-bold;
  color: #FFFFFF;
  text-transform: uppercase;
  border: 2px solid #FEA82E;
}

.static-links-wrapper li:nth-child(5):hover,
.static-links-wrapper li:nth-child(6):hover {
  border: 2px solid #FEA82E!important;
  background: #FFFFFF!important;
  color: #FEA82E!important;
}

.static-links-wrapper li:nth-child(5):hover a,
.static-links-wrapper li:nth-child(6):hover a {
  color: #FEA82E!important;
}

.static-links-wrapper li:nth-child(5) a,
.static-links-wrapper li:nth-child(6) a {
  padding: 7px!important;
}

.static-links-wrapper li:nth-child(5) a.bottom-hover-border:after,
.static-links-wrapper li:nth-child(6) a.bottom-hover-border:after {
  display: none;
}

.bottom-hover-border:after {
  border-bottom: solid 3px;
  bottom: -17px;
}
/*middle container*/
.container.middle-content {
  display: none;
}

/*footer styling*/
/*accordian styling for partial open functionaliy*/
.footer .accordion-inner-container .collapse {
  display: block;
  height: 169px;
}

.footer .accordion-inner-container .collapsing[aria-expanded="false"] {
  height: 169px!important;
}

.footer .accordion-inner-container .collapse.in {
  display: block;
  height: 70vh!important;
}

.footer .accordion-inner-container  .panel-body {
  max-height: 100%!important;
}
/*accordian styling for partial open functionaliy*/
.accordion .accordion-group .panel-heading {
  background-color: #29CBA7;
}

.footer {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
}

.footer-accordian .panel-action-container.text-right {
  display: none;
}

.footer-accordian .accordion-inner-container {
  padding-top: 0;
}

.footer-accordian .accordion-inner-container .panel-group {
  border: none;
  margin: 0;
}

.footer-accordian .az-panel-heading {
  background-color: #FAFAFA;
  height: 50px;
  display: flex;
  align-items: center;
}

.footer-accordian .accordion-inner-container .panel-group .accordion-group.panel {
  border: none;
}

.footer-accordian .panel.panel-default.az-accordion-panel {
  border: none;
}

.footer-accordian .fa-chevron-down:before, .footer-accordian .fa-chevron-up:before {
  display: none;
}

.footer-accordian .az-panel-heading a {
  text-align: left;
  font-family: "Roboto-Bold";
  letter-spacing: 0.4px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  font-style: normal;
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
}

.footer-accordian .az-panel-heading a span:nth-child(1) {
  margin-left: 4em;
  margin-right: 20px;
  font-size: 18pt;
  font-family: 'Roboto-Regular';
}

.footer-accordian .az-panel-heading a[aria-expanded="true"] span:nth-child(1):after {
  content: "-";
  visibility: visible;
  margin-left: -8px;
  font-size: 18pt;
  font-family: 'Roboto-Regular';
}

.footer-accordian .az-panel-heading a[aria-expanded="true"] span:nth-child(1) {
  visibility: hidden;
}

.footer .footer-section-container {
  background-color: #46475a;
  text-align: center;
  padding-top: 5.5em;
  padding-bottom: 0;
}

.footer .footer-list-component ul li {
  display: inline-block;
}

.footer .footer-list-component ul li:after {
  content: "|";
  margin: 0 5px;
  font-size: 13pt;
  vertical-align: middle;
}

.footer .footer-list-component ul li.list-item-5:after {
  display: none;
}

.footer .footer-list-component ul li .action-link:hover {
  text-decoration: none!important;
}

.footer .footer-list-component ul li .action-link .vcenter {
  text-align: center;
  font-family: "Roboto-Bold";
  letter-spacing: 0.36px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
  font-style: normal;
  font-size: 15px;
  text-decoration: none;
}

.footer .footer-list-component {
  margin-bottom: 5em;
}

.footer .footer-para {
  text-align: center;
  font-family: "Roboto-Light";
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 70%;
  font-style: normal;
  font-size: 12px;
  margin: 0;
}

.footer .newImage.parbase.section {
  padding: 4em 0;
}

.footer-accordian .panel-body {
  color: #000000;
  padding: 3em 3em 3em 12em;
}

.footer-accordian p.footer-yellow-text {
  text-align: left;
  font-family: 'Roboto-Bold';
  letter-spacing: 0px;
  font-style: normal;
  color: #FEA82E;
  font-size: 15px;
  opacity: 1;
  text-transform: uppercase;
  line-height: 24px;
}

.footer-accordian p.footer-accordian-heading {
  width: 75%;
  text-align: left;
  font-family: 'Roboto-Light';
  letter-spacing: 0px;
  color: #000000;
  font-style: normal;
  opacity: 1;
  font-size: 26px;
  line-height: 30px;
  margin-top: 0.8em;
}

.footer-accordian p.footer-accordian-sub-heading {
  text-align: left;
  font-family: 'Roboto-Medium';
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-style: normal;
  font-size: 22px;
  margin-top: 1.5em;
  line-height: 30px;
}

.footer-accordian p.accordian-para-1 {
  text-align: left;
  font-family: 'Roboto-Light';
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-style: normal;
  font-size: 17px;
  margin-top: 1.5em;
  width: 90%;
  line-height: 24px;
}

.footer-accordian p.accordian-sub-heading {
  text-align: left;
  font-family: 'Roboto-Medium';
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-style: normal;
  font-size: 20px;
  margin-top: 1.5em;
  line-height: 24px;
}

.footer-accordian .panel-body li, .footer-accordian .panel-body li p, .footer-accordian .panel-body p.accordian-para-5 {
  text-align: left;
  font-family: 'Roboto-Light';
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
}

.footer-accordian .panel-body .accordian-para-3 li, .footer-accordian .panel-body .accordian-para-4 li {
  display: flex;
}

.footer-accordian .panel-body .accordian-para-2 {
  margin: 1.5em 0 0;
  font-family: 'Roboto-Light'!important;
  font-size: 17px;
  line-height: 24px;
}

.footer-accordian .panel-body .accordian-para-2 li {
  text-shadow: none!important;
  font-family: 'Roboto-Light';
}

.footer-accordian .panel-body .accordian-para-2 li p {
  font-family: 'Roboto-Light'!important;
}

.footer-accordian .panel-body .accordian-para-3, .footer-accordian .panel-body .accordian-para-4 {
  padding-left: 16px;
  margin: 1.5em 0 0;
}

.footer-accordian .panel-body .accordian-para-3 li span, .footer-accordian .panel-body .accordian-para-4 li span {
  margin-right: 11px;
  font-size: 17px;
  font-family: 'Roboto-Light';
}

.footer-accordian .panel-body p.all-rights-para {
  font-size: 15px;
}

.footer-accordian .panel-body .accordian-para-4 li span.itaic-font {
  font-family: 'Roboto-LightItalic';
  margin-right: 0;
  font-size: 17px;
}

@media screen and (max-width:991.5px) {
  /*header styling starts here*/     
  header .menu-snippet-mobile {
    position: absolute;
    bottom: 64px;
    right: 0px;
    width: 230px;
  }

  header .primary-navigation .nav .static-links-wrapper>li.first-level-item {
    padding: 0 8px 0px;
  }
 /* after new airq logo upadated*/
  .navbar-header .navbar-brand img {
    height: 19px;
    float: right;
  }
 /* after new airq logo upadated ends here*/
  .static-links-wrapper li:nth-child(3) {
    padding-right: 16px;
  }

  .static-links-wrapper li:nth-child(5) a,
  .static-links-wrapper li:nth-child(6) a {
    padding: 7px 0!important;
  }
}

@media screen and (max-width:767.5px) {
    
    /*header styling starts here*/
  .footer-accordian .accordion-group .panel .az-panel-title a {
    display: flex;
  }

  .navbar-collapse {
    background-color: #46475A;
  }

  header .menu-snippet-mobile {
    position: absolute;
    bottom: 64px;
    right: 0px;
    width: 230px;
  }

  header .navbar-default .top-header {
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #46475A;
  }

  header .navbar-default .top-header > .container {
    margin: 0;
    width: 100%;
  }

  .primary-navigation .nav .static-links-wrapper>li.first-level-item a {
    padding-left: 0;
  }

  header .static-links-wrapper {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    float: unset;
  }

  header .primary-navigation .nav .static-links-wrapper>li.first-level-item {
    padding: 0 20px 0px;
  }

  .primary-navigation .nav .static-links-wrapper>li.first-level-item:first-child {
    padding-left: 20px;
  }

  header .primary-navigation .nav .static-links-wrapper>li.first-level-item {
    display: block;
    height: 45px;
  }

  header ul.nav.navbar-nav.stacked-menu {
    margin: 100px 0 20px;
  }

  header .menu-snippet-mobile {
    position: absolute;
    bottom: unset;
    right: unset;
    width: 100%;
    padding: 10px 20px 0;
    top: 0px;
    background-color: #5F6077;
  }

  header .popupSnippetPage {
    flex-direction: column;
  }

  header .menu-snippet-mobile .popupSnippetPage .text.parbase.section {
    align-items: center;
    height: 45px;
    display: flex;
  }

  .navbar-fixed-top .navbar-collapse {
    padding: 0;
    position: absolute;
    width: 100%;
  }

  .static-links-wrapper li:nth-child(5),
  .static-links-wrapper li:nth-child(6) {
    margin-left: 20px;
    margin-top: 5px;
  }

  .top-header .header-nav-logo-condensed {
    height: 25px;
  }

  .navbar-default .top-header .navbar-header .navbar-toggle {
    border-left: none!important;
    position: relative;
  }

  .navbar-default .top-header .navbar-header .navbar-toggle .icon-bar {
    display: none;
  }

  .navbar-default .top-header .navbar-header .navbar-toggle.collapsed .icon-bar {
    display: block!important;
  }

  .navbar-default .top-header .navbar-header .navbar-toggle:after {
    /*content: "x";*/
    content: "";
    background-position: right;
    background: url(/content/dam/open-digital/airq-hcp/en/images/about-airq/hcp-close-icon.PNG);
    background-size: 90%;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 35px;
    font-family: monospace;
    position: absolute;
    top: 0;
    margin-top: 5px;
    right: 0px;
    width: 30px;
    height: 30px;
  }

  .navbar-default .top-header .navbar-header .navbar-toggle[aria-expanded="true"] {
    width: 35px;
    height: 35px;
  }

  .navbar-default .top-header .navbar-header .navbar-toggle.collapsed:after {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
  }

  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: unset;
  }
/*footer styling*/
  .footer .footer-section-container {
    padding: 3em 30px 0;
    text-align: left;
  }

  .footer .footer-list-component ul li {
    display: block;
  }

  .footer .footer-list-component ul li:after {
    display: none;
  }

  .footer .footer-para {
    text-align: left;
    width: 68%;
  }

  .footer .footer-list-component {
    margin-bottom: 2em;
  }

  .footer .newImage.parbase.section {
    padding: 2em 0;
  }

  .footer-accordian .az-panel-heading {
    padding: 0 30px;
  }

  .footer-accordian .az-panel-heading a span:nth-child(1) {
    margin-left: 0;
  }

  .footer-accordian .az-panel-heading a {
    font-size: 11pt;
  }

  .footer-accordian .panel-body {
    padding: 3em 30px 3em;
  }

  .footer-accordian p.accordian-para-1 {
    width: 100%;
  }

  .footer-accordian p.footer-accordian-heading {
    width: 100%;
  }
}

/*for sticky navbar*/
/*.footer {*/
/*  padding-bottom: 219px!important;*/
/*}*/

.footer .accordion.section {
  position: fixed!important;
  bottom: 0px;
  z-index: 100!important;
  width: 100%!important;
}

.panel-collapse .panel-body {
  min-height: 87px!important;
  max-height: 50vh!important;
  overflow-y: scroll!important;
}

@media screen and (max-width:991px) {
  .footer .accordion.section {
    bottom: -1px;
  }

  /*.footer {*/
  /*  padding-bottom: 218px!important;*/
  /*}*/;
}

@media screen and (min-width:768px) {
    
  header .menu-snippet-mobile {
    width: 80%;
  }

  .popupSnippetPage .snip-view {
    margin-right: 40px!important;
  }
}

@media screen and (max-width:767px) {
  .footer {
    padding-bottom: 30px!important;
  }
}

.privacychoices_hcp::after {
  content: '';
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-top: 5px;
  background-image: url(/content/dam/open-digital/airq-hcp/en/images/new/privacyoptions.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}


/*New media query for header Date 08/04/2025*/
@media screen and (min-width: 1024px) {

    .primary-navigation .nav .static-links-wrapper>li.first-level-item a {
        font-size: 13px;
    }

    header .static-links-wrapper {
        width: 88%;
    }

    header .top-header>div>div>a.navbar-brand.hidden-xs {
        bottom: 12px;
    }
}

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

    .primary-navigation .nav .static-links-wrapper>li.first-level-item a {
        font-size: 12px;
    }

    header .static-links-wrapper {
        width: 85%;
    }

    header .top-header>div>div>a.navbar-brand.hidden-xs {
        bottom: 10px;
    }
}
@media screen and (min-width: 1921px) {
    header .static-links-wrapper {
        width: 90%;
    }
}
/*New media query for header Date 08/04/2025*/


/*New css FOR YOUR PRACTICE and Asthama Page for footer   Date - 07 May 2025 (UAT Comment)*/

asthma-resources

.for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body,
.asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body{
    padding: 3em 3em 3em 10.3em;
}

.for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new,
.asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new{
   display: flex;
   width: 100%;
   justify-content: space-between;
}

.for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_one,
.for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_two,
.asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_one,
.asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_two{
    width: 48%;
}

.for-your-practice .footer-accordian p.accordian-para-1,
.asthma-resources .footer-accordian p.accordian-para-1{
    width: 95%;
}

.for-your-practice .footer-accordian p.footer-accordian-heading,
.asthma-resources .footer-accordian p.footer-accordian-heading{
    width: 100%;
}


@media screen and (max-width: 767px) {
    .for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body,
    .asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body{
        padding: 3em 30px 3em;
    }
    
    .for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new,
    .asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new{
       display: block;
       width: 100%;
    }
    
    .for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_one,
    .for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_two,
    .asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_one,
.asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_two{
        width: 100%;
    }
    
    .for-your-practice .footer-accordian p.accordian-para-1,
    .asthma-resources .footer-accordian p.accordian-para-1{
        width: 95%
    }
       .for-your-practice .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_two,
.asthma-resources .panel-default>.panel-heading+.panel-collapse>.panel-body .practice_accordian_new .practice_accordian_new_two{
        margin-top: 30px;
    }

}

/*Over write CSS client lib*/

@media screen and (min-width:991px) and (max-width:1199.5px) {
    header .menu-snippet-desktop{width: 53%;}
}

@media (min-width: 767px) and (max-width: 991.5px) {
    .visible-sm-inline-block {
        display:inline-block !important
    }
}
@media (min-width: 1199px) and (max-width: 1199.5px) {
	.visible-md-inline-block {display:inline-block !important;}
}

@media (min-width: 767px) and (max-width: 767.5px) {
	.top-header .navbar-header .navbar-toggle {margin: 0;padding-top: 15px;padding-bottom: 15px;border-radius: 0;border: none;}
	.top-header .navbar-header {margin: 0;padding: 0;}
	.top-header .navbar-brand {padding-top: 12px;}
	header .top-header>div>div>a.navbar-brand.hidden-xs{bottom: 0;}
}

/*Over write CSS client lib*/

/*New css FOR YOUR PRACTICE and Asthama Page for footer   Date - 07 May 2025 (UAT Comment)*/

.footer-logo-image img{max-width:144px;min-width:144px;}
/*.footer-accordian .panel-body {padding: 3em 0em 3em 0em;max-width: 1135px;margin: auto;}*/

@media screen and (min-width:767.5px) and (max-width:1439.5px) {
  .footer-accordian .panel-body {padding: 3em 0em 3em 0em;max-width: 100%;margin: auto 30px;}
  .footer-accordian .az-panel-heading a span:nth-child(1){ margin-left: 0em;}
  .footer-accordian p.accordian-para-1{width:100%}
}


/*@media (min-width: 768px) {
    .footer-accordian .panel-body {
        width:750px
    }
}

@media (min-width: 992px) {
    .footer-accordian .panel-body {
        width:970px
    }
}

@media (min-width: 1200px) {
    .footer-accordian .panel-body {
        max-width: 1135px;
    }
}*/





@media screen and (max-width: 767.5px) {
    .footer .footer-list-component ul li.list-item-6{display:none;}
    /*.footer .footer-para { width: 100%;}*/
    /*.footer-accordian .panel-body{margin: auto 30px;}*/
    .footer-accordian .panel-body{margin: auto 0px;}
    .non-hover-1{padding: 10px 30px !important;}
}

@media screen and (max-width: 446px) {
    span.no-wrap{white-space: nowrap;}
}

@media screen and (max-width: 377px) {
    .footer .footer-list-component ul li.list-item-7 .action-link .vcenter{
        text-align: left;
    }
}
