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

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

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

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

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

/*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;
}

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: #30759E;
  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;
}
header .primary-navigation .nav .static-links-wrapper>li.first-level-item:first-child{
    display:none;
}
.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(3) {
  padding-right: 30px;
}

.static-links-wrapper li:nth-child(4) {
  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(4):hover {
  border: 2px solid #FEA82E!important;
  background: #FFFFFF!important;
  color: #FEA82E!important;
}

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

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

.static-links-wrapper li:nth-child(4) 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-4: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: 15pt;
  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;
}

.hcp-airq #arabic-accordian{
    display: none;
}

.hcp-airq .image-navigation-link img {
    content: url(/content/dam/open-digital/airq-patients/eg/images/az-logo.svg);
}

@media screen and (max-width:991px) {
  /*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(4) a {
    padding: 7px 0!important;
  }
}

@media screen and (max-width:767px) {
    
    /*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: 20px 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(4) {
    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-patients/eg/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: 72%;
  }

  .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;
  }
}
