@charset "UTF-8";
.page a {
  text-decoration: none;
  color: #ffffff;
  display: inline-block; }
.page .justify-content-center {
  justify-content: center; }
.page .container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto; }
.page .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
.page .text-gray {
  color: #989898; }
.page .font-18 {
  font-size: 18px; }
.page .mb-6 {
  margin-bottom: 6px; }
.page .mb-8 {
  margin-bottom: 8px; }
.page .mb-10 {
  margin-bottom: 10px; }
.page .mb-12 {
  margin-bottom: 12px; }
.page .mb-16 {
  margin-bottom: 16px; }
.page .mb-20 {
  margin-bottom: 20px; }
.page .mb-30 {
  margin-bottom: 30px; }
.page .mt-30 {
  margin-top: 30px; }
.page .mb-24 {
  margin-bottom: 24px; }
.page .my-24 {
  margin: 24px 0; }
.page .my-auto {
  margin: auto 0; }
.page .ml-20 {
  margin-left: 20px; }
.page .col-4, .page .col-6, .page .col-8 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }
.page .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }
.page .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }
.page .col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }
.page .font-weight-700 {
  font-weight: 700; }
.page .page-top .page-nav {
  overflow: auto;
  white-space: nowrap; }
  .page .page-top .page-nav::-webkit-scrollbar {
    display: none; }
  .page .page-top .page-nav .nav-link {
    display: inline-block;
    color: #CCCCCC;
    padding: 8px 16px;
    border-bottom: 2px solid #333333; }
  .page .page-top .page-nav .page-active {
    color: #ffffff;
    border-bottom: 2px solid #F7941E; }
.page .page-content .article {
  background: #1C1C1C;
  padding: 30px 16px; }
  .page .page-content .article .table-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%; }
  .page .page-content .article .table-scroll-wrapper table {
    min-width: 600px;
    /* Hoặc giá trị đủ lớn */
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
    display: table;
    margin: 0; }
  .page .page-content .article .table-scroll-wrapper td,
  .page .page-content .article .table-scroll-wrapper th {
    padding: 8px;
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff; }
    .page .page-content .article .table-scroll-wrapper td ul,
    .page .page-content .article .table-scroll-wrapper th ul {
      margin: 0;
      text-align: left;
      padding-inline-start: 20px; }
    .page .page-content .article .table-scroll-wrapper td p,
    .page .page-content .article .table-scroll-wrapper th p {
      margin: 0 !important; }
.page .page-content .device {
  background: #1C1C1C;
  padding: 30px 0; }
  .page .page-content .device .title {
    text-align: center;
    margin-bottom: 30px; }
  .page .page-content .device .row {
    position: relative; }
    .page .page-content .device .row .img-apple {
      position: absolute;
      left: 16.666667%;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      width: 108.55px; }
    .page .page-content .device .row .img-android {
      position: absolute;
      right: 16.666667%;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      width: 108.55px; }
    .page .page-content .device .row .left {
      z-index: 2;
      margin: auto 0; }
      .page .page-content .device .row .left a {
        margin-top: 12px; }
    .page .page-content .device .row .right {
      z-index: 2; }
.page .page-content .quality {
  background: #1C1C1C;
  padding: 30px 16px; }
  .page .page-content .quality ul {
    padding-left: 32px; }
    .page .page-content .quality ul li {
      line-height: 17px; }
  .page .page-content .quality .table-refer, .page .page-content .quality th, .page .page-content .quality td {
    background: transparent; }
  .page .page-content .quality .box-table {
    white-space: nowrap;
    overflow: auto; }
    .page .page-content .quality .box-table .table {
      border-spacing: 0;
      border-collapse: collapse;
      background-color: transparent;
      display: table;
      width: 858px;
      margin: 0; }
    .page .page-content .quality .box-table .table-bordered > thead > tr > th, .page .page-content .quality .box-table .table-bordered > tbody > tr > td, .page .page-content .quality .box-table .table-bordered > tbody > tr > th, .page .page-content .quality .box-table .table-bordered > tfoot > tr > td, .page .page-content .quality .box-table .table-bordered > tfoot > tr > th, .page .page-content .quality .box-table .table-bordered > thead > tr > td {
      border: 1px solid #ffffff;
      color: #ffffff;
      padding: 24px 12px; }
.page .page-content .security {
  background: #1C1C1C;
  padding: 30px 16px; }
.page .page-content .contract .btn-show-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #222;
  color: #fff;
  padding: 12px;
  border: none;
  text-align: left; }
.page .page-content .contract .btn-show-content img {
  transition: transform 0.3s ease; }
.page .page-content .contract .btn-show-content.active img {
  transform: rotate(180deg); }
.page .page-content .contract .btn-collapse {
  display: none;
  background: #444;
  color: #fff;
  width: 100%;
  padding: 10px;
  border: none;
  text-align: center; }
.page .page-content .contract .box-content {
  display: none;
  padding: 1.875rem 1rem;
  background: #333;
  color: #eee; }
.page .page-content .contract .resolve-complaints .title {
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 1.5rem; }
.page .page-content .contract .resolve-complaints .box-content {
  padding: 2.5rem 2rem; }
.page .user {
  display: flex;
  padding: 14px 24px;
  border: 1px solid #333333;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 12px; }
  .page .user .name {
    margin-left: 8px;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF; }
.page .support {
  padding: 14px 24px;
  border: 1px solid #333333;
  border-radius: 8px;
  margin-bottom: 12px; }
  .page .support .support-top {
    display: flex;
    justify-content: space-between; }
    .page .support .support-top .box-left {
      display: flex;
      align-items: center; }
      .page .support .support-top .box-left .title {
        margin-left: 20px;
        font-size: 18px; }
  .page .support .support-box .form-group {
    margin-bottom: 24px; }
    .page .support .support-box .form-group .form-control {
      margin-top: 9px;
      background: #272727;
      border: 1px solid #989898;
      border-radius: 6px;
      width: 100%; }
    .page .support .support-box .form-group textarea {
      color: #ffffff;
      padding: 14px 24px;
      font-family: "Helvetica Neue", sans-serif;
      font-size: 14px; }
    .page .support .support-box .form-group .btn-send-faq {
      background: #272727;
      border-radius: 7px;
      border: none;
      width: 188px;
      height: 40px;
      padding: 10px 24px;
      color: #666666; }
    .page .support .support-box .form-group select {
      appearance: none; }
    .page .support .support-box .form-group select:required:invalid {
      color: #989898; }
      .page .support .support-box .form-group select:required:invalid option[value=""][disabled] {
        display: none; }
.page .background-active {
  background: #333333; }
.page .question {
  border-radius: 8px;
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #333333;
  padding: 14px 24px; }
  .page .question .question-top {
    display: flex;
    justify-content: space-between; }
    .page .question .question-top .box-left {
      display: flex;
      align-items: center; }
      .page .question .question-top .box-left .title {
        font-size: 18px; }
  .page .question .question-box .title {
    font-weight: 500;
    font-size: 16px; }
  .page .question .question-box .panel-group .faq {
    margin-bottom: 12px;
    border-bottom: 1px solid #666666;
    padding: 12px 0; }
    .page .question .question-box .panel-group .faq .group-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px; }
      .page .question .question-box .panel-group .faq .group-question .title {
        width: 88%; }
    .page .question .question-box .panel-group .faq .answer {
      display: none;
      border-left: 1px solid #666666;
      padding-left: 15px;
      margin-left: 9px;
      font-size: 12px;
      color: #FFFFFF; }
.page .contact {
  padding: 24px;
  border: 1px solid #333333;
  border-radius: 8px; }
.page .border-none {
  border: none !important; }