/* Copyright 2018 Zooz Digital Private Limited
 *
 *  You may obtain a copy of the License from
 *
 * Zooz Digital Private Limited */
.asthma-risk-test .description span.nunito-black {
  margin-top: 3%;
}

.bold {
  font-weight: bold;
}

.nunito-black {
  font-family: "Nunito-Black";
}

.nunito-semiBold {
  font-family: "Nunito-SemiBold";
}

.survey-page iframe#\31 {
  width: 100%;
  height: 100%;
}

.survey-page .iframe-container.margin-bottom-10 {
  height: 550px;
}

.survey-page .iframe-container.margin-bottom-10:nth-child(2) {
  height: 630px!important;
}

.survey-page iframe#website-visitor-survey {
  height: 385px!important;
}

.survey-page .start-asthma-test-section a.get-started.mailto {
  display: none;
}

.asthma-risk-test .hero-banner-container {
  background: #292631;
}

.asthma-risk-test .banner-content-section {
  max-width: 800px;
  margin: 0 auto;
}

.asthma-risk-test .banner-content-section,.asthma-risk-test .banner-content-section .page-title {
  color: #fff;
  text-align: center;
}

.asthma-risk-test .go-down {
  display: inline-block;
  margin: 15px auto;
  max-width: 30px;
}

.asthma-risk-test .go-down img {
  width: 100%;
}

.about-lungprint-container {
  text-align: center;
  color: #002b49;
}

.about-lungprint-container .content-container {
  max-width: 900px;
  margin: 0 auto;
}

.about-lungprint-container .img-container {
  margin: 0 auto;
  position: relative;
}

.about-lungprint-container .img-container img.ovel-shape {
  width: 100%;
  margin: 0 auto;
}

.about-lungprint-container .colum-title {
  font-family: "Nunito-Black";
  padding: 30px 0 10px;
}

.about-lungprint-container .colum-desc {
  font-family: "Nunito-SemiBold";
}

.about-lungprint-container .colum-desc1 {
  font-family: "Nunito-SemiBold";
}

.about-lungprint-container img.icon {
  position: absolute;
}

.start-asthma-test-section .content-container {
  margin: 0 auto;
  text-align: center;
  padding: 0 15px;
}

.start-asthma-test-section .section-title {
  text-align: center;
  margin-bottom: 40px;
}

.start-asthma-test-section .get-started {
  font-family: "Nunito-Black";
  background: #f9423a;
  text-decoration: none!important;
  color: #fff;
  border-radius: 40px;
  display: inline-block;
  letter-spacing: 1.5px;
  padding: 15px 30px;
  margin-bottom: 80px;
}

.start-asthma-test-section .get-started span.gt img {
  transform: rotate(270deg);
  position: relative;
  top: -2px;
}

.start-asthma-test-section .get-started span.gt::after {
  font-size: 20px;
}

.start-asthma-test-section .section-desc {
  text-align: left;
  color: #002b49;
  font-family: "Nunito-Regular";
}

@media(max-width:767px) and (min-width:320px) {
  .asthma-risk-test .primary-navigation .static-links-wrapper li:nth-child(4) a span {
    border-bottom: 2px solid #f9423a;
  }

  .asthma-risk-test .banner-content-section {
    padding: 40px 0 25px 0;
  }

  .asthma-risk-test .banner-content-section .page-title,.asthma-risk-test .lung-img-container {
    max-width: 430px;
    margin: 0 auto;
  }

  .asthma-risk-test .lung-img-container img {
    width: 100%;
  }

  .asthma-risk-test .banner-content-xs-section {
    padding: 0 15px;
    color: #002b49;
    display: none;
  }

  .asthma-risk-test .banner-content-xs-section .description p {
    font-size: 16px;
    line-height: 30px;
  }

  .about-lungprint-container .img-container {
    width: 130px;
  }

  .about-lungprint-container .what-lg-section {
    padding-bottom: 75px;
  }

  .about-lungprint-container .colum-title {
    font-size: 16px;
  }

  .new-emaiil-section p.colum-desc {
    text-align: center;
    margin-bottom: 10%;
    font-size: 15px;
  }

  .about-lungprint-container .colum-desc {
    padding: 0 20px;
    font-size: 15px;
  }

  .about-lungprint-container .colum-desc1 {
    padding: 0 20px;
    font-size: 16px;
  }

  .asthma-risk-test .about-lungprint-container .what-lg-section img.icon {
    top: 35px;
    left: 35px;
    width: 60px;
  }

  .asthma-risk-test .about-lungprint-container .how-lg-section img.icon {
    top: 38px;
    left: 38px;
    width: 55px;
  }

  .about-lungprint-container {
    margin: 40px 0;
  }

  .asthma-risk-test .banner-content-section .description span.nunito-black {
    letter-spacing: 1.8px;
    font-size: 18px;
    line-height: 30px;
  }

  .asthma-risk-test .banner-content-section .description span.nunito-semiBold {
    letter-spacing: 1.8px;
    font-size: 14px;
    margin-left: 10%;
    margin-right: 12%;
  }

  .start-asthma-test-section .section-title {
    font-size: 42px;
  }

  .start-asthma-test-section .content-container {
    max-width: 350px;
  }

  .start-asthma-test-section .get-started {
    font-size: 14px;
  }

  .start-asthma-test-section .section-desc {
    font-size: 14px;
  }

  .start-asthma-test-section .get-started span.gt img {
    width: 15px;
  }

  .survey-page .primary-navigation .static-links-wrapper li:nth-child(4) span {
    border-bottom: 2px solid #f9423a;
  }

  .component-section.container.no-style.new-emaiil-section.start-asthma-test-section {
    margin-top: 15%;
  }
}

@media(min-width:768px) {
  .asthma-risk-test .primary-navigation .static-links-wrapper li:nth-child(4) a {
    border-bottom: 2px solid #f9423a;
  }

  .survey-page .primary-navigation .static-links-wrapper li:nth-child(4) a {
    border-bottom: 2px solid #f9423a;
  }

  .container {
    width: 100%;
    max-width: 100%;
  }

  .component-section.container.no-style.new-emaiil-section.start-asthma-test-section {
    margin-top: 15%;
  }

  .asthma-risk-test .banner-content-section .page-title {
    font-size: 35px;
    line-height: 50px;
    color: #fff;
  }

  .asthma-risk-test .description span.nunito-black {
    letter-spacing: 1.5px;
    font-size: 18px;
  }

  .asthma-risk-test .description span.nunito-semiBold {
    font-size: 16px;
  }

  .asthma-risk-test .lung-img-container {
    max-width: 430px;
    margin: 0 auto;
  }

  .asthma-risk-test .lung-img-container img {
    width: 100%;
  }

  .asthma-risk-test .banner-content-section {
    padding: 50px 0 40px 0;
    color: #fff;
    text-align: center;
  }

  .asthma-risk-test .banner-content-xs-section {
    display: none;
  }

  .about-lungprint-container {
    margin: 90px 0;
  }

  .about-lungprint-container .img-container {
    width: 160px;
  }

  .about-lungprint-container .colum-title {
    font-size: 20px;
  }

  .new-emaiil-section p.colum-desc {
    text-align: center;
    margin-bottom: 7%;
    font-size: 20px;
  }

  .about-lungprint-container .colum-desc {
    font-size: 20px;
    padding: 0 50px;
  }

  .about-lungprint-container .colum-desc1 {
    font-size: 20px;
    padding: 0 50px;
  }
}

.about-lungprint-container .what-lg-section img.icon {
  top: 35px;
  left: 40px;
  width: 75px;
}

.about-lungprint-container .how-lg-section img.icon {
  top: 45px;
  left: 46px;
  width: 65px;
}

.start-asthma-test-section .section-title {
  font-size: 50px;
}

.start-asthma-test-section .content-container {
  max-width: 900px;
}

.start-asthma-test-section .get-started {
  font-size: 18px;
}

.start-asthma-test-section .section-desc {
  font-size: 16px;
}

.start-asthma-test-section .get-started span.gt img {
  width: 18px;
}}

@media(max-width:991px) and (min-width:768px) {
  .asthma-risk-test .banner-content-section .page-title {
    font-size: 42px;
  }

  .start-asthma-test-section .section-title {
    font-size: 42px;
  }

  .start-asthma-test-section .content-container {
    max-width: 740px;
  }
}

@media(min-width:1024px) {
  .asthma-risk-test .banner-content-section .page-title {
    font-size: 39px;
    line-height: 50px;
    color: #fff;
  }
}

img.ovel-img-lung {
  width: 90%;
}

.about-lungprint-container .img-container:hover .ovel-img-lung {
  animation: spin 2s linear infinite;
}

@media screen and (max-width: 1000px) and (orientation: landscape) {
    .survey-page .iframe-container.margin-bottom-10 {
      height: 1000px;
    }
}

@media screen and (max-width: 1023px) {
    .survey-page .iframe-container.margin-bottom-10 {
      height: 1000px;
    }
}