.ng-cloak {
  display: none !important;
}

@font-face {
  font-family: "vivoFont";
  src: url("./fonts/VIVOTYPECN-B.eot");
  src: url("./fonts/VIVOTYPECN-B.eot?#iefix") format("embedded-opentype"), url("./fonts/VIVOTYPECN-B.woff2") format("woff2"), url("./fonts/VIVOTYPECN-B.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "vivoFont";
  src: url("./fonts/VIVOTYPECN-L.eot");
  src: url("./fonts/VIVOTYPECN-L.eot?#iefix") format("embedded-opentype"), url("./fonts/VIVOTYPECN-L.woff2") format("woff2"), url("./fonts/VIVOTYPECN-L.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "vivoFont";
  src: url("./fonts/VIVOTYPECN-M.eot");
  src: url("./fonts/VIVOTYPECN-M.eot?#iefix") format("embedded-opentype"), url("./fonts/VIVOTYPECN-M.woff2") format("woff2"), url("./fonts/VIVOTYPECN-M.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "vivoFont";
  src: url("./fonts/VIVOTYPECN-H.eot");
  src: url("./fonts/VIVOTYPECN-H.eot?#iefix") format("embedded-opentype"), url("./fonts/VIVOTYPECN-H.woff2") format("woff2"), url("./fonts/VIVOTYPECN-H.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "vivoFont";
  src: url("./fonts/VIVOTYPECN-R.eot");
  src: url("./fonts/VIVOTYPECN-R.eot?#iefix") format("embedded-opentype"), url("./fonts/VIVOTYPECN-R.woff2") format("woff2"), url("./fonts/VIVOTYPECN-R.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: "vivoFont", Fallback, sans-serif;
  font-weight: normal;
}

button {
  font-family: "vivoFont", Fallback, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

.mcontainer {
  max-width: 1440px;
  margin: 0 auto;
}

@media screen and (max-width: 1599px) {
  .mcontainer {
    width: calc(100% - 160px);
  }
}
@media screen and (max-width: 1199px) {
  .mcontainer {
    width: 100% !important;
    padding: 0 40px;
  }
}
a {
  color: #000;
}
a:hover {
  text-decoration: none;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.b-word {
  word-break: break-all;
}

.table-div {
  display: table;
}
.table-div > div {
  display: table-cell;
  vertical-align: middle;
}
.table-div > div.top {
  vertical-align: top;
}
.table-div.full {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .mcontainer {
    width: 100% !important;
    padding: 0 15px;
    min-width: auto;
  }
}
.dos-info {
  text-align: left !important;
  padding: 40px;
}
.dos-info .close-i {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
  display: inline-block;
}
.dos-info h3 {
  font-size: 22px;
  margin-bottom: 16px;
  font-weight: 500;
}
.dos-info h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.dos-info ul,
.dos-info ol {
  padding-left: 0;
  padding-left: 22px;
}
.dos-info ul li,
.dos-info ol li {
  margin-bottom: 4px;
}
.dos-info ul li ul,
.dos-info ol li ul {
  padding-left: 22px;
}
.dos-info p {
  margin: 0;
  margin-bottom: 12px;
}
.dos-info p,
.dos-info li {
  font-size: 14px !important;
}
.dos-info p a,
.dos-info li a {
  color: #475EF6;
}

.quiz-terms-condition {
  color: #fff;
  text-align: right;
  margin: 20px 0px 0px;
  font-size: 14px;
  position: absolute;
  bottom: 30px;
  right: 80px;
}
.quiz-terms-condition a {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .dos-info {
    text-align: left !important;
    padding: 24px 16px !important;
  }
  .dos-info h3 {
    font-size: 19px;
  }
  .dos-info h4 {
    font-size: 16px;
  }
  .dos-info ul,
  .dos-info ol {
    padding-left: 25px;
  }
  .dos-info ul li ul,
  .dos-info ol li ul {
    padding-left: 12px;
  }
  .dos-info p {
    margin-bottom: 8px;
  }
  .quiz-terms-condition {
    bottom: -20px;
    right: auto;
    left: 0px;
    padding: 0px 10px;
    text-align: left;
    background: linear-gradient(90deg, rgb(41, 108, 183) 0%, rgb(65, 92, 174) 100%);
  }
  .quiz-terms-condition p {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=common.css.map */