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

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

@font-face {
  font-family:'Roboto-Bold';
font-display:swap;
src:url('/content/dam/open-digital/airq-patients/en/fonts/Roboto-Bold.ttf');
}
/*after demo,clients comments*/
.airqContainer h1, .airqContainer .desktop .section.selected h4 p, .airqContainer .mobile h4.heading p {
  font-weight: bold;
}

.pdf-discpn {
  display: none;
}

.asthama-col-ctrl .row {
  display: flex;
  /*align-items: center;*/
  ;
}

.asthama-section {
  background-color: #F7F9FA;
}

.sec-heading {
  font-family: 'HelveticaLight';
  font-size: 25px;
  line-height: 30px;
  color: #DEAC50;
}

.sec-desc {
  font-family: 'HelveticaLight';
  font-size: 17px;
  line-height: 25px;
  color: #3B3B3B;
  margin-top: 20px;
}

.myresult-col-ctrl .sec-desc {
  margin-top: 22px;
  margin-bottom: 20px;
}

.additional-col-ctrl .sec-heading {
  margin-bottom: 20px;
}
/*to avoid tne gap between the body and the footer*/
.airq-root-section {
  padding-bottom: 0;
}
/*to avoid tne gap between the body and the footer ends*/


/*code for after quiz section*/
.medrol-text {
  font-family: 'HelveticaLight';
  font-size: 14px;
  line-height: 16px;
  color: #3B3B3B;
  text-align: center;
}

.please-ans-text {
  font-family: 'Roboto-Bold';
  font-size: 32px;
  line-height: 40px;
  color: #5F6077;
  text-align: center;
  position: absolute;
  bottom: -30%;
  width: 100%;
  font-weight: bold;
}

#airq-section3 {
  opacity: 0.1;
}

.myresult-col-ctrl .row {
  display: flex;
}

.my-result-text {
  font-family: 'HelveticaBold';
  font-size: 15px;
  line-height: 24px;
  color: #4FAEB8;
}

.myresult-col-ctrl .sec-heading,.additional-col-ctrl .sec-heading {
  color: #3B3B3B;
}

.my-result-bottom-text {
  font-family: 'HelveticaLight';
  font-size: 12px;
  line-height: 14px;
  color: #3B3B3B;
}

.myresult-col-ctrl .info-link a,
.additional-col-ctrl .info-link a {
  width: 100%;
  border-radius: 5px!important;
  color: #FFFFFF!important;
  background-color: #29CBA7!important;
  border: 3px solid #29CBA7!important;
  font-family: 'Roboto-Bold';
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
}

.additional-col-ctrl .info-link a:hover {
  text-decoration: none;
  color: #29CBA7!important;
  background-color: #FFFFFF!important;
}

.myresult-col-ctrl .cta .cta-container,
.additional-col-ctrl .cta .cta-container {
  text-align: left;
  padding-left: 0px;
}

.myresult-col-ctrl .cta .cta-container .info-link,
.additional-col-ctrl .cta .cta-container .info-link {
  display: flex;
  justify-content: center;
  width: fit-content;
  padding: 0px;
  text-transform: uppercase;
}

.myresult-col-ctrl, .additional-col-ctrl {
  margin-top: 80px;
}

.myresult-col-ctrl .column-2 .cta.section:nth-child(3) {
  display: none;
}

.viewpdf-button.btn {
  border-radius: 5px;
  background-clip: unset;
  color: #FFFFFF;
  background-color: #29CBA7!important;
  border: 3px solid #29CBA7!important;
  font-family: 'Roboto-Bold' !important;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  padding: 1rem 3rem !important;
  text-transform: uppercase;
}

.viewpdf-button.btn:hover {
  text-decoration: none;
  color: #29CBA7!important;
  background-color: #FFFFFF!important;
}

.viewpdf-button.btn:hover {
  text-decoration: none;
}

.viewpdf-button.btn:active {
  outline: none;
}
/*quiz component styling*/
@media screen and (min-width: 768px) {
  .airqContainer .airq-inner {
    width: 750px;
    padding: 0 15px;
    /*margin: auto;*/
    margin: 30px auto auto auto;
  }

  .asthama-col-ctrl .column-2 .new-image {
    text-align: right !important;
    margin-top: -50px;
    transition: unset;
  }
   /* to make the buddton disble before answeing questions*/
  a[data-target-selector="#get-resource-unique"] {
    pointer-events: none;
  }
    /* to remove hover effect on greayed out screen*/
  .airqContainer .desktop .calculate button[disabled="disabled"]:hover {
    color: #ffffff;
  }
}

@media screen and (min-width: 992px) {
  .airqContainer .airq-inner {
    width: 970px;
  }
}

@media screen and (min-width: 1200px) {
  .airqContainer .airq-inner {
    width: 1170px;
  }
}

.airqContainer .desktop span.questionText {
  margin-left: 0;
}

.airqContainer .desktop .question-number {
  width: 8%;
  letter-spacing: -5px;
}

p.uniqueCalculateScoreCriteria {
  color: #5F6077;
  font-family: 'Roboto-Bold';
  text-align: center;
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 15%;
}

div[data-component-id="questionnaire"] .airq-inner > h1 {
  font-family: 'HelveticaLight';
  font-size: 26px;
  line-height: 30px;
  width: 615px;
  padding: 0;
  margin: 0;
  float: left;
  color: #4FAEB8;
}

div[data-component-id="questionnaire"] .airq-inner > h1 span.special_underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.airqContainer .section.sectionWrapper.first .section.header.left h4.heading p {
  visibility: hidden;
  margin: -5px;
}

.airqContainer .desktop .questionText p, .airqContainer .desktop .unselected.first .questionText p {
  font-family: 'HelveticaLight';
  font-size: 18px;
  line-height: 24px;
  margin: 5px 0 5px 10px;
}

.mobile .carousel .airq-inner .question .questionText b {
  font-family: 'HelveticaBold';
}

.airqContainer .desktop .questionText b {
  font-family: 'HelveticaBold';
  font-size: 18px;
}

.airqContainer .section .heading b {
  font-family: 'HelveticaLight';
}

.airqContainer .container {
  width: 100%;
  padding: 0;
  max-width: unset;
}

.airqContainer .question .question-wrapper {
  display: flex;
  float: left;
  align-items: center;
}

.airqContainer .desktop .item.unselected {
  opacity: 0.6;
}

.airqContainer p.image-discp {
  text-align: center;
  margin-top: 2%;
  color: #B3B3B3;
  font-size: 18px;
  line-height: 28px;
  font-family: 'Roboto-Light';
}

.airqContainer .pages, .airqContainer .unselected.first p.pages, .airqContainer .unselected p.pages.active {
  font-family: 'HelveticaBold';
  font-size: 40px;
  margin: 0;
  /*color: #4FAEB8!important;*/
  ;
}

.airqContainer input[type="radio"]:disabled+label {
  background-color: #E6E6E6!important;
}

.airqContainer .desktop .item.unselected.first label.radioyes, .airqContainer .desktop .item.unselected.first label.radiono {
  background-color: rgb(180, 220, 224);
}

.airqContainer label.radioyes, .airqContainer label.radiono {
  font-size: 18px;
  font-family: 'HelveticaBold';
}

.airqContainer label.radiono {
  margin-right: 0;
}

.airqContainer img {
  margin-top: 2%;
}

.airqContainer .desktop .questionText p span.special_bold, .airqContainer .desktop .unselected.first .questionText p span.special_bold {
  font-family: 'HelveticaBold';
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.airqContainer .restart.button:hover {
  color: #DEAC50;
  background-color: #FFFFFF;
}

.airqContainer .restart.button {
  border: 3px solid #DEAC50;
  padding-right: 30px;
  font-family: 'Roboto-Bold';
  font-size: 14px;
  text-decoration: none!important;
}

.airqContainer input[type="radio"].checked+label {
  border: 1px solid #E6E6E6;
}

.airqContainer label:hover {
  background-color: #4FAEB8!important;
}

.airqContainer .restart.button::before {
  content: '\27F3';
  margin-right: 6%;
}

.airqContainer .question .radio-button-group {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

.airqContainer .desktop .section.selected h4 p, .airqContainer .desktop .section.unselected h4 p {
  margin: 4% 0 2%;
  font-family: 'HelveticaLight';
  font-size: 25px;
  line-height: 30px;
}

.airqContainer .desktop .section.selected h4 p span.special_underl, .airqContainer .desktop .section.unselected h4 p span.special_underl {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.airqContainer .desktop .calculate {
  margin-top: 4%;
}

.airqContainer .score.greybg p {
  width: unset;
  font-family: 'HelveticaBold';
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
}

.airqContainer .score.greybg {
  padding: 30px 50px 60px 20px;
  border-radius: 10px;
  width: 310px;
  border-bottom-right-radius: 25px;
  margin-bottom: 60px;
}

/*.airqContainer .score.greybg::after {
  content: "";
  position: absolute;
  height: 25px;
  width: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: #B3B3B3;
  bottom: 0;
  left: -40px;
}

.airqContainer .score.greybg::before {
  content: "";
  height: 25px;
  width: 25px;
  background-color: #EBEBEB;
  bottom: 0;
  left: -17px;
  position: absolute;
}*/

.airqContainer .desktop span.blue.scoretext {
  font-size: 200px;
  letter-spacing: -30px;
  top: 55%;
  right: unset;
 /* left: 80%;*/
  display: flex;
  right: 0px;
  left: 63%;
  margin: auto;
}

.airqContainer .desktop .calculate button {
  text-decoration: none!important;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  border-radius: 5px;
  font-family: 'HelveticaBold'!important;
}

.airqContainer .desktop .calculate button:hover {
  background-color: #30759E;
}

.airqContainer .desktop .calculate button[disabled="disabled"] {
  background-color: #E6E6E6;
  border-color: #E6E6E6;
}

@media(max-width:991px) {
   /*quiz component styling*/
  div[data-component-id="questionnaire"] .airq-inner > h2 {
    width: 485px;
  }

  .airqContainer .desktop .question-number {
    width: 10%;
  }
}
/*ends here */

/*mobile design starts here*/
@media(max-width:767px) {
  .airqContainer .mobile .item.carousel-item:nth-child(4) .questionText img {
    content: url(/content/dam/open-digital/airq-patients/en/images/airq/airq-inhaler-mobile-photo-array-spanish.jpeg);
  }

  .asthama-col-ctrl .row {
    display: block;
  }

  .asthama-col-ctrl {
    padding-left: 15px;
    padding-right: 15px;
  }

  .asthama-section .info-link a {
    width: 100%;
    border-radius: 5px!important;
    color: #FFFFFF;
    background-color: #30759E;
    border: 3px solid #30759E!important;
    font-family: 'HelveticaBold';
    font-size: 18px;
    line-height: 24px;
  }

  p.sec-heading {
    margin-top: 10px;
  }

  .asthama-col-ctrl .cta .cta-container {
    text-align: left;
    padding-left: 0px;
  }

  .asthama-col-ctrl .cta .cta-container .info-link {
    padding: 0px;
    margin: 25px 0 10px;
  }
  
   /*after quiz section code starts from here */
    
  .myresult-col-ctrl .row {
    display: block;
  }

  .additional-col-ctrl .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .medrol-text {
    display: none;
  }

  .myresult-col-ctrl,.additional-col-ctrl {
    padding-left: 15px;
    padding-right: 15px;
  }

  .myresult-col-ctrl .sec-heading,.myresult-col-ctrl .sec-desc {
    margin-top: 25px;
  }

  .my-result-bottom-text {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .additional-col-ctrl {
    margin-top: 30px;
  }

  .additional-col-ctrl .my-result-text {
    margin-top: 50px;
  }

  .additional-col-ctrl .info-link a,
  .myresult-col-ctrl .info-link a {
    background-color: #30759E!important;
    border: 3px solid #30759E!important;
  }

  .myresult-col-ctrl  .info-link a:hover, 
.myresult-col-ctrl  .info-link a:active,
.additional-col-ctrl .info-link a:hover,
.additional-col-ctrl .info-link a:active {
    width: 100%;
    color: #30759E!important;
    background-color: #FFFFFF!important;
    border: 3px solid #30759E!important;
  }

  .myresult-col-ctrl .column-2 .cta.section:nth-child(3) {
    display: block;
  }

  .myresult-col-ctrl .column-2 .cta.section:nth-child(2) {
    display: none;
  }
  
  
    /*ends here */
  .viewpdf-button.btn.mobile {
    background-color: #30759E!important;
    border: 3px solid #30759E!important;
  }

  #airq-section2 {
    padding-top: 10px;
  }

  #airq-section2, #airq-section3 {
    display: none;
  }

  #airq-section3 {
    opacity: 1!important;
  }

  #airq-section3 .page-section-inner > .newImage.parbase.section {
    padding: 0 15px;
  }

  p.uniqueCalculateScoreCriteria {
    display: none!important;
  }
  /*quiz component styling*/
  .airq-inner .item.carousel-item, .airq-inner .item.review {
    padding: 20px 30px;
  }

  .airqContainer .restart.button {
    margin-right: 30px;
  }

  .please-ans-text {
    display: none!important;
  }

  .airqContainer .section-header {
    display: none;
  }

  .airqContainer .mobile .pages {
    font-size: 20px;
    line-height: 24px;
    margin-top: 25%;
    font-family: 'HelveticaBold';
    color: #DEAC50;
  }

  .airqContainer .mobile h4.heading p {
    font-family: 'HelveticaLight';
    margin-top: 10%;
  }

  .airqContainer .mobile h4.heading p span.special_underl, .airqContainer .question-group p  span.special_underl {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .airqContainer .mobile .questionText {
    width: 98%;
    margin: 5% auto;
    padding: 55px 30px;
  }

  .airqContainer .mobile .question .radio-button-group label {
    padding: 17px 20px;
  }

  .airqContainer .mobile .questionText p {
    margin-left: 0;
    text-align: center;
    font-family: 'HelveticaLight';
    font-size: 20px;
    line-height: 30px;
  }

  .airqContainer .mobile .questionText p span.special_bold, .airqContainer .answer p  span.special_bold {
    font-family: 'HelveticaBold';
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .airqContainer .mobile img {
    width: 100%;
    margin: 8% 0;
  }

  .airqContainer .item.carousel-item.active.first .back.left.back-button.hidden {
    display: block!important;
    font-size: 20px;
    margin-top: 0;
  }

  .airqContainer .back-button {
    font-size: 20px;
  }

  .airqContainer .back.left {
    margin-top: 0;
  }

  .airqContainer .mobile label.radioyes {
    margin: 0;
  }

  .airqContainer .mobile .question .radio-button-group {
    display: flex;
    justify-content: space-between;
  }

  .airqContainer .mobile p.result {
    margin-top: 20%;
  }

  .airqContainer .item.review.last.active .review-question .back.left.back-button {
    display: none;
  }

  .airqContainer .item.review.last.active .review-question .results {
    margin: 10px 2px;
    padding: 15px 13px;
  }

  .airqContainer .question-group p {
    margin-bottom: 8%;
    font-family: 'HelveticaLight';
  }

  .airqContainer .question-group {
    padding-top: 8%;
    margin-top: 8%;
  }

  .airqContainer .question-group:first-child {
    padding-top: 15px;
    margin-top: 0;
  }

  .airqContainer p.image-discp {
    font-size: 18px!important;
    line-height: 22px;
    color: #3B3B3B;
  }

  .airqContainer .answer {
    display: flex;
    width: 100%;
  }

  .airqContainer .mobile .answer .num {
    width: 13%;
    margin: 4px 0 0 0;
    font-size: 18px;
  }

  .airqContainer .mobile .answer span:nth-child(2) {
    width: 67%;
  }

  .airqContainer .answer p {
    width: 95%;
    font-family: 'HelveticaLight';
    font-size: 14px;
  }

  .airqContainer .mobile .answer .ans {
    width: 13%;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    font-family: 'HelveticaBold';
  }

  .airqContainer .answer .edit {
    width: 7%;
    text-align: right;
  }

  .airqContainer .answer .edit img {
    width: 90%;
  }

  .airqContainer .mobile .submit {
    width: 100%;
    padding: 20px 0;
  }

  .airqContainer .submit button {
    font-family: 'HelveticaBold';
    font-size: 20px;
  }

  .airqContainer .mobile .score.greybg {
    padding: 30px 50px 60px 20px;
    border-radius: 10px;
    width: 300px;
    border-bottom-right-radius: 25px;
  }

  .airqContainer .mobile .score.greybg p {
    width: unset;
    font-family: 'HelveticaBold';
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
  }

  .airqContainer .mobile span.blue.scoretext {
    font-size: 150px;
    letter-spacing: -27px;
    top: 44%;
    right: 0px;
    left: 68%;
    display: flex;
  }

  .airqContainer .mobile span.blue.scoretext.ten {
    right: 0px;
    left: 62%;
  }

  .airqContainer .mobile .results.section {
    margin-left: 0;
    padding: 20px 0;
    background-color: #F7F9FA;
  }

  .airqContainer .summary.left + .restart.right {
    z-index: 1;
  }

  .airqContainer .summary.left.hidden + .restart.right {
    z-index: unset;
  }

  .airqContainer .summary.left {
    position: absolute!important;
    top: 9px;
    left: 30px;
    padding: 5px 0;
    z-index: 800000!important;
    background-color: #fafafa;
  }

  .airqContainer .summary.left a.btn.summary.button {
    color: #30759E;
    font-size: 14px;
    font-family: 'HelveticaBold';
  }

  .airqContainer .restart.right {
    position: absolute;
    width: 100%;
    background-color: #fafafa;
  }

  .airqContainer a.btn.restart.button {
    margin-top: 10px;
    margin-bottom: 10px;
  }

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

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

  .airq-root-section .htmlAsset.section {
    display: none;
  }
}
/*devices above mobile starts here*/
@media(min-width:768px) {
  .asthama-section .info-link a {
    display: none;
  }

  .asthama-col-ctrl {
    margin: 50px 0 80px;
  }

  .airqContainer .sectionWrapper.first h4.heading {
    width: 100%;
  }

  .airqContainer h4.heading {
    width: 615px;
  }

  .bottom-text-div {
    margin-top: 80px;
    margin-bottom: 50px;
  }

  .asthama-col-ctrl .column-2 .new-image {
    text-align: right !important;
  }
}