.active_loader {
    position: relative;
}
.active_loader:before {
    content: '';
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.active_loader:after {
    content: '';
    position: fixed;
    background-image: url('https://www.resmed.com.au/hubfs/AU_NZ_SA/loading_icon.gif');
    background-repeat: no-repeat;
    z-index: 99999;
    top: 40%;
    background-size: 200px;
    height: 200px;
    width: 200px;
    background-position: center;
    left: calc(50% - 100px);
}
.checkOuterColInput input#checkOneIP, 
.checkOuterColNew, 
.radioOuterColInput input#radioIP {
    width: 100%;
}
#chat-widget,
#chat-widget-container {
  display: none !important;
}
.m-OSA__row {

  width: 100vw;
  height: 100vh;
}
.m-OSA__left 
}
.m-OSA__right {
  display: flex;
  width: 57.5%;
  height: 100vh;
  align-items: center;
  padding-left: 8.2vw;
}

.m-OSA__header {
  display: flex;
  justify-content: space-between;
  max-width: 362px;
  width: 100%;
}
.m-OSA__right {
    max-width: 560px;
    margin: 0 auto;
}
.m-OSA__question {
  display: none !important;
  flex-direction: column;
}
.m-OSA__answers textarea#gpname {
    border: 2px solid #000;
    border-radius: 10px;
}
.m-OSA__question.active {
  display: flex !important;
  animation-name: fadeIn;
  animation-duration: .5s;
  margin-bottom: 20px;
}
div#o-OSA {
    padding-top: 20px;
}
.m-OSA__left {
    padding-bottom: 70px;
}
.m-OSA__question h2 {
    font-family: Barlow;
/*     font-size: 30px;
    font-weight: 400;
    line-height: 44.5px; */
}
.m-OSA__answersWrapper {
  width: 100%;
}
.step31.nz {
    display: none !important;
}
.step31.nz.active {
    display: none !important;
}
.m-OSA__answers {
  display: none !important;
  flex-wrap: wrap;
  max-width: 370px;
}
.m-OSA__answers.active {
  display: flex !important;
  animation-name: fadeIn;
  animation-duration: .5s;
}
.m-OSA__answer {
  background: #EFEFEF;
  border-radius: 8px;
  color: #424243;
  cursor: pointer;
  margin-bottom: 15px;
  padding: 14px 41px 15px;
  width: 100%;
  max-width: 366px;
  font-size: 16px;
  line-height: 23px;
      font-family: Roboto, sans-serif;
}
.m-OSA__answer.selected {
  background-color: #4156A6; 
  color: #FFFF !important;
  animation-name: selected;
  animation-duration: 2s;
}
/* .m-OSA__bmi label {
  font-size: 18px;
  line-height: 21px;
} */
.m-OSA__input {
  margin-top: 34px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;  
  font-size: 18px;
}
.m-OSA__input input {
  background: #EFEFEF;
  border: 2px solid #FFF !important;
  border-radius: 8px !important;
  padding: 13px !important;
  font-size: 18px;
  text-align: center;
  margin-right: 10px;
  max-width: 82px;  
}
/* .m-OSA__input input:last-child {
  margin-left: 29px;
} */
.m-OSA__nav {
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
.m-OSA__prev,
.m-OSA__next,
.m-OSA__nextSlider,
.m-OSA__submit,
.m-OSA__nextHeight,
.m-OSA__nextWeight,
.m-OSA__nextPhone, .m-OSA__nextQns1,
.m-OSA__MultiNext,
.m-OSA__MultiNextOne,
.m-OSA__MultiNextTwo,
.m-OSA__MultiNextThree,
.m-OSA__MultiNextFour {
  cursor: pointer;
  padding: 19px;
  text-align: center;
  display: none;
  width: 100%;  
}
.m-OSA__next,
.m-OSA__nextSlider,
.m-OSA__nextHeight,
.m-OSA__nextWeight,
.m-OSA__submit,
.m-OSA__nextPhone, .m-OSA__nextQns1,
.m-OSA__MultiNext,
.m-OSA__MultiNextOne,
.m-OSA__MultiNextTwo,
.m-OSA__MultiNextThree,
.m-OSA__MultiNextFour {
  min-width: 57.5%;
}
.m-OSA__next.disabled,
.m-OSA__nextSlider.disabled,
.m-OSA__submit.disabled,
.m-OSA__nextHeight.disabled,
.m-OSA__nextWeight.disabled,
.m-OSA__nextPhone.disabled,
.m-OSA__MultiNext.disabled,
.m-OSA__MultiNextOne.disabled,
.m-OSA__MultiNextTwo.disabled,
.m-OSA__MultiNextThree.disabled,
.m-OSA__MultiNextFour.disabled {
  background: #EBD4E3;
  pointer-events: none;
}
.m-OSA__submit.enabled {
   min-width: 57.5%;
  display: block;
}
input#gpname {
    max-width: 300px;
    text-align: left;
    border: 2px solid #000000 !important;
    background-color: transparent;
}
.m-OSA__progress {
  position: relative;
}
.a-OSA__progress {
  width: 80px;
}
.progress-ring__circle {
  transition: 0.35s stroke-dashoffset;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.m-OSA__tooltip {
  margin-top: 20px;
  position: relative;
  max-width: 330px;
  width: 100%;
}
.m-OSA__tooltip i.a-OSA__open {
  font-size: 20px;
  color: #FFF;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  background: #9d2872;
  border: 2px solid #9d2872;
/*   width: 23px;
  height: 23px; */
}
.m-OSA__tooltip i.a-OSA__close {
  display: none;
  font-size: 20px;
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: -47px;
  width: 22px;
  height: 23px;
}
.m-OSA__tipWrapper {
  display: none;
  position: absolute;
  text-align: left;
  top: 12px;
  left: 11px;
  z-index: 1;
}
.m-OSA__tipWrapper.open {
  display: flex;
}
.m-OSA__tip {
  font-size: 12px;
  line-height: 18px;
  color: #FFF;
  padding: 13px 19px 14px 23px;
  background: rgba(0,0,0,0.5);  
}
.m-OSA__age {
  width: 100%;
}
.m-OSA__age label {
  display: block;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 25px;
}
.m-OSA__age .ui-widget-header {
  background: #9d2872;
}
.m-OSA__age .ui-slider-handle {
  border-radius: 50%;
}
.m-OSA__bmi label.error-msg {
  color: #ed1b2f;
  display: none;
}
.m-OSA__answers.hiddenClass {
    display: none !important;
}
.m-OSA__question.hiddenClass {
    display: none !important;
}
.m-OSA__answers.nonhidden {
    display: flex !important;
}
.m-OSA__question.nonhidden {
    display: flex !important;
}
.m-OSA__year label.error-msg,
.osaHeight label.error-msg,
.osaWeight label.error-msg,
.osaPhone label.error-msg {
    color: #ff0000;
    font-size: 14px;
    display: none;
    position: absolute;
}
.m-OSA__year,
.m-OSA__bmi {
    position: relative;
}

/* styling the form */
.m-OSA__question h2 {
    font-size: 38px;
    font-weight: 300;
    line-height: 48px;
}

.m-OSA__bmi label {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
      font-family: Roboto, sans-serif;
}
.m-OSA__logo a img {
    width: 82px !important;!i;!;
}
.m-OSA__input select {
    border: 1px solid #B7B7B8;
    padding: 15px;
}

.m-OSA__bmi.osaHeight, .m-OSA__bmi.osaWeight, .m-OSA__year, .m-OSA__bmi{
    flex: 0 100%;
}

.m-OSA__input select {
    color: #424243;
    font-size: 16px;
}
.m-OSA__progress {
    margin-bottom: 20px;
}
.m-OSA__answers {
    max-width: inherit;
}
div#step3 {
    margin-top: 20px;
}

.m-OSA__answer {
    background: transparent;
    border: 1px solid #B7B7B7;
    border-radius: unset;
    max-width: inherit;
}

.m-OSA__answer.selected {
    background-color: #9D2872 !Important;
}

custom-select.open .dropdown {
    display: block !important;
}
/* Custom Select Dropdown Styling */
.custom-select {
    position: relative;
    width: 100%;
    font-size: 16px;
}

.select-box {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #B7B7B7;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
  color: #424243;
  border-radius: inherit;
}
 
.select-text {
    font-size: 16px;
    line-height: 23px;
    font-family: Roboto, sans-serif;
    color: #424243;
}
 
.arrow-down {
    font-size: 12px;
    color: #888;
}
 
.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
/*     border: 2px solid #ccc; */
    border-radius: 5px;
    box-shadow: 0px 20px 40px 0px #00000026;
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
  scrollbar-color: #9D2872 #f3f3f3;
    scrollbar-width: thin;
  
  
}
 .progress-line {
    background-color: #9d2872 !important;
}

.progress-line-container {
    background-color: #E6E6E7 !important;
}

.a-OSA__progress {
    color: #9d2872 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.option {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
}
 
.option:hover {
    background-color: #f0f0f0;
}
 
.option.selected {
    background-color: #F3F3F3;
    color: #424243;
}
 
.custom-select.open .dropdown {
    display: block !important;
}
.select-box:after {
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(https://www.resmed.com.au/hubfs/down%20arrow.svg);
    z-index: 9999;
    position: relative;
    background-attachment: unset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.m-OSA__answers .checkOuter input:checked + span {
    background-color: #9D2872 !important;
    color: #ffffff !important;
}
.m-OSA__answers .checkOuter span {
    background: transparent !important;
    border: 1px solid #B7B7B7 !important;
    border-radius: inherit !important;
      font-size: 16px;
    line-height: 23px;
}

.checkOuterCol {
    flex: 0 100%;
}
.m-OSA__answers .checkOuter input:checked + span {
    background-color: #9D2872 !important;
}

.m-OSA__answers .checkOuter input[type=checkbox]:checked:after {
    border-bottom: 2px solid #9D2872 !important;
    border-left: 2px solid #9D2872 !important;
    left: 3px !important;
    top: 5px !important;
    height: 4px !important;
}
.option.selected {
    background-color: #9d2872;
    color: #ffff;
}

button.m-OSA__nextHeight.gtm-click.enabled, button.m-OSA__nextQns1.enabled, button.m-OSA__nextWeight.gtm-click.enabled, button.m-OSA__nextSlider.gtm-click.enabled, button.m-OSA__MultiNext.gtm-click.enabled, button.m-OSA__MultiNextThree.gtm-click.enabled, button.m-OSA__MultiNextTwo.gtm-click.enabled, button.m-OSA__MultiNextFour.gtm-click.enabled, button.m-OSA__MultiNextOne.gtm-click.enabled {
    background-color: #9D2872;
    border: 2px solid #9D2872;
    border-radius: 30px;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .0357em;
    outline: none;
    padding: 12px 35px 14px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: .2s;
    line-height: 100%;
    width: auto;
/*     display: flex !important; */
    gap: 5px;
    align-items: center;
  font-family: Roboto, sans-serif;
}
button.m-OSA__nextHeight.gtm-click.enabled {
    position: absolute;
    right: 0;
}
.m-OSA__row {
    height: auto;
}

.m-OSA__next, .m-OSA__nextSlider, .m-OSA__nextHeight, .m-OSA__nextWeight, .m-OSA__submit, .m-OSA__nextPhone, .m-OSA__nextQns1, .m-OSA__MultiNext, .m-OSA__MultiNextOne, .m-OSA__MultiNextTwo, .m-OSA__MultiNextThree, .m-OSA__MultiNextFour {
    min-width: auto;
}

.m-OSA__nav.page-center {
    max-width: 630px;
    margin: 0 auto;
    padding: 0 35px;
}

.m-OSA__nav {
    padding-top: 20px !important;
   justify-content: space-between;
}
    
button.m-OSA__prev.bg-off-black {
    width: 44px;
    border-radius: 50%;
/*     background: transparent; */
    border: 2px solid #9D2872;
    height: 44px;
    position: relative;
  background: url(https://www.resmed.com.au/hubfs/Resmed-AU-2024/Frame%2014.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}
 
.fa-arrow-left:before {
    color: #9D2872;
    position: absolute;
    top: 35%;
    left: 35%;
}    
.m-OSA__answer.gtm-click {
    position: relative;
    background-color: #fff;
}

.m-OSA__answer.gtm-click:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid rgba(183, 183, 184, 1);
    border-radius: 50%;
    left: 10px;
    top: 30%;
}

.m-OSA__answer.gtm-click.selected:before {
        background-color: #9D2872 !important;
    border-color: #fff;
    background-image: url(https://www.resmed.com.au/hubfs/Resmed-AU-2024/radio-check.svg) !important;
    background-size: 10px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
/*   border-color: #9D2872; */
}
.m-OSA__answer.gtm-click:hover {
    background: rgba(243, 243, 243, 1);
}

.m-OSA__answer.gtm-click:hover::before {
    background: #fff;
/*     border-color: #fff; */
}
.o-OSA {
    padding-bottom: 80px;
}   
    
    
    
    

/* has context menu */
@media (max-width: 1229px) {
  #step6.m-OSA__answers::-webkit-scrollbar {
    width: 10px;
  }
  #step6.m-OSA__answers::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #step6.m-OSA__answers::-webkit-scrollbar-thumb {
    background: #888;
  }
  #step6.m-OSA__answers::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #step6.m-OSA__answers {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
  }
  
  #step7.m-OSA__answers::-webkit-scrollbar {
    width: 10px;
  }
  #step7.m-OSA__answers::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #step7.m-OSA__answers::-webkit-scrollbar-thumb {
    background: #888;
  }
  #step7.m-OSA__answers::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #step7.m-OSA__answers {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
  }
  
  #step29.m-OSA__answers::-webkit-scrollbar {
    width: 10px;
  }
  #step29.m-OSA__answers::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #step29.m-OSA__answers::-webkit-scrollbar-thumb {
    background: #888;
  }
  #step29.m-OSA__answers::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #step29.m-OSA__answers {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 821px) {
  .m-OSA__nav.page-center {
    max-width: 530px;
  }
  .m-OSA__right {
      max-width: 460px;
  }
  .m-OSA__question h2 {
    font-size: 28px;
    line-height: 35px;
}
}
@media (max-width: 768px) {
  .m-OSA__answers {
    height: unset;
            overflow: visible;
}
      .m-OSA__right {
        max-width: 303px;
    }
  .m-OSA__nav.page-center {
    max-width: 359px;
}
  .m-OSA__row {
    flex-direction: column;
  }
   .m-OSA__right {
    align-items: flex-start;
/*     padding: 25px 15px 75px; */
/*     width: 100vw;
    height: 100vh; */
  }
  .m-OSA__left {    
/*     align-items: center;
    padding-top: 75px; */
    padding-bottom: 60px;
/*     min-height: 250px;
    max-height: 325px;
    height: auto; */
  }
  .m-OSA__headerWrapper {
    padding: 20px 0;
    width: 100%;
  }
  .m-OSA__header {
/*     padding-left: 15px; */
    max-width: 100%;
    max-height: 48px;
  }
  .m-OSA__logo {
    max-height: 48px;
  }
  .m-OSA__logo img {
    max-height: 48px;
    width: auto;
  }
  .m-OSA__progress {
    top: -11px;
  }

  .m-OSA__question {
    flex-direction: column-reverse;
  }
  .m-OSA__question h2 {
       font-size: 25px;
    line-height: 32px;
  }
  .m-OSA__tooltip {
    position: inherit;
  }
  .m-OSA__tipWrapper {
    background: rgba(157,40,144,0.9);
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 60px);
    align-items: center;
    padding: 30px;
    z-index: 10;
  }
  .m-OSA__tooltip i.a-OSA__close {
    display: block;
  }
  .m-OSA__age {
    text-align: center;
  }
  .m-OSA__bmi {
    width: 100%;
/*     text-align: center; */
  }
  .m-OSA__input {
    justify-content: center;
    margin-top: 25px;
  }
  button.m-OSA__prev.bg-off-black {
    left: 0;
}
 .qz-btns-wrp {
              position: fixed;
        bottom: 0;
        background: rgb(255 255 255 / 75%);
        backdrop-filter: blur(4px);
        padding: 15px 28px;
        width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
  }
  .m-OSA__left {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    padding: 16px 16px 0;
    z-index:9999;
}

.m-OSA__right {
    padding-top: 160px;
}
  button.m-OSA__nextHeight.gtm-click.enabled {
      position: unset !important;
      text-align: right;
      margin: auto 0 auto auto;
  }

  .m-OSA__nav.page-center {
      display: flex;
  }
  .m-OSA__right {
      padding-bottom: 40px;
  }
  .option {
    text-align: left;
}
}

@media (max-width: 767px) {  
  .m-OSA__year {
      width: 100%;
/*       text-align: center; */
  }
  .m-OSA__nav.page-center {
    padding: 0 !important;!I;!;
}

}
@media (max-width: 615px) {
  
  button.m-OSA__nextHeight.gtm-click.enabled, button.gtm-click {
      right: 0;
  }
  button.m-OSA__prev.bg-off-black {
      left: 0;
  }
}
@media (max-width: 600px) {
  #step6.m-OSA__answers::-webkit-scrollbar {
    width: 10px;
  }
  #step6.m-OSA__answers::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #step6.m-OSA__answers::-webkit-scrollbar-thumb {
    background: #888;
  }
  #step6.m-OSA__answers::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #step6.m-OSA__answers {
    height: auto;
    overflow: auto;
    overflow-y: auto;
  }
  #step7.m-OSA__answers::-webkit-scrollbar {
    width: 10px;
  }
  #step7.m-OSA__answers::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #step7.m-OSA__answers::-webkit-scrollbar-thumb {
    background: #888;
  }
  #step7.m-OSA__answers::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #step7.m-OSA__answers {
    height: auto;
    overflow: auto;
    overflow-y: auto;
  }
  #step29.m-OSA__answers::-webkit-scrollbar {
    width: 10px;
  }
  #step29.m-OSA__answers::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  #step29.m-OSA__answers::-webkit-scrollbar-thumb {
    background: #888;
  }
  #step29.m-OSA__answers::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  #step29.m-OSA__answers {
    height: auto;
    overflow: auto;
    overflow-y: auto;
  }
}

@media (max-width: 400px) {
  
  .m-OSA__answer {
    font-size: 16px;
    padding: 7px 40px;
  }
}


@keyframes selected {
  0 { background-color: #4156A6; color: #FFF;}
  10% { background-color: #EFEFEF; color: #424243;}
  20% { background-color: #4156A6; color: #FFF;}
  30% { background-color: #EFEFEF; color: #424243;}
  50% { background-color: #4156A6; color: #FFF;}
  70% { background-color: #EFEFEF; color: #424243;}
  100% { background-color: #4156A6; color: #FFF;}
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}