:root {
  --vpi: 1vh;
  /*--text-size: 16px;*/
  /*--link-size: 14px;*/
}
@media only screen and (max-width: 812px) {
  :root {
    --vpi: 0.9vh;
    /*--big-title-size: 30px;*/
    /*--text-size: 15px;*/
    /*--link-size: 13px;*/
  }
}

@media screen and (max-width: 812px) and (orientation: portrait) {
  /*.lock {
        display: block;
    }*/
  :root {
    --vpi: 0.9vh;
    /*--big-title-size: 30px;*/
    /*--text-size: 15px;*/
    /*--link-size: 13px;*/
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) {
  /*.ipad-portrait { color: red; }  your css rules for ipad portrait and (orientation:portrait) */

  :root {
    --vpi: 0.75vh;
    /*--big-title-size: 30px;*/
    /*--text-size: 15px;*/
    /*--link-size: 13px;*/
  }
}
.drag-transition {
  transition: 0.5s;
}
.drag-out-1 {
  position: absolute;
  bottom: -5px;
  /* transform: none !important; */
}
.drag-out-2 {
  position: absolute;
  bottom: -5px;
  /* transform: none !important; */
  left: calc(33.57 * var(--vpi));
}
.drag-out-3 {
  position: absolute;
  bottom: -5px;
  /* transform: none !important; */
  left: calc(61.91 * var(--vpi));
}
.drag-out-4 {
  position: absolute;
  bottom: -5px;
  /* transform: none !important; */
  left: calc(90.11 * var(--vpi));
}
.drag-out-5 {
  position: absolute;
  bottom: -5px;
  /* transform: none !important; */
  left: calc(118.45 * var(--vpi));
}

.drag-item-after-drop {
  position: relative !important;
  left: 0 !important;
  bottom: 0 !important;
  height: calc(4.55 * var(--vpi)) !important;
  width: 100% !important;
  font-size: calc(1.69 * var(--vpi)) !important;
  float: "left";
  margin-bottom: 0.5em !important;
}
.drop-area-2 {
  height: calc(11 * var(--vpi)) !important;
}
.drop-area-4 {
  height: calc(22 * var(--vpi)) !important;
}
.drag-drop-form {
  background: #fff;
  border-radius: 35px;
  height: calc(53 * var(--vpi));
  max-width: calc(159 * var(--vpi));
  margin-top: calc(2.6 * var(--vpi));
  margin-left: 0 !important;
}
.row-drop-item {
  margin-left: 0 !important;
  padding-left: calc(5.2 * var(--vpi)) !important;
  width: calc(159 * var(--vpi)) !important;
  max-width: calc(159 * var(--vpi)) !important;
}
.row-drag-items {
  padding-left: calc(2.2 * var(--vpi)) !important;
  margin-left: 0 !important;
}
.col-drop-item {
  padding-left: 0 !important;
  padding-right: 10px !important;
  width: 25%;
}
.col-drop-title {
  margin-top: calc(5.4 * var(--vpi));
  font-size: calc(3.55 * var(--vpi));
  line-height: calc(7.3 * var(--vpi));
  background: #ea7160;
  border-radius: 10px 10px 0 0;
  text-align: center;
  color: #fff;
  font-family: "Baloo 2", cursive;
  font-weight: bold;
  width: calc(30.85 * var(--vpi));
  margin-bottom: 7px;
}
.drop-area {
  position: relative;
  border: 1px dashed black;
  height: calc(27 * var(--vpi));
  width: calc(30.85 * var(--vpi));
}
.drag-text {
  font-size: calc(1.39 * var(--vpi));
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  line-height: 7px;
}
.col-drag-item {
  padding-left: calc(3.07 * var(--vpi));
}
.drag-item-1 {
  /* left: calc(15.36 * var(--vpi)); */
  background: #fabd89;
}
.drag-item-2 {
  left: calc(33.57 * var(--vpi));
  background: #ffaa9e;
}
.drag-item-3 {
  left: calc(61.91 * var(--vpi));
  background: #b2bfbb;
}
.drag-item-4 {
  left: calc(90.11 * var(--vpi));
  background: #84c4cc;
}
.drag-item-5 {
  left: calc(118.45 * var(--vpi));
  background: #559aa8;
  color: #fff;
}
.drag-item {
  position: absolute;
  /* bottom: calc(25.26 * var(--vpi)); */
  /* bottom: 0; */
  bottom: -5px;
  color: #2e5575;
  font-size: calc(2.21 * var(--vpi));
  line-height: calc(2.23 * var(--vpi));
  text-align: center;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: calc(5.8 * var(--vpi));
  width: calc(26.08 * var(--vpi));
  border-radius: 10px;
  padding-left: calc(1.9 * var(--vpi));
  padding-right: calc(1.9 * var(--vpi));
  cursor: pointer;
  font-family: "Baloo 2", cursive;
}

.answers-check {
  pointer-events: none;
}

.answers-check .answers-success {
  color: #39da8a;
}
.answers-check .answers-danger {
  color: #ff5b5c;
}

.answers-check .checkbox label.answers-success {
  color: #39da8a;
}
.answers-check .radio label.answers-success::before,
.answers-check .radio label.answers-success::after {
  background-color: #39da8a;
}
.answers-check .radio label.answers-danger::before,
.answers-check .radio label.answers-danger::after {
  background-color: #ff5b5c;
}

.answers-check .checkbox input.answers-success:checked ~ label:before {
  background-color: #39da8a;
}
.answers-check .checkbox input.answers-success:checked ~ label:after {
  border-color: #39da8a;
}
.answers-check .checkbox input.answers-danger:checked ~ label:before {
  background-color: #ff5b5c;
}
.answers-check .checkbox input.answers-danger:checked ~ label:after {
  border-color: #ff5b5c;
}

.content-quiz {
  min-width: calc(171.86 * var(--vpi)); /*1366/768*/
  max-width: calc(171.86 * var(--vpi));
  width: calc(177.86 * var(--vpi));
  /*height: 100*var(--vpi)); */
  margin-left: calc(100vw / 2 - 171.86 * var(--vpi) / 2);
  margin-right: auto;
  position: absolute;
  /* top: calc(100vh / 2 - 100 * var(--vpi) / 2); */
  top: calc(100vh / 4 - 100 * var(--vpi) / 4);
  /*top: 10px;*/
  bottom: 10px;
  padding: 0;
  color: #fff;
}
body {
  height: calc(100 * var(--vpi));
  max-height: calc(100 * var(--vpi));
  min-height: calc(100 * var(--vpi));
  background-color: #212529 !important;
}

.result-true .btn-previous {
  display: none;
}

.content-quiz .card {
  /*background-color: #39AFF9!important;*/
  margin: 0 auto;
  /* height: calc(100 * var(--vpi) - 20px);
  min-height: calc(100 * var(--vpi) - 20px); */

  height: calc(100 * var(--vpi));
  min-height: calc(100 * var(--vpi));
  margin-top: 0;
  margin-bottom: 0;

  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}
.content-quiz .form-control {
  background: #ffffff;
  border-radius: calc(7.7 * var(--vpi));
  margin: calc(1.5 * var(--vpi)) 0px;
  padding: 0 calc(5.5 * var(--vpi)) 0 calc(11 * var(--vpi));
  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: calc(2 * var(--vpi));
  /*line-height: 117%;*/
  color: #828282;
  height: calc(7.4 * var(--vpi));
  line-height: calc(7.4 * var(--vpi));
}
.content-quiz .form-group {
  margin-bottom: 0 !important;
  width: calc(75 * var(--vpi)); /*681/768*/
  position: relative;
}

#quiz-page-1 .form-group {
  width: calc(63.02 * var(--vpi)) !important; /*484/768*/
  margin-left: auto;
  margin-right: auto;
}
#quiz-page-1 .form-group-checkbok-white label,
#quiz-page-1 .form-group-checkbok-white .checkbox input:checked ~ label {
  color: #323232;
}
#quiz-page-1 .form-group-checkbok-white .checkbox label:before,
#quiz-page-1 .form-group-checkbok-white .checkbox input:checked ~ label:before {
  border-radius: 5px !important;
  border: 2px solid #323232;
  background-color: transparent;
}
#quiz-page-1 .form-group-checkbok-white .checkbox input:checked ~ label:after {
  border-color: #323232;
}

.content-quiz .form-group .icon-left {
  padding: 0px calc(3.7 * var(--vpi));
}
.content-quiz .form-group .icon-left img {
  height: calc(3 * var(--vpi));
  margin-top: -1px;
}
.btn-login p {
  text-align: center;
  line-height: 1;
  margin-bottom: 0;
}
.btn-login p img {
  height: calc(6.64 * var(--vpi)); /*51/768;*/
}
.quiz_next p {
  text-align: left;
}
.quiz_next p img {
  height: calc(8.8 * var(--vpi));
}

.btn-login.quiz_next p {
  text-align: center;
}
.btn-login.quiz_next p img {
  height: calc(7.99 * var(--vpi));
}
.form-group-checkbok-white label {
  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: calc(2.6 * var(--vpi));
  line-height: 116%;
  color: #ffffff;
}
.form-group.form-group-checkbok-white {
  /*.form-group-checkbok-white.form-control{*/
  width: calc(74 * var(--vpi));
}
.form-group-checkbok-white .checkbox input:checked ~ label:after {
  border-color: #828282;
}
.form-group-checkbok-white .checkbox input:checked ~ label:before {
  border: 1px solid #ffffff;
  border-radius: 0 !important;
  background-color: transparen;
}
.form-group-checkbok-white .checkbox label:before {
  border-radius: 0 !important;
  border: 1px solid #ffffff;
}

.quiz-title {
  /* đăng nhập */

  /*position: absolute;
    width: 653px;
    height: 117px;
    left: 98px;
    top: 82px;*/

  /*font-family: Verdana;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: calc(5.2 * var(--vpi)); /*40px/768*/
  line-height: 121%;
  /* identical to box height */
  text-transform: uppercase;

  color: rgba(0, 0, 0, 0.7);
}
#quiz-page-1 .quiz-title {
  text-align: center;
}
.content-quiz .checkbox {
  margin: 0;
  /*padding: 3*var(--vpi)) 5.5*var(--vpi)) 3*var(--vpi)) 11*var(--vpi));*/
}
.content-wrapper {
  padding: 0 !important;
  margin-top: 0 !important;
}
.content-quiz .card-body {
  /*padding-top: 6*var(--vpi));*/
  padding-top: calc(13.28 * var(--vpi)); /*102/768*/
  padding-left: calc(7.55 * var(--vpi)); /*58/768*/
  padding-right: calc(7.55 * var(--vpi)); /*58/768*/
  z-index: 1;
}
#quiz-page-1 {
  width: 50%;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: #C5E1DA;*/
}

.pdt-4 {
  padding-top: calc(3 * var(--vpi));
  padding-bottom: calc(3 * var(--vpi));
}
.content-quiz form .error:not(input) {
  position: absolute;
  bottom: calc(-1 * var(--vpi));
  font-size: calc(2 * var(--vpi));
  padding-left: calc(11 * var(--vpi));
}
.content-quiz .form-control-position {
  width: calc(7.4 * var(--vpi));
  height: calc(7.4 * var(--vpi));
  line-height: calc(7.4 * var(--vpi));
  top: 0;
}
.content-quiz .btn-answers {
  position: absolute;
  bottom: calc(5.4 * var(--vpi)); /*42/768*/
}
.content-quiz .btn-answers p {
  margin-bottom: 0;
  text-align: center;
}
.content-quiz .btn-answers p img {
  height: calc(11.04 * var(--vpi)); /*84.8/768*/
}
.content-quiz .form-group.input-radio {
  width: 100%;
}
.content-quiz .form-group.explain-content,
.content-quiz .form-group.input-radio {
  width: 100%;
}
.content-quiz .d-inline-block .quiz-number {
  /* 1 */

  /*position: absolute;
    width: 148px;
    height: 253px;
    left: 74px;
    top: 40px;*/

  /*font-family: Verdana;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: calc(23.43 * var(--vpi)); /*180/768*/
  /*line-height: 18.7*var(--vpi));*/
  line-height: 75%; /*calc(14*var(--vpi));*/
  height: calc(17 * var(--vpi));
  /*height: calc(18.7*var(--vpi));*/
  padding-left: 0 !important;
  margin-left: 0 !important;
  /* identical to box height */

  color: #ea7160;
}
.content-quiz .d-inline-block .input-type {
  /*font-family: Verdana;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: calc(3.9 * var(--vpi)); /*30/768*/
  /*line-height: 11*var(--vpi));*/
  line-height: 133%; /*calc(7*var(--vpi));*/
  height: calc(5.2 * var(--vpi)); /*40/768*/
  color: #000000;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: initial;
}
.content-quiz .d-inline-block .d-flex {
  margin-bottom: 0 !important;
}
.content-quiz fieldset > label {
  /*margin-bottom: -5*var(--vpi));*/
}

.content-quiz .radio label::before,
.content-quiz .radio label::after {
  /*display: none;*/
}
.content-quiz .d-inline-block .label-title {
  /*font-family: Verdana;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: 400;
  font-size: calc(3.9 * var(--vpi));
  /*line-height: 15.7*var(--vpi));*/
  line-height: calc(5.2 * var(--vpi));
  min-height: calc(10.4 * var(--vpi));
  color: rgba(0, 0, 0, 0.7);
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: initial;
}
.content-quiz .input-checklist .checkbox label,
.content-quiz .radio label {
  width: calc(70 * var(--vpi));
  /* B. Lưu lượng thấp giúp bảo tồn chức năng phổi tốt hơn */

  /*position: static;
width: 820px;
height: 74px;
left: 45px;
top: 10px;*/

  /*font-family: Roboto;*/
  font-style: normal;
  font-weight: normal;
  font-size: calc(2.5 * var(--vpi));
  line-height: 160%;
  /* identical to box height, or 74px */

  color: #4f4f4f;

  /* Inside Auto Layout */
  /*flex: none;
order: 0;
flex-grow: 0;
margin: 0px 10px;
*/

  /* Frame 21 */

  /* Auto Layout */
  /*display: flex;*/
  /*flex-direction: row;*/
  /*align-items: flex-start;*/
  padding: calc(0.7 * var(--vpi)) calc(3.3 * var(--vpi));

  /*position: static;
width: 983px;
height: 94px;
left: 0px;
top: 126px;*/

  background: #ffffff;
  border-radius: calc(1.95 * var(--vpi)); /*15/768*/

  border: 1px solid #84c4cc;

  /* Inside Auto Layout */
  /*flex: none;*/
  /*order: 1;*/
  /*flex-grow: 0;*/
  margin: calc(0.5 * var(--vpi)) 0px;
  /*margin: calc(2*var(--vpi)) 0px;*/

  font-family: "Baloo 2", cursive;
}

.content-quiz .checkbox label p,
.content-quiz .radio label p {
  margin-bottom: 0 !important;
  color: #4f4f4f;
  padding-top: calc(0.37 * var(--vpi));
  padding-bottom: calc(0.37 * var(--vpi));
  /*font-size: calc(2.5*var(--vpi));*/
  font-size: calc(4.1 * var(--vpi)); /*48/768*/
  /*line-height: 160%;*/
  line-height: 160%;
  font-family: "Baloo 2", cursive;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.content-quiz .checkbox label p strong,
.content-quiz .radio label p strong {
  padding-right: 10px;
}
.fosamax_8-299 .checkbox label p,
.fosamax_8-299 .radio label p,
.fosamax_8-285 .checkbox label p,
.fosamax_8-285 .radio label p {
  font-size: calc(3.9 * var(--vpi)) !important; /*48/768*/
  line-height: 1 !important;
}

.explanatory-data {
  font-family: "Baloo 2", cursive;
}
.content-quiz .checkbox label p strong,
.content-quiz .radio label p strong {
  /*font-size: calc(3*var(--vpi));*/
  font-size: calc(6.25 * var(--vpi));
}
.form-group.input-checklist {
  width: 100%;
}
.input-checklist .checkbox {
  cursor: pointer;
  padding-left: 0;
}
.input-checklist .checkbox label:before,
.input-checklist .checkbox label:after {
  display: none !important;
}
/*.checkbox input:checked ~ label:before,
.checkbox input:checked ~ label:after{
    display: none!important;
}*/
.content-quiz .input-checklist .checkbox label {
  position: relative;
}
.content-quiz .checkbox input:checked ~ label,
.content-quiz .radio input[type="radio"]:checked ~ label {
  background: #84c4cc;
  color: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#quiz-page-1 .checkbox input:checked ~ label,
#quiz-page-1 .radio input[type="radio"]:checked ~ label {
  /*background: #84C4CC;*/
  /*color: #fff;*/
  box-shadow: none;
}
.content-quiz .checkbox input:checked ~ label p,
.content-quiz .radio input[type="radio"]:checked ~ label p {
  /*background: #FF7B42;*/
  color: #fff;
}

.content-quiz .form-group-checkbok-white .checkbox input:checked ~ label {
  /*.content-quiz .radio input[type="radio"]:checked ~ label{*/
  background: none;
  color: #fff;
}
#quiz-page-5,
#quiz-page-7,
#quiz-page-9,
#quiz-page-14,
#quiz-page-21,
#quiz-page-18,
#quiz-page-11,
#quiz-page-16 {
  padding-top: calc(6.9 * var(--vpi));
  padding-left: calc(15.62 * var(--vpi));
}
#quiz-page-6,
#quiz-page-8,
#quiz-page-15,
#quiz-page-17,
#quiz-page-19,
#quiz-page-12,
#quiz-page-10 {
  padding-top: 0;
  padding-left: 0;
}
#quiz-page-11 form {
  width: calc(147 * var(--vpi)) !important;
}
#quiz-page-5 form,
#quiz-page-7 form,
#quiz-page-14 form,
#quiz-page-9 form,
#quiz-page-18 form,
#quiz-page-21 form,
#quiz-page-11 form,
#quiz-page-16 form {
  width: 70%;
  /*display: flex;*/
  /*flex-direction: column;*/
  /*align-items: center;*/
}
#quiz-page-5 form .radio,
#quiz-page-7 form .checkbox,
#quiz-page-7 form .radio,
#quiz-page-9 form .checkbox,
#quiz-page-9 form .radio,
#quiz-page-14 form .checkbox,
#quiz-page-14 form .radio,
#quiz-page-16 form .checkbox,
#quiz-page-18 form .checkbox,
#quiz-page-18 form .radio,
#quiz-page-16 form .radio {
  /*display: flex;*/
  /*justify-content: center;*/
  margin-left: calc(11 * var(--vpi));
}
#quiz-page-21 form .checkbox,
#quiz-page-21 form .radio {
  margin-left: calc(5 * var(--vpi));
}
.answers-check .checkbox label.answers-success,
.answers-check .radio label.answers-success,
.content-quiz .answers-check .checkbox input:checked ~ label.answers-success,
.content-quiz
  .answers-check
  .radio
  input[type="radio"]:checked
  ~ label.answers-success {
  background: #43cc43;
  color: #fff;
}
.content-quiz .answers-check .radio input:checked ~ label.answers-danger,
.content-quiz
  .answers-check
  .radio
  input[type="radio"]:checked
  ~ label.answers-danger {
  /*.content-quiz .answers-check .answers-danger{*/
  background: #ff7b42;
  color: #fff;
}
.answers-check .answers-success p,
.answers-check .answers-danger p {
  color: #fff !important;
}

/*.answers-check .radio label.answers-success::before,*/
/*.content-quiz .answers-check .radio input[type="radio"] ~ label.answers-success{*/
/*.content-quiz .answers-check .radio input[type="radio"]::not(:checked) ~ label.answers-success::before{*/

/*position: absolute;
    right: -30px;
    background-color: #39da8a;*/
/*}*/

.content-quiz .radio label::before,
.content-quiz .radio label::after {
  /*position: absolute;*/
  /*right: -30px;*/
  /*background: #43CC43;*/
  display: none !important;
}
.content-quiz .checkbox .answers-check-icon,
/*.content-quiz .checkbox .answers-x-icon,*/
.content-quiz .radio .answers-check-icon {
  /*.content-quiz .radio .answers-x-icon{*/
  height: calc(6 * var(--vpi));
  position: absolute;
  right: calc(-10 * var(--vpi));
  display: none;
  top: calc(-1 * var(--vpi));
}

/*.content-quiz .checkbox .answers-check-icon,*/
.content-quiz .checkbox .answers-x-icon,
/*.content-quiz .radio .answers-check-icon,*/
.content-quiz .radio .answers-x-icon {
  height: calc(6 * var(--vpi));
  position: absolute;
  right: calc(-8 * var(--vpi));
  display: none;
  top: calc(-1 * var(--vpi));
}

.answers-check .checkbox label.answers-success .answers-check-icon,
.answers-check .radio label.answers-success .answers-check-icon {
  display: block;
}
.answers-check .checkbox label.answers-danger .answers-x-icon,
.answers-check .radio label.answers-danger .answers-x-icon {
  display: block;
}
.content-quiz .question-explain-content {
  background: #ffffff;
  box-shadow: -5px 7px 4px rgba(0, 0, 0, 0.25);
  border-radius: calc(6.2 * var(--vpi));
  height: calc(54 * var(--vpi));
  width: calc(146 * var(--vpi));

  /*color: #000000;*/

  /* Phân loại Lưu lượng khí tươi (Fresh Gas Flow-FGF) Lưu lượng cao > 2 L / phút Lưu lượng trung bình 1-2 L / phút Lưu lượng thấp 0.5 – 1 L / phút Lưu lượng tối thiểu 500 mL / phút Lưu lượng chuyển hoá 250 mL/phút */

  /*position: static;
    width: 941px;
    height: 240px;
    left: 0px;
    top: 0px;*/
  font-family: "Baloo 2", cursive;
  /*font-family: Roboto;*/
  font-style: normal;
  font-weight: 500;
  font-size: calc(2.5 * var(--vpi)); /*34px*/
  line-height: 160%; /*54px*/

  color: #4f4f4f;
  padding: calc(4 * var(--vpi));
  /*padding-right: 6*var(--vpi));*/
  /*padding-top: 7.6*var(--vpi));*/
  /*padding-bottom: 7.6*var(--vpi));*/

  /* Inside Auto Layout */
  /*flex: none;
    order: 0;
    flex-grow: 0;
    margin: 60px 0px;*/
}
.content-quiz .question-explain-content p {
  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: 500;
  font-size: calc(2.5 * var(--vpi)); /*34px*/
  line-height: 160%; /*54px*/

  color: #4f4f4f;
  margin-bottom: calc(4 * var(--vpi)); /*60px*/
}

.content-quiz .question-explain-content p.highlight-text {
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: 800;
  font-size: calc(2.5 * var(--vpi)); /*34px*/
  line-height: 160%; /*54px*/

  color: #2b8ecc;
}
.question-explain-content p {
  margin-bottom: 0 !important;
}
.question-explain-content .table th,
.question-explain-content .table td {
  padding: 5px;
}
.content-quiz .long-title .d-inline-block .input-type {
  line-height: calc(4 * var(--vpi));
}
.content-quiz .long-title .d-inline-block .label-title {
  line-height: calc(5 * var(--vpi));
  font-size: calc(4 * var(--vpi));
}
.input-checklist-long label .d-flex {
  margin-bottom: 0 !important;
}
.quiz-title-0 {
  /* Gây mê lưu lượng thấp */

  /*position: absolute;
    width: 1098px;
    height: 570px;
    left: 151px;
    top: 213px;*/

  /*font-family: Verdana;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: calc(12.5 * var(--vpi)); /*96/768*/
  line-height: 121%;
  text-transform: uppercase;

  color: #ea7160;

  margin-bottom: calc(2.47 * var(--vpi));

  width: calc(88.67 * var(--vpi));
  text-align: center;
}

.quiz-navbar li a {
  /* Game online */

  /*position: static;
    width: 268px;
    height: 56px;
    left: 0px;
    top: 0px;*/

  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: calc(4.68 * var(--vpi)); /*36/768*/
  line-height: 100%;

  /* White */
  color: #2e5575;

  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0px calc(1.7 * var(--vpi));
}
.quiz-navbar ul {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*padding-left: 0;*/
  /*margin-bottom: 0;*/
  list-style: none;
  /*margin-bottom: calc(2.8*var(--vpi));*/

  width: calc(88.67 * var(--vpi));
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: calc(2.47 * var(--vpi)); /*19/768*/
}
.quiz-navbar li {
  flex: 0 0 auto;
  width: auto;
  list-style: none;
}
.quiz-navbar li:first-child {
  border-right: 4px solid #2e5575;
}

.content-quiz .input-checklist .form-control {
  display: none;
}
.input-checklist-long > label {
  margin-bottom: calc(-10 * var(--vpi));
}
.input-checklist-long label .d-flex {
  margin-bottom: 0 !important;
}
.input-checklist-long .d-inline-block .quiz-number {
  line-height: calc(14 * var(--vpi));
}
.input-checklist-long .d-inline-block .input-type {
  line-height: calc(7 * var(--vpi));
}
.input-checklist-long .d-inline-block .label-title {
  line-height: calc(11.7 * var(--vpi));
}
.final-page .row-1,
.final-page .row-2,
.final-page .row-3 {
  /* Chúc mừng quý đồng nghiệp đã trả lời đúng */

  /*position: absolute;
    width: 715px;
    height: 190px;
    left: 750px;
    top: 454px;*/

  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: 800;
  font-size: calc(3.9 * var(--vpi)); /*30/768*/
  line-height: 198.19%;
  /* or 95px */
  text-align: center;

  /* Gray 2 */
  color: #2e5575;

  margin-bottom: 0 !important;
}
.final-page {
  padding-left: calc(9 * var(--vpi));
}
.final-page .row-1 {
  padding-top: calc(13 * var(--vpi));
}
.final-page .row-2 strong {
  /* 8/9 */

  /*position: absolute;
width: 220px;
height: 311px;
left: 948px;
top: 602px;*/

  /*font-family: Roboto;*/
  /*font-style: normal;*/
  /*font-weight: bold;*/
  font-size: calc(26.04 * var(--vpi)); /*200/768*/
  line-height: 110%;
  /* or 311px */
  text-align: center;

  /* Gray 2 */
  color: #409d76;
}
.drop-row {
  width: calc(82 * var(--vpi));
  margin-bottom: calc(3 * var(--vpi));
}
.drop-row .drop-title {
  max-width: calc(22 * var(--vpi));
  height: calc(15 * var(--vpi));
  margin-right: calc(1.5 * var(--vpi));
  background: #ffffff;
  border-radius: calc(1.8 * var(--vpi));
  border: calc(1.1 * var(--vpi)) solid #ffffff;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.drop-row .drop-title p {
  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: 800;
  font-size: calc(2.6 * var(--vpi));
  /*line-height: calc(15*var(--vpi));*/
  line-height: calc(12.8 * var(--vpi));
  /*line-height: 216.19%;*/
  /* identical to box height, or 74px */

  /* Gray 2 */

  color: #4f4f4f;

  /* Inside Auto Layout */

  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 0 !important;

  text-align: center;
}
.drop-row .drop-box {
  max-width: calc(56 * var(--vpi));
  margin-left: calc(1.5 * var(--vpi));
  background: #ffffff;
  border-radius: calc(1.8 * var(--vpi));
  min-height: calc(15 * var(--vpi));
  padding: 0; /*calc(3*var(--vpi));*/
  border: calc(1.1 * var(--vpi)) solid #ffffff;
}

.drop-row .drop-box .draggable {
  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: calc(2.5 * var(--vpi));
  line-height: 116%;

  color: #000000;
  margin-bottom: 5px !important;
}
.question-box {
  width: calc(64.8 * var(--vpi));
  height: calc(51 * var(--vpi));
  background: transparent;
  border-radius: calc(1.8 * var(--vpi));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: calc(18.4 * var(--vpi));
  right: 0;
  color: #000000;
  padding: 0;
}

.question-box .draggable {
  cursor: pointer;
  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: calc(2.5 * var(--vpi));
  line-height: 116%;
  color: #000000;
  flex: none;
  order: 4;
  flex-grow: 0;
  margin-bottom: calc(1.2 * var(--vpi));

  /* Frame 36 */

  /* Auto Layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: calc(1.8 * var(--vpi));
  width: 100%;
  /*position: static;*/
  /*width: 741px;*/
  /*height: 106px;*/
  /*left: 0px;*/
  /*top: 0px;*/

  background: #ffffff;
  border-radius: calc(2 * var(--vpi));

  /* Inside Auto Layout */
  /*flex: none;
order: 0;
flex-grow: 0;
margin: 34px 0px;*/

  /* A. Khi đạt EtDes = 1 MAC, giảm về lưu lượng thấp để duy trì mê nhưng đảm bảo tổng lượng oxy trên 0.4L/phút, duy trì 0.8-1 MAC */

  /*position: static;
width: 691px;
height: 56px;
left: 25px;
top: 25px;

font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 28px;

color: #000000;*/

  /* Inside Auto Layout */
  /*flex: none;
order: 0;
flex-grow: 0;
margin: 0px 10px;
*/
}

@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% 1400px;
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-right {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.slide-in-right-2 {
  -webkit-animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.slide-in-right-3 {
  -webkit-animation: slide-in-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-right 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.question-paragraph {
  width: calc(84 * var(--vpi));
  /*color: #4F4F4F;*/
  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: calc(2.5 * var(--vpi));
  line-height: 160%;
  margin: calc(2 * var(--vpi)) 0px;
}
/*.anesthesia_2-74{

}*/
.anesthesia_2-34 .input-checklist .checkbox label,
.anesthesia_2-34 .radio label {
  width: calc(84 * var(--vpi));
}
.anesthesia_1 {
  position: absolute;
  height: calc(85.15 * var(--vpi)); /*654/768*/
  right: calc(25.26 * var(--vpi)); /*194/768*/
  bottom: calc(2.99 * var(--vpi)); /*23/768*/
}
.anesthesia_2 {
  position: absolute;
  height: calc(39.06 * var(--vpi)); /*300/768*/
  bottom: 0; /*calc(-5.4*var(--vpi));*/
  left: calc(6.25 * var(--vpi)); /*48/768*/
}
.anesthesia_3 {
  position: absolute;
  height: calc(20.83 * var(--vpi)); /*160/768*/
  bottom: 0; /*calc(19*var(--vpi));*/
  left: calc(28.9 * var(--vpi)); /*222/768*/
}
.anesthesia_4 {
  position: absolute;
  height: calc(31.65 * var(--vpi)); /*243.13/768*/
  top: calc(38.5 * var(--vpi)); /*295.69/768*/
  right: calc(12.33 * var(--vpi)); /*94.76/768*/
}
.anesthesia_5 {
  position: absolute;
  height: calc(54.03 * var(--vpi)); /*415/768*/
  right: calc(-2 * var(--vpi)); /*calc(23*var(--vpi));*/
  bottom: calc(25.26 * var(--vpi)); /*194/768*/
}
.anesthesia_6 {
  position: absolute;
  height: calc(14.92 * var(--vpi)); /*130/7688*/
  top: calc(11.19 * var(--vpi)); /*86/768*/
  right: calc(59.76 * var(--vpi)); /*459/768*/
}
.anesthesia_7 {
  position: absolute;
  height: calc(25.26 * var(--vpi)); /*194/768*/
  bottom: 0; /*calc(28*var(--vpi));*/
  right: calc(4.42 * var(--vpi)); /*34/768*/
  z-index: 2;
}
.anesthesia_8 {
  position: absolute;
  height: calc(21.35 * var(--vpi)); /*164/768*/
  bottom: 0; /*calc(60*var(--vpi));*/
  left: 0; /*calc(29*var(--vpi));*/
}
.anesthesia_9 {
  position: absolute;
  height: calc(9.76 * var(--vpi)); /*75/768*/
  bottom: 0; /*calc(-5.4*var(--vpi));*/
  left: calc(18.75 * var(--vpi)); /*144/768*/
}
.anesthesia_10 {
  position: absolute;
  height: calc(17.18 * var(--vpi)); /*132/768*/
  bottom: calc(20.8 * var(--vpi)); /*164/768*/
  right: calc(3.38 * var(--vpi)); /*26/768*/
  z-index: 1;
}
.anesthesia_ellipse_5 {
  position: absolute;
  height: calc(61.06 * var(--vpi)); /*469/768*/
  top: calc(26.43 * var(--vpi)); /*203/768*/
  right: calc(12.1 * var(--vpi)); /*93/768*/
  z-index: 1;
}
.anesthesia_11 {
  position: absolute;
  height: calc(47.25 * var(--vpi)); /*362.9/768*/
  top: calc(45.44 * var(--vpi)); /*349/768*/
  right: calc(30.72 * var(--vpi)); /*236/768*/
  z-index: 1;
}
.anesthesia_12 {
  position: absolute;
  height: calc(19.65 * var(--vpi)); /*150.92/768*/
  top: calc(21.74 * var(--vpi)); /*167/768*/
  right: calc(19.79 * var(--vpi)); /*152/768*/
  z-index: 1;
}
.anesthesia_13 {
  position: absolute;
  height: calc(25.07 * var(--vpi)); /*192.59/768*/
  top: calc(17.18 * var(--vpi)); /*132/768*/
  right: calc(50.91 * var(--vpi)); /*391/768*/
  z-index: 1;
}
.anesthesia_ellipse_6 {
  position: absolute;
  height: calc(65.62 * var(--vpi)); /*504/768*/
  top: calc(12.5 * var(--vpi)); /*96/768*/
  right: calc(7 * var(--vpi)); /*104/768*/
  z-index: 0;
}

.anesthesia_14 {
  position: absolute;
  height: calc(86.71 * var(--vpi)); /*666/768*/
  bottom: calc(5.46 * var(--vpi)); /*42/768*/
  right: calc(32.03 * var(--vpi)); /* 246/768*/
  z-index: 1;
}
.anesthesia_15 {
  position: absolute;
  height: calc(21 * var(--vpi));
  bottom: calc(14 * var(--vpi));
  right: calc(-19 * var(--vpi));
}
.anesthesia_16 {
  position: absolute;
  height: calc(53.8 * var(--vpi));
  top: calc(25.5 * var(--vpi));
  right: calc(0 * var(--vpi));
  z-index: 1;
}
.anesthesia_ellipse_7 {
  position: absolute;
  height: calc(65.62 * var(--vpi)); /*504/768*/
  top: calc(19.53 * var(--vpi)); /*150/768*/
  right: calc(6 * var(--vpi)); /*99/768*/
  z-index: 0;
}
.anesthesia_17 {
  position: absolute;
  height: calc(69.66 * var(--vpi)); /*535/768**/
  bottom: calc(-2 * var(--vpi));
  right: calc(6.45 * var(--vpi)); /*88/768*/
  z-index: 1;
}
.anesthesia_18 {
  position: absolute;
  height: calc(21.7 * var(--vpi));
  top: calc(17.7 * var(--vpi));
  right: calc(-13 * var(--vpi));
}
.anesthesia_19 {
  position: absolute;
  height: calc(53 * var(--vpi));
  top: calc(24.9 * var(--vpi));
  right: calc(18.5 * var(--vpi));
  /*right: calc(8.5*var(--vpi));*/
  z-index: 1;
}
.anesthesia_ellipse_8 {
  position: absolute;
  height: calc(65.62 * var(--vpi)); /*504/768*/
  top: calc(14.5 * var(--vpi)); /*96/768*/
  right: calc(7 * var(--vpi)); /*104/768*/
  z-index: 0;
}
.anesthesia_ellipse_9 {
  position: absolute;
  height: calc(65.62 * var(--vpi)); /*504/768*/
  top: calc(12.5 * var(--vpi)); /*96/768*/
  right: calc(8.54 * var(--vpi)); /*104/768*/
  z-index: 0;
}
.anesthesia_ellipse_10 {
  position: absolute;
  height: calc(65.62 * var(--vpi)); /*504/768*/
  top: calc(12.5 * var(--vpi)); /*96/768*/
  right: calc(8.54 * var(--vpi)); /*104/768*/
  z-index: 0;
}
.anesthesia_ellipse_10 {
  position: absolute;
  height: calc(65.62 * var(--vpi)); /*504/768*/
  top: calc(14.97 * var(--vpi)); /*115/768*/
  right: calc(7.58 * var(--vpi)); /*89/768*/
  z-index: 0;
}
.anesthesia_20 {
  position: absolute;
  height: calc(78.126 * var(--vpi)); /*600/768*/
  bottom: 0;
  right: 0;
  z-index: 1;
}
.anesthesia_21 {
  position: absolute;
  height: calc(17 * var(--vpi)); /*230px*/
  top: calc(8.5 * var(--vpi));
  right: calc(-2.6 * var(--vpi));
}
.anesthesia_22 {
  position: absolute;
  height: calc(51.6 * var(--vpi)); /*697px*/
  bottom: calc(14.9 * var(--vpi));
  right: calc(19 * var(--vpi));
  z-index: 1;
}
.anesthesia_ellipse_1 {
  position: absolute;
  height: calc(61 * var(--vpi)); /*826px*/
  top: calc(8.7 * var(--vpi));
  right: calc(4.5 * var(--vpi));
  z-index: 0;
}
.anesthesia_23 {
  position: absolute;
  height: calc(89.71 * var(--vpi)); /*689/768*/
  bottom: calc(4.16 * var(--vpi)); /*32/768*/
  right: calc(22 * var(--vpi)); /*169/768*/
  z-index: 1;
}
.anesthesia_24 {
  position: absolute;
  height: calc(19 * var(--vpi)); /*259px*/
  bottom: calc(5.6 * var(--vpi));
  right: calc(-6.6 * var(--vpi));
}
.anesthesia_25 {
  position: absolute;
  height: calc(98 * var(--vpi)); /*1329px*/
  top: calc(2.9 * var(--vpi));
  right: calc(11.4 * var(--vpi));
  z-index: 1;
}
.anesthesia_ellipse_2 {
  position: absolute;
  height: calc(61 * var(--vpi)); /*826px*/
  top: calc(15.5 * var(--vpi));
  right: calc(3 * var(--vpi));
  z-index: 0;
}

.anesthesia_26 {
  position: absolute;
  height: calc(47.39 * var(--vpi)); /*364/768*/
  top: calc(24.08 * var(--vpi)); /*185/768*/
  right: calc(16.6 * var(--vpi)); /*160/768*/
  z-index: 1;
}
.anesthesia_27 {
  position: absolute;
  height: calc(53.23 * var(--vpi)); /*408.85/768*/
  top: calc(29.81 * var(--vpi)); /*229/768*/
  right: calc(0 * var(--vpi)); /*23/768*/
  z-index: 1;
}
.anesthesia_28 {
  position: absolute;
  height: calc(39.8 * var(--vpi)); /*538px*/
  top: calc(28 * var(--vpi));
  right: calc(15 * var(--vpi));
  z-index: 1;
}
.anesthesia_ellipse_3 {
  position: absolute;
  height: calc(61 * var(--vpi)); /*826px*/
  top: calc(18 * var(--vpi));
  right: calc(7.2 * var(--vpi));
  z-index: 0;
}

.anesthesia_29 {
  position: absolute;
  height: calc(21.7 * var(--vpi)); /*294px*/
  top: calc(-5.4 * var(--vpi));
  right: calc(-6.5 * var(--vpi));
}
.anesthesia_30 {
  position: absolute;
  height: calc(17 * var(--vpi)); /*230px*/
  /*bottom: calc(4*var(--vpi));*/
  /*right: calc(65.7*var(--vpi));*/
  bottom: calc(16 * var(--vpi));
  right: calc(45 * var(--vpi));
}
.anesthesia_31 {
  position: absolute;
  /*height: calc(71*var(--vpi));*/ /*960px*/
  /*bottom: calc(11*var(--vpi));*/
  /*right: calc(0*var(--vpi));*/
  z-index: 1;

  height: calc(57 * var(--vpi));
  top: calc(11 * var(--vpi));
  right: calc(8 * var(--vpi));
}
.anesthesia_ellipse_4 {
  position: absolute;
  height: calc(61 * var(--vpi)); /*826px*/
  top: calc(8.7 * var(--vpi));
  right: calc(4.5 * var(--vpi));
  z-index: 0;
}
.hedima-shake-vertical {
  -webkit-animation: shake-vertical 15s 0.65s
    cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both !important;
  animation: shake-vertical 15s 0.65s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite both !important;
}

.hedima-shake-vertical-2 {
  -webkit-animation: shake-vertical 15s 1s
    cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both !important;
  animation: shake-vertical 15s 1s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite both !important;
}

.hedima-shake-vertical-3 {
  -webkit-animation: shake-vertical 15s 0s
    cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both !important;
  animation: shake-vertical 15s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite both !important;
}
@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
    transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
    transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
    transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
    transform: translateY(-6.4px);
  }
}
.hedima-ellipse {
  -webkit-animation: shake-vertical 15s 0s
    cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
  animation: shake-vertical 15s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite both;
}
.wrapper-loader {
  /*display: block!important;*/
}

/* ----------------------------------------------
 * Generated by Animista on 2021-6-26 16:26:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  -webkit-animation: fade-out 1s ease-out both;
  animation: fade-out 1s ease-out both;
}
.shake-horizontal {
  -webkit-animation: shake-horizontal 20s
    cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite reverse both;
  animation: shake-horizontal 20s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite reverse both;
}
.shake-horizontal-1 {
  -webkit-animation: shake-horizontal 20s
    cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s infinite reverse both;
  animation: shake-horizontal 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 1s
    infinite reverse both;
}

.shake-horizontal-2 {
  -webkit-animation: shake-horizontal 20s
    cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s infinite reverse both;
  animation: shake-horizontal 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s
    infinite reverse both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-6-26 16:35:49
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
.anesthesia_32 {
  position: absolute;
  height: calc(37.18 * var(--vpi)); /*285.55/768*/
  top: calc(28.12 * var(--vpi)); /*216/768*/
  right: calc(-2.2 * var(--vpi));
}
.anesthesia_33 {
  position: absolute;
  height: calc(17.83 * var(--vpi)); /*137/768*/
  top: calc(17.18 * var(--vpi)); /*132/768*/
  left: calc(12.63 * var(--vpi)); /*97/768*/
  z-index: 1;
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.scale-up-center {
  -webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.btn-login:hover img,
.btn-login img:hover .btn-answers:hover img,
.btn-answers img:hover {
  /*-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;*/
  /*animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;*/

  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
/* ----------------------------------------------
 * Generated by Animista on 2021-6-26 22:30:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
.scale-in-bottom {
  -webkit-animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    0.5s both;
  animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.bubble_01 {
  cursor: pointer;
  z-index: 1;
}
.lock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: #fff;
  display: none;
}
.lock > p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 90%;
  text-align: center;
  font-size: 15px;
}
/*@media screen and (max-width: 812px) and (max-height: 414px) {*/

.anesthesia_34 {
  position: absolute;
  height: calc(40.36 * var(--vpi)); /*309.97/768*/
  top: calc(14.32 * var(--vpi)); /*110/768*/
  right: calc(3.64 * var(--vpi)); /*28/768*/
  z-index: 2;
}
.anesthesia_35 {
  position: absolute;
  height: calc(19.96 * var(--vpi)); /*153.36/768*/
  right: 0; /*calc(-5.8*var(--vpi));*/
  top: 0; /*calc(10.6*var(--vpi));*/
  z-index: 2;
}

.content-quiz .anesthesia_2-23 .d-inline-block .label-title {
  line-height: calc(14 * var(--vpi));
}
.content-quiz .anesthesia_2-23 .d-inline-block .input-type {
  line-height: calc(7 * var(--vpi));
}
@media screen and (max-width: 812px) and (orientation: portrait) {
  .lock {
    display: block;
  }
  .content-quiz .checkbox label p,
  .content-quiz .radio label p {
  }
  .content-quiz .card {
    height: calc(100 * var(--vpi));
  }
  .quiz-title-0 {
    font-size: calc(9.5 * var(--vpi));
  }
}
@media only screen and (max-width: 812px) {
  /* :root {
    --vpi: 0.9vh;
  } */
  :root {
    --vpi: 0.7vh;
  }
  /* .content-quiz {
    top: 0;
  } */
  .quiz-title-0 {
    font-size: calc(9.5 * var(--vpi));
  }

  .content-quiz .card {
    height: calc(100 * var(--vpi));
  }
}

@media screen and (max-width: 812px) and (orientation: portrait) {
  :root {
    --vpi: 0.9vh;
  }
}
@media only screen and (min-device-width: 813px) and (max-device-width: 1024px) {
  /* For portrait layouts only */
  :root {
    --vpi: 0.8vh;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  :root {
    --vpi: 0.8vh;
  }
}
.label-title-2 {
  /*font-family: Verdana;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: calc(3.8 * var(--vpi));
  line-height: 118%;
  text-transform: uppercase;
  color: #ff7b42;
  background: #ffffff;
  border-radius: calc(1.7 * var(--vpi));
  padding: calc(0.7 * var(--vpi)) calc(1.4 * var(--vpi));
}
.explanatory-data {
  /*font-family: Roboto;*/
  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: calc(2.5 * var(--vpi));
  line-height: 120%;
  margin: calc(3 * var(--vpi)) 0px;
  padding: calc(3 * var(--vpi));
  background: #ffffff;
  border-radius: calc(2.2 * var(--vpi));
  color: #000000;
}
.question_title_second-dung {
  /*font-family: Verdana;*/
  /*font-family: 'Coiny', cursive;
    font-style: normal;
    font-weight: bold;
    font-size: calc(3.8*var(--vpi));
    line-height: 118%;
    background: #FFFFFF;
    border-radius: calc(1.7*var(--vpi));
    color: #43CC43;
    padding: calc(.7*var(--vpi)) calc(1.4*var(--vpi));*/

  font-family: "Baloo 2", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: calc(3.9 * var(--vpi));
  line-height: calc(3 * var(--vpi)); /*40/768*/
  background: #ea7160;
  border-radius: calc(1.7 * var(--vpi));
  color: rgba(255, 255, 255, 1);
  padding: calc(0 * var(--vpi)) calc(1.69 * var(--vpi)) calc(0 * var(--vpi)); /*13/768*/
}
.question_title_second-sai {
  /*font-family: Verdana;*/
  /*font-family: 'Coiny', cursive;
    font-style: normal;
    font-weight: bold;
    font-size: calc(3.8*var(--vpi));
    line-height: 118%;
    background: #FFFFFF;
    border-radius: calc(1.7*var(--vpi));
    color: #FF7B42;
    padding: calc(.7*var(--vpi)) calc(1.4*var(--vpi));*/

  font-family: "Coiny", cursive;
  font-style: normal;
  font-weight: bold;
  font-size: calc(3 * var(--vpi));
  line-height: 100%;
  background: #ffffff;
  border-radius: calc(1.7 * var(--vpi));
  color: #ff7b42;
  padding: calc(1 * var(--vpi)) calc(1.4 * var(--vpi)) calc(0.5 * var(--vpi));
}
.anesthesia_2-16 .label-title {
  margin-top: calc(1.5 * var(--vpi)) !important;
}
.anesthesia_2-16 label {
  margin-bottom: 0 !important;
}
.anesthesia_2-30 .d-inline-block .label-title,
/*.anesthesia_2-27 .d-inline-block .label-title,*/
.anesthesia_2-20 .d-inline-block .label-title,
.anesthesia_2-16 .d-inline-block .label-title {
  line-height: calc(5.7 * var(--vpi)) !important;
}
.anesthesia_2-44 .checkbox label,
.anesthesia_2-16 .checkbox label {
  margin: calc(1 * var(--vpi)) 0px !important;
}
.anesthesia_2-38 .checkbox label {
  margin: calc(0.7 * var(--vpi)) 0px !important;
}
.anesthesia_2-23 .question-explain-content {
  margin-top: calc(-3 * var(--vpi)) !important;
}
.anesthesia_2-27 .question-explain-content {
  /*margin-top: calc(-4*var(--vpi))!important;*/
}
.anesthesia_2-30 .d-inline-block .label-title {
  margin-top: calc(2 * var(--vpi)) !important;
}
.anesthesia_2-48 .radio:nth-of-type(1),
.anesthesia_2-44 .radio:nth-of-type(1) {
  margin-top: calc(-4 * var(--vpi)) !important;
}
.anesthesia_2-44 .radio label {
  margin: calc(1 * var(--vpi)) 0px !important;
}
.anesthesia_2-50 .label-title,
.anesthesia_2-72 .label-title,
.anesthesia_2-46 .label-title,
.anesthesia_2-42 .label-title,
.anesthesia_2-40 .label-title,
.anesthesia_2-36 .label-title,
.anesthesia_2-13 .label-title {
  line-height: calc(14 * var(--vpi)) !important;
}
.anesthesia_2-32 .label-title,
.anesthesia_2-28 .label-title,
.anesthesia_2-27 .label-title,
.anesthesia_2-18 .label-title {
  line-height: calc(7 * var(--vpi)) !important;
}
/*.anesthesia_2-27 .quiz-number ,*/
.anesthesia_2-18 .quiz-number {
  height: calc(14 * var(--vpi)) !important;
}

.anesthesia_2-38 .label-title {
  margin-bottom: calc(-3 * var(--vpi)) !important;
}
/*.question-quiz-next{
    display: none;
}*/

/*.anesthesia_2-38 .checkbox,
.anesthesia_2-12 .checkbox{
    padding-left: 0!important;
}*/
/*.anesthesia_2-38 .checkbox label p, 
.anesthesia_2-38 .radio label p,
.anesthesia_2-12 .checkbox label p, 
.anesthesia_2-12 .radio label p{
    font-size: calc(3*var(--vpi))!important;
    line-height: 120%!important;
}*/
/*.anesthesia_2-38 .checkbox label, */
/*.anesthesia_2-38 .radio label,*/
/*.anesthesia_2-12 .checkbox label, */
/*.anesthesia_2-12 .radio label{*/
/*width: calc(97*var(--vpi))!important;*/
/*width: calc(80*var(--vpi) + 15px)!important;*/
/*margin: calc(1*var(--vpi)) 0px!important;*/
/*}*/
/*.anesthesia_2-30 .checkbox label p, 
.anesthesia_2-30 .radio label p{
    font-size: calc(3.5*var(--vpi))!important;
}*/
/*.anesthesia_2-38 .checkbox label p strong, 
.anesthesia_2-38 .radio label p strong,
.anesthesia_2-12 .checkbox label p strong, 
.anesthesia_2-12 .radio label p strong {
    font-size: calc(3.5*var(--vpi))!important;
}*/
/*.anesthesia_2-38  .label-title{
    margin-bottom: -14px!important;
}*/
/*.anesthesia_2-38 .d-inline-block .quiz-number{
    height: calc(15*var(--vpi))!important;
}*/

/* ----------------------------------------------
 * Generated by Animista on 2021-6-30 11:12:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in {
  -webkit-animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
  animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}

.fade-in-2 {
  -webkit-animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) 2s both;
  animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) 2s both;
}
.fade-in-3 {
  -webkit-animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) 4s both;
  animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) 4s both;
}
.fade-in-4 {
  -webkit-animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) 5s both;
  animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) 5s both;
}
.anesthesia_36 {
  position: absolute;
  height: calc(23.17 * var(--vpi)); /*178/768*/
  top: calc(0.91 * var(--vpi)); /*7/768*/
  right: calc(5.2 * var(--vpi)); /*40/768*/
  z-index: 1;
}
.anesthesia_39 {
  position: absolute;
  height: calc(33.72 * var(--vpi)); /*259/768*/
  bottom: calc(23.43 * var(--vpi)); /*180/768*/
  left: calc(30 * var(--vpi)); /*241/768*/
  z-index: 1;
}
.anesthesia_37 {
  position: absolute;
  height: calc(79 * var(--vpi));
  right: calc(2.4 * var(--vpi));
  bottom: calc(2.4 * var(--vpi));
  z-index: 1;
}

.anesthesia_38 {
  position: absolute;
  height: calc(71 * var(--vpi));
  right: calc(40.5 * var(--vpi));
  top: calc(13 * var(--vpi));
  z-index: 0;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-6-30 16:5:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-in-left {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s
    both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}
.fade-in-left-2 {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 1s
    both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 1s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-6-30 16:7:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  -webkit-animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.anesthesia_2-38 .checkbox {
  padding-left: 0;
}

@media only screen and (max-width: 812px) {
  .anesthesia_2-38 .d-inline-block .quiz-number {
    height: calc(12 * var(--vpi));
  }
  .anesthesia_2-38 .d-inline-block .input-type {
    line-height: calc(4 * var(--vpi));
  }
  .anesthesia_2-38 .d-inline-block .label-title {
    min-height: calc(5 * var(--vpi));
    line-height: calc(8 * var(--vpi));
  }
  .anesthesia_2-38 .checkbox label p,
  .anesthesia_2-38 .radio label p {
    line-height: 125%;
  }
  .anesthesia_2-36 .question-explain-content ul {
    margin-bottom: calc(2 * var(--vpi));
  }
}
.fosamax_8-268 .row {
  width: calc(136.84 * var(--vpi)); /*1051/768*/
  display: flex;
  align-items: flex-end;
  margin-top: 10px;
}
.fosamax_8-268 .row .col:first-child {
  width: calc(93.09 * var(--vpi)); /*715/768*/
  max-width: calc(93.09 * var(--vpi)); /*715/768*/
}
.fosamax_8-268 .row .col:last-child {
  width: calc(36.71 * var(--vpi)); /*282/768*/
  max-width: calc(36.71 * var(--vpi)); /*282/768*/
  padding-bottom: calc(8.33 * var(--vpi)); /*64/768*/
}

.fosamax_8-278 .row {
  width: calc(153.64 * var(--vpi)); /*1051/768*/
  display: flex;
  align-items: flex-end;
  margin-top: 10px;
}
.fosamax_8-278 .row .col:first-child {
  width: calc(57.68 * var(--vpi)); /*443/768*/
  max-width: calc(57.68 * var(--vpi)); /*715/768*/
}
.fosamax_8-278 .row .col:last-child {
  width: calc(92.96 * var(--vpi)); /*714/768*/
  max-width: calc(92.96 * var(--vpi)); /*282/768*/
  /*padding-bottom: calc(8.33*var(--vpi));/*64/768*/
}

.fosamax_8-287 .row {
  width: calc(167.57 * var(--vpi)); /*1051/768*/
  display: flex;
  align-items: flex-end;
  margin-top: 10px;
}
.fosamax_8-287 .row .col:first-child {
  width: calc(59.5 * var(--vpi)); /*457/768*/
  max-width: calc(59.5 * var(--vpi)); /*715/768*/
}
.fosamax_8-287 .row .col:last-child {
  width: calc(101 * var(--vpi)); /*805/768*/
  max-width: calc(101 * var(--vpi)); /*282/768*/
  /*padding-bottom: calc(8.33*var(--vpi));/*64/768*/
}

.quiz-question-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.quiz-question-icon .question-icon {
  height: calc(22 * var(--vpi)); /*169/768*/
}
.quiz-question-has-icon.explain-content {
  padding-top: calc(4.8 * var(--vpi)); /*37/768*/
  padding-left: calc(8.2 * var(--vpi)); /*63/768*/
}
.quiz-question-has-icon.explain-content .quiz-number {
  color: #ffffff !important;
}
.quiz-question-has-icon.explain-content .label-title {
  font-size: calc(5.2 * var(--vpi)); /*40/768*/
  line-height: calc(6.5 * var(--vpi)); /*50/768*/
  /*font-family: 'Baloo';*/
  color: #ffffff;
  font-weight: bold;
  padding-top: calc(1 * var(--vpi));
}
.btn-answers.btn-previous,
.btn-answers.btn-next {
  width: calc(28 * var(--vpi)); /*233.01/768*/
  bottom: calc(1.5 * var(--vpi));
}
.btn-answers.btn-previous img,
.btn-answers.btn-next img {
  height: calc(5.5 * var(--vpi)) !important; /*56/768*/
}
.btn-answers.btn-previous {
  right: calc(50 * var(--vpi)) !important;
}

.btn-answers.btn-next {
  right: calc(22 * var(--vpi)) !important;
}
.fosamax_8-294 img,
.fosamax_8-333 img {
  height: calc(13.91 * var(--vpi)) !important; /*106.85/768*/
}

#modal-result-false .modal-dialog,
#modal-result-true .modal-dialog {
  min-width: calc(171.86 * var(--vpi));
  max-width: calc(171.86 * var(--vpi));
  top: calc(100vh / 2 - 100 * var(--vpi) / 2);
  margin: 0 auto;
  margin-left: calc(100vw / 2 - 176.86 * var(--vpi) / 2);
  overflow: hidden;
}
#modal-result-true .modal-body,
#modal-result-false .modal-body,
#modal-result-false .modal-content,
#modal-result-true .modal-content {
  /* height: calc(100 * var(--vpi) - 20px);
  min-height: calc(100 * var(--vpi) - 20px); */
  height: calc(100 * var(--vpi));
  min-height: calc(100 * var(--vpi));
  border-radius: 0;
}
#modal-result-true .modal-content,
#modal-result-false .modal-content {
  background-image: url(https://quiz.hedima.vn/public/uploads/fosamax/Cau-tra-loi-1-Correct-1.jpeg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50%;
}
.modal-result-1 img {
  position: absolute;
  height: calc(44.27 * var(--vpi)); /*178/768*/
  top: calc(23.3 * var(--vpi)); /*179/768*/
  left: 0; /*40/768*/
  /*z-index: 1;*/
}
.modal-result-2 img {
  position: absolute;
  height: calc(91.14 * var(--vpi)); /*700/768*/
  bottom: 0; /*7/768*/
  right: calc(8 * var(--vpi)); /*128/768*/
  /*z-index: 1;*/
}
.modal-result-3 img {
  position: absolute;
  height: calc(11.84 * var(--vpi)); /*91/768*/
  bottom: 0; /*7/768*/
  left: calc(18.61 * var(--vpi)); /*143/768*/
  /*z-index: 1;*/
}
.modal-result-4 img {
  position: absolute;
  height: calc(28.51 * var(--vpi)); /*219/768*/
  bottom: 0; /*7/768*/
  left: 0; /*128/768*/
  /*z-index: 1;*/
}
.result-quiz-next {
  position: absolute;
  bottom: calc(13.61 * var(--vpi));
  left: calc(25.61 * var(--vpi));
}
.result-quiz-next img {
  height: calc(11.04 * var(--vpi));
}
#quiz-page-14 form {
  width: 75%;
  /*display: flex;*/
  /*flex-direction: column;*/
  /*align-items: center;*/
}
.fosamax_8-282 .row {
  margin-top: 15px;
}